branding = { return Object.fromEntries([...ownEntries({ "Google Cloud": { icon: svg` `, wordmark: svg``, text: html`Google Cloud` }, jsDelivr: { icon: svg``, wordmark: svg``, text: html`jsDelivr` }, Cloudflare: { icon: svg``, wordmark: svg``, text: html`Cloudflare` }, Skypack: { icon: svg``, wordmark: svg``, text: html`Skypack` } })].map(([name, parts]) => [name, Object.create(null, mkObj([...[...ownEntries(parts)].map(([part, value]) => { if (value instanceof Element) { value.style.display = "inline-block"; value.style.height = "2.5ex"; value.style.height = "1lh"; value.style.height = "1cap"; value.style.width = "auto"; value.title = name; value.setAttributeNS("http://www.w3.org/1999/xhtml", "html:title", name); value.ariaLabel ||= `${name} – ${part}`; if (value instanceof SVGElement) { let title = value.querySelector("title"); if (title) { title.textContent ||= name; } else { title = document.createElementNS("http://www.w3.org/2000/svg", "title"); title.textContent = name; value.prepend(title); } } } if (value instanceof Node) { return [part, { enumerable: true, get() { return value.cloneNode(Infinity); } }]; } return [part, value]; }), ...[ [lockupRow.name, { enumerable: true, get: lockupRow }], [lockupColumn.name, { enumerable: true, get: lockupColumn }], [Symbol.toStringTag, { value: name }] ]]))])); function lockupRow() { let icon = this.icon; let wordmark = this.wordmark; if (icon && wordmark) { let wrap = document.createElement("span"); wrap.style.display = "flex"; wrap.style.flexDirection = "row"; wrap.style.flexWrap = "nowrap"; wrap.style.gap = "1ex"; wrap.style.alignItems = "center"; wrap.append(icon, wordmark); return wrap; } else { return this.wordmark || this.icon; } } function lockupColumn() { let icon = this.icon; let wordmark = this.wordmark; if (icon && wordmark) { let wrap = document.createElement("span"); wrap.style.display = "flex"; wrap.style.flexDirection = "column"; wrap.style.flexWrap = "nowrap"; wrap.style.gap = "0.25ex"; wrap.style.alignItems = "center"; wrap.append(icon, wordmark); return wrap; } else { return this.wordmark || this.icon; } } }