@rosettadash/web-components 0.1.0

package/src/layout/accordion-link-list/rd-accordion-link-list.js

@@ -0,0 +1,139 @@
+import { defineRosettaElement, readString } from '../../lib/element-utils.js';
+import { escapeHtml, parseLinkItems } from '../../lib/parse-link-items.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../lib/shadow-base.js';
+import { registerRdAccordion } from '../accordion/rd-accordion.js';
+import { registerRdLinkList } from '../../visual/link-list/rd-link-list.js';
+export const RD_ACCORDION_LINK_LIST_TAG = 'rd-accordion-link-list';
+/**
+ * Recipe custom element: collapsible nav / TOC over accordion + link-list atoms.
+ * Prefer composing atoms; use this when a single helper is clearer.
+ */
+export class RdAccordionLinkListElement extends HTMLElement {
+    static tagName = RD_ACCORDION_LINK_LIST_TAG;
+    itemsValue = [];
+    resourcesReady = null;
+    headerListener = null;
+    static get observedAttributes() {
+        return ['heading', 'title', 'default-open', 'open', 'items', 'dense'];
+    }
+    connectedCallback() {
+        registerRdAccordion();
+        registerRdLinkList();
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        if (!this.hasAttribute('open') && this.defaultOpen) {
+            this.setAttribute('open', '');
+        }
+        this.syncItemsFromAttribute();
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    disconnectedCallback() {
+        const root = this.shadowRoot;
+        const header = root?.querySelector('[data-ref="header"]');
+        if (header && this.headerListener) {
+            header.removeEventListener('click', this.headerListener);
+        }
+        this.headerListener = null;
+    }
+    attributeChangedCallback(name) {
+        if (name === 'items') {
+            this.syncItemsFromAttribute();
+        }
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get heading() {
+        return readString(this.getAttribute('heading') ?? this.getAttribute('title'), 'Section');
+    }
+    get defaultOpen() {
+        return this.hasAttribute('default-open');
+    }
+    get open() {
+        return this.hasAttribute('open');
+    }
+    set open(value) {
+        if (value) {
+            this.setAttribute('open', '');
+        }
+        else {
+            this.removeAttribute('open');
+        }
+    }
+    get items() {
+        return this.itemsValue;
+    }
+    set items(value) {
+        this.itemsValue = Array.isArray(value) ? value : [];
+        this.setAttribute('items', JSON.stringify(this.itemsValue));
+    }
+    get dense() {
+        return this.hasAttribute('dense');
+    }
+    syncItemsFromAttribute() {
+        this.itemsValue = parseLinkItems(this.getAttribute('items'));
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="root"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(RD_ACCORDION_LINK_LIST_TAG, './rd-accordion-link-list.html', './rd-accordion-link-list.css');
+        applyShadowMount(root, pair);
+        const header = root.querySelector('[data-ref="header"]');
+        this.headerListener = () => this.toggle();
+        header?.addEventListener('click', this.headerListener);
+    }
+    toggle() {
+        this.open = !this.open;
+        this.dispatchEvent(new CustomEvent('rd-accordion-link-list-toggle', {
+            detail: { open: this.open },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const open = this.open;
+        const section = root.querySelector('[data-ref="root"]');
+        const header = root.querySelector('[data-ref="header"]');
+        const title = root.querySelector('[data-ref="title"]');
+        const list = root.querySelector('[data-ref="list"]');
+        section?.classList.toggle('rd-accordion--open', open);
+        header?.setAttribute('aria-expanded', open ? 'true' : 'false');
+        if (title) {
+            title.textContent = this.heading;
+        }
+        if (list) {
+            list.className = `rd-link-list${this.dense ? ' rd-link-list--dense' : ''}`;
+            list.innerHTML = this.itemsValue
+                .map((item) => `<li class="rd-link-list__item"><a class="rd-link-list__link" href="${escapeHtml(item.href)}">${escapeHtml(item.label)}</a></li>`)
+                .join('');
+        }
+    }
+}
+/** Typed recipe helper — same props as the custom element. */
+export function AccordionLinkList(props) {
+    return {
+        title: props.title,
+        defaultOpen: props.defaultOpen ?? false,
+        className: props.className,
+        items: props.items ?? [],
+        dense: props.dense ?? false,
+    };
+}
+export function registerRdAccordionLinkList() {
+    registerRdAccordion();
+    registerRdLinkList();
+    ensureShadowBase(RD_ACCORDION_LINK_LIST_TAG);
+    defineRosettaElement(RD_ACCORDION_LINK_LIST_TAG, RdAccordionLinkListElement);
+}
+//# sourceMappingURL=rd-accordion-link-list.js.map

package/src/layout/accordion-link-list/rd-accordion-link-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-accordion-link-list.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/accordion-link-list/rd-accordion-link-list.ts"],"names":[],"mappings":"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"}

package/src/lib/element-utils.d.ts

@@ -0,0 +1,8 @@
+export interface DefineRosettaElementOptions {
+    extends?: keyof HTMLElementTagNameMap;
+}
+export declare function defineRosettaElement(tagName: string, ctor: CustomElementConstructor, options?: DefineRosettaElementOptions): void;
+export type DashRow = Record<string, string | number | boolean | null | undefined>;
+export declare function readNumber(value: unknown, fallback: number): number;
+export declare function readString(value: unknown, fallback: string): string;
+export declare const BASE_STYLES = "\n:host {\n  display: block;\n  font-family: var(--rd-font-family, system-ui, sans-serif);\n  color: var(--rd-color-text, #1f2937);\n}\n.panel {\n  border: 1px solid var(--rd-color-border, #d9dee7);\n  border-radius: var(--rd-radius-md, 0.5rem);\n  padding: 0.75rem;\n}\n.panel__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 0.75rem;\n  margin-bottom: 0.75rem;\n}\n.panel__header h3 {\n  margin: 0;\n  font-size: 0.9375rem;\n}\n.panel__meta {\n  font-size: 0.75rem;\n  color: var(--rd-color-muted, #6b7280);\n}\n";

package/src/lib/element-utils.js

@@ -0,0 +1,46 @@
+export function defineRosettaElement(tagName, ctor, options) {
+    if (customElements.get(tagName)) {
+        return;
+    }
+    if (options?.extends) {
+        customElements.define(tagName, ctor, { extends: options.extends });
+    }
+    else {
+        customElements.define(tagName, ctor);
+    }
+}
+export function readNumber(value, fallback) {
+    const next = Number(value);
+    return Number.isFinite(next) ? next : fallback;
+}
+export function readString(value, fallback) {
+    return typeof value === 'string' ? value : fallback;
+}
+export const BASE_STYLES = `
+:host {
+  display: block;
+  font-family: var(--rd-font-family, system-ui, sans-serif);
+  color: var(--rd-color-text, #1f2937);
+}
+.panel {
+  border: 1px solid var(--rd-color-border, #d9dee7);
+  border-radius: var(--rd-radius-md, 0.5rem);
+  padding: 0.75rem;
+}
+.panel__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.panel__header h3 {
+  margin: 0;
+  font-size: 0.9375rem;
+}
+.panel__meta {
+  font-size: 0.75rem;
+  color: var(--rd-color-muted, #6b7280);
+}
+`;
+//# sourceMappingURL=element-utils.js.map

package/src/lib/element-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-utils.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/lib/element-utils.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,oBAAoB,CAClC,OAAe,EACf,IAA8B,EAC9B,OAAqC;IAErC,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,OAAO;IACT,CAAC;IACD,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;QACrB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IACrE,CAAC;SAAM,CAAC;QACN,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;AACH,CAAC;AAID,MAAM,UAAU,UAAU,CAAC,KAAc,EAAE,QAAgB;IACzD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAc,EAAE,QAAgB;IACzD,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AACtD,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B1B,CAAC"}

package/src/lib/parse-link-items.d.ts

@@ -0,0 +1,6 @@
+export interface LinkListItem {
+    label: string;
+    href: string;
+}
+export declare function parseLinkItems(raw: string | null): LinkListItem[];
+export declare function escapeHtml(value: string): string;

package/src/lib/parse-link-items.js

@@ -0,0 +1,37 @@
+import { readString } from './element-utils.js';
+export function parseLinkItems(raw) {
+    if (!raw) {
+        return [];
+    }
+    try {
+        const parsed = JSON.parse(raw);
+        if (!Array.isArray(parsed)) {
+            return [];
+        }
+        return parsed
+            .map((entry) => {
+            if (!entry || typeof entry !== 'object') {
+                return null;
+            }
+            const record = entry;
+            const label = readString(record['label'], '');
+            const href = readString(record['href'], '');
+            if (!label || !href) {
+                return null;
+            }
+            return { label, href };
+        })
+            .filter((item) => item !== null);
+    }
+    catch {
+        return [];
+    }
+}
+export function escapeHtml(value) {
+    return value
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+//# sourceMappingURL=parse-link-items.js.map

package/src/lib/parse-link-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-link-items.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/lib/parse-link-items.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,UAAU,cAAc,CAAC,GAAkB;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAY,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3B,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,MAAM;aACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACb,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACxC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,MAAM,GAAG,KAAgC,CAAC;YAChD,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;YAC9C,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;YAC5C,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QACzB,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,IAAI,EAAwB,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC"}

package/src/lib/shadow-base.d.ts

@@ -0,0 +1,20 @@
+import { type ShadowMountOptions } from './shadow-resources.js';
+/** Co-located shadow asset directories relative to `packages/web-components/src/`. */
+export declare const SHADOW_ELEMENT_DIRS: Record<string, string>;
+/** Ensure a module/file URL resolves to a directory URL (trailing `/`). */
+export declare function normalizeDirectoryUrl(urlString: string): string;
+/** Register co-located asset directory for a custom element tag. */
+export declare function registerShadowBase(tag: string, baseUrl: string): void;
+/** Set package `src/` root (`file:` or `https:` URL ending in `/`). */
+export declare function setShadowPackageSrcRoot(rootUrl: string): void;
+/** Resolve `packages/web-components/src/` from a module URL (Vite-safe). */
+export declare function resolvePackageSrcRootFromModule(moduleUrl: string): string;
+/** Register all known shadow bases from {@link setShadowPackageSrcRoot}. */
+export declare function registerAllShadowBases(): void;
+/** Register one shadow base when package root is configured (browser entry or Jest setup). */
+export declare function ensureShadowBase(tag: string): void;
+/** Resolve registered base URL for shadow asset loading. */
+export declare function getShadowBase(tag: string): string;
+/** Load paired `.html` + `.css` for a registered element tag. */
+export declare function loadShadowPairForTag(tag: string, htmlFile: string, cssFile: string): Promise<ShadowMountOptions>;
+export { applyShadowMount } from './shadow-resources.js';

package/src/lib/shadow-base.js

@@ -0,0 +1,81 @@
+import { loadTextResource } from './shadow-resources.js';
+/** Co-located shadow asset directories relative to `packages/web-components/src/`. */
+export const SHADOW_ELEMENT_DIRS = {
+    'rd-accordion': 'layout/accordion',
+    'rd-accordion-link-list': 'layout/accordion-link-list',
+    'rd-link-list': 'visual/link-list',
+    'rd-video-source': 'visual/media/video-source',
+    'rd-equirect-viewport': 'visual/media/equirect-viewport',
+    'rd-wasm-media': 'wasm/wasm-media',
+    'rd-component-name': 'catalog/component-name',
+};
+const tagToBaseUrl = new Map();
+let packageSrcRoot = null;
+/** Ensure a module/file URL resolves to a directory URL (trailing `/`). */
+export function normalizeDirectoryUrl(urlString) {
+    const url = new URL(urlString);
+    const lastSegment = url.pathname.split('/').pop() ?? '';
+    if (/\.[a-z0-9]+$/i.test(lastSegment)) {
+        url.pathname = url.pathname.replace(/\/[^/]+$/, '/');
+    }
+    else if (!url.pathname.endsWith('/')) {
+        url.pathname = `${url.pathname}/`;
+    }
+    return url.href.endsWith('/') ? url.href : `${url.href}/`;
+}
+/** Register co-located asset directory for a custom element tag. */
+export function registerShadowBase(tag, baseUrl) {
+    tagToBaseUrl.set(tag, normalizeDirectoryUrl(baseUrl));
+}
+/** Set package `src/` root (`file:` or `https:` URL ending in `/`). */
+export function setShadowPackageSrcRoot(rootUrl) {
+    packageSrcRoot = normalizeDirectoryUrl(rootUrl);
+}
+/** Resolve `packages/web-components/src/` from a module URL (Vite-safe). */
+export function resolvePackageSrcRootFromModule(moduleUrl) {
+    const marker = new URL('./register-shadow-bases.browser.js', moduleUrl);
+    return normalizeDirectoryUrl(new URL('./', marker).href);
+}
+/** Register all known shadow bases from {@link setShadowPackageSrcRoot}. */
+export function registerAllShadowBases() {
+    if (!packageSrcRoot) {
+        throw new Error('setShadowPackageSrcRoot must be called before registerAllShadowBases');
+    }
+    for (const [tag, dir] of Object.entries(SHADOW_ELEMENT_DIRS)) {
+        registerShadowBase(tag, new URL(`./${dir}/`, packageSrcRoot).href);
+    }
+}
+/** Register one shadow base when package root is configured (browser entry or Jest setup). */
+export function ensureShadowBase(tag) {
+    if (tagToBaseUrl.has(tag)) {
+        return;
+    }
+    if (!packageSrcRoot) {
+        throw new Error(`Shadow base not registered for ${tag}. Import '@rosettadash/web-components' once in app code, or add the web-components Jest setup in test config.`);
+    }
+    const dir = SHADOW_ELEMENT_DIRS[tag];
+    if (!dir) {
+        throw new Error(`Unknown shadow element tag: ${tag}`);
+    }
+    registerShadowBase(tag, new URL(`./${dir}/`, packageSrcRoot).href);
+}
+/** Resolve registered base URL for shadow asset loading. */
+export function getShadowBase(tag) {
+    const base = tagToBaseUrl.get(tag);
+    if (!base) {
+        throw new Error(`Shadow base not registered for ${tag}`);
+    }
+    return base;
+}
+/** Load paired `.html` + `.css` for a registered element tag. */
+export async function loadShadowPairForTag(tag, htmlFile, cssFile) {
+    ensureShadowBase(tag);
+    const base = getShadowBase(tag);
+    const [html, css] = await Promise.all([
+        loadTextResource(htmlFile, base),
+        loadTextResource(cssFile, base),
+    ]);
+    return { html, css };
+}
+export { applyShadowMount } from './shadow-resources.js';
+//# sourceMappingURL=shadow-base.js.map

package/src/lib/shadow-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-base.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/lib/shadow-base.ts"],"names":[],"mappings":"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"}

package/src/lib/shadow-resources.d.ts

@@ -0,0 +1,10 @@
+/** Load co-located `.html` / `.css` for shadow roots (browser fetch). */
+export declare function loadTextResource(relativePath: string, baseUrl: string): Promise<string>;
+export interface ShadowMountOptions {
+    html: string;
+    css: string;
+}
+/** Apply stylesheet + markup to an open shadow root. */
+export declare function applyShadowMount(root: ShadowRoot, options: ShadowMountOptions): void;
+/** Load paired `.html` + `.css` next to the calling module. */
+export declare function loadShadowPair(baseUrl: string, htmlFile: string, cssFile: string): Promise<ShadowMountOptions>;

package/src/lib/shadow-resources.js

@@ -0,0 +1,38 @@
+const textCache = new Map();
+/** Load co-located `.html` / `.css` for shadow roots (browser fetch). */
+export function loadTextResource(relativePath, baseUrl) {
+    const url = new URL(relativePath, baseUrl);
+    const cacheKey = url.href;
+    const cached = textCache.get(cacheKey);
+    if (cached) {
+        return cached;
+    }
+    const promise = (async () => {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`Failed to load ${url.href}: ${response.status}`);
+        }
+        return response.text();
+    })();
+    textCache.set(cacheKey, promise);
+    return promise;
+}
+/** Apply stylesheet + markup to an open shadow root. */
+export function applyShadowMount(root, options) {
+    root.innerHTML = '';
+    const style = document.createElement('style');
+    style.textContent = options.css;
+    root.appendChild(style);
+    const template = document.createElement('template');
+    template.innerHTML = options.html;
+    root.appendChild(template.content.cloneNode(true));
+}
+/** Load paired `.html` + `.css` next to the calling module. */
+export async function loadShadowPair(baseUrl, htmlFile, cssFile) {
+    const [html, css] = await Promise.all([
+        loadTextResource(htmlFile, baseUrl),
+        loadTextResource(cssFile, baseUrl),
+    ]);
+    return { html, css };
+}
+//# sourceMappingURL=shadow-resources.js.map

package/src/lib/shadow-resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-resources.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/lib/shadow-resources.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAA2B,CAAC;AAErD,yEAAyE;AACzE,MAAM,UAAU,gBAAgB,CAAC,YAAoB,EAAE,OAAe;IACpE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,EAAE;QAC1B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,kBAAkB,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QACpE,CAAC;QACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC,CAAC,EAAE,CAAC;IAEL,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,OAAO,CAAC;AACjB,CAAC;AAOD,wDAAwD;AACxD,MAAM,UAAU,gBAAgB,CAAC,IAAgB,EAAE,OAA2B;IAC5E,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;IAChC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAExB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAClC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,+DAA+D;AAC/D,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,OAAe,EACf,QAAgB,EAChB,OAAe;IAEf,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACpC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACnC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;KACnC,CAAC,CAAC;IACH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AACvB,CAAC"}

package/src/register-shadow-bases.browser.d.ts

@@ -0,0 +1 @@
+export {};

package/src/register-shadow-bases.browser.js

@@ -0,0 +1,5 @@
+import { registerAllShadowBases, resolvePackageSrcRootFromModule, setShadowPackageSrcRoot, } from './lib/shadow-base.js';
+/** Browser-only: register co-located shadow asset bases (not loaded in Jest). */
+setShadowPackageSrcRoot(resolvePackageSrcRootFromModule(import.meta.url));
+registerAllShadowBases();
+//# sourceMappingURL=register-shadow-bases.browser.js.map

package/src/register-shadow-bases.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register-shadow-bases.browser.js","sourceRoot":"","sources":["../../../../packages/web-components/src/register-shadow-bases.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,iFAAiF;AACjF,uBAAuB,CAAC,+BAA+B,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1E,sBAAsB,EAAE,CAAC"}

package/src/visual/link-list/index.d.ts

@@ -0,0 +1,4 @@
+export type { LinkListItem, LinkListProps } from './rd-link-list.js';
+export { RD_LINK_LIST_TAG, RdLinkListElement, registerRdLinkList, } from './rd-link-list.js';
+/** Convenience: register visual/link-list custom element. */
+export declare function registerVisualLinkList(): void;

package/src/visual/link-list/index.js

@@ -0,0 +1,7 @@
+export { RD_LINK_LIST_TAG, RdLinkListElement, registerRdLinkList, } from './rd-link-list.js';
+import { registerRdLinkList } from './rd-link-list.js';
+/** Convenience: register visual/link-list custom element. */
+export function registerVisualLinkList() {
+    registerRdLinkList();
+}
+//# sourceMappingURL=index.js.map

package/src/visual/link-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/link-list/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,6DAA6D;AAC7D,MAAM,UAAU,sBAAsB;IACpC,kBAAkB,EAAE,CAAC;AACvB,CAAC"}

package/src/visual/link-list/rd-link-list.d.ts

@@ -0,0 +1,26 @@
+import { type LinkListItem } from '../../lib/parse-link-items.js';
+export declare const RD_LINK_LIST_TAG = "rd-link-list";
+export type { LinkListItem };
+/** Public props contract for visual/link-list (all runtimes share this shape). */
+export interface LinkListProps {
+    items?: LinkListItem[];
+    className?: string;
+    /** When true, render a denser list. */
+    dense?: boolean;
+}
+export declare class RdLinkListElement extends HTMLElement {
+    static readonly tagName = "rd-link-list";
+    private itemsValue;
+    private resourcesReady;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    whenReady(): Promise<void>;
+    get items(): LinkListItem[];
+    set items(value: LinkListItem[]);
+    get dense(): boolean;
+    private syncItemsFromAttribute;
+    private mountShadow;
+    private paint;
+}
+export declare function registerRdLinkList(): void;

package/src/visual/link-list/rd-link-list.js

@@ -0,0 +1,68 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { escapeHtml, parseLinkItems } from '../../lib/parse-link-items.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../lib/shadow-base.js';
+export const RD_LINK_LIST_TAG = 'rd-link-list';
+export class RdLinkListElement extends HTMLElement {
+    static tagName = RD_LINK_LIST_TAG;
+    itemsValue = [];
+    resourcesReady = null;
+    static get observedAttributes() {
+        return ['items', 'dense'];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.syncItemsFromAttribute();
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    attributeChangedCallback(name) {
+        if (name === 'items') {
+            this.syncItemsFromAttribute();
+        }
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get items() {
+        return this.itemsValue;
+    }
+    set items(value) {
+        this.itemsValue = Array.isArray(value) ? value : [];
+        this.setAttribute('items', JSON.stringify(this.itemsValue));
+    }
+    get dense() {
+        return this.hasAttribute('dense');
+    }
+    syncItemsFromAttribute() {
+        this.itemsValue = parseLinkItems(this.getAttribute('items'));
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="list"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(RD_LINK_LIST_TAG, './rd-link-list.html', './rd-link-list.css');
+        applyShadowMount(root, pair);
+    }
+    paint() {
+        const root = this.shadowRoot;
+        const list = root?.querySelector('[data-ref="list"]');
+        if (!list) {
+            return;
+        }
+        list.className = `rd-link-list${this.dense ? ' rd-link-list--dense' : ''}`;
+        list.innerHTML = this.itemsValue
+            .map((item) => `<li class="rd-link-list__item"><a class="rd-link-list__link" href="${escapeHtml(item.href)}">${escapeHtml(item.label)}</a></li>`)
+            .join('');
+    }
+}
+export function registerRdLinkList() {
+    ensureShadowBase(RD_LINK_LIST_TAG);
+    defineRosettaElement(RD_LINK_LIST_TAG, RdLinkListElement);
+}
+//# sourceMappingURL=rd-link-list.js.map

package/src/visual/link-list/rd-link-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-link-list.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/link-list/rd-link-list.ts"],"names":[],"mappings":"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"}

package/src/visual/media/equirect-viewport/index.d.ts

@@ -0,0 +1 @@
+export { RdEquirectViewportElement, DB_EQUIRECT_VIEWPORT_TAG, registerRdEquirectViewport, type EquirectPreviewMode, } from './rd-equirect-viewport.js';

package/src/visual/media/equirect-viewport/index.js

@@ -0,0 +1,2 @@
+export { RdEquirectViewportElement, DB_EQUIRECT_VIEWPORT_TAG, registerRdEquirectViewport, } from './rd-equirect-viewport.js';
+//# sourceMappingURL=index.js.map

package/src/visual/media/equirect-viewport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/media/equirect-viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAE3B,MAAM,2BAA2B,CAAC"}

package/src/visual/media/equirect-viewport/rd-equirect-viewport.d.ts

@@ -0,0 +1,30 @@
+import { type DashRow } from '../../../lib/element-utils.js';
+export declare const DB_EQUIRECT_VIEWPORT_TAG = "rd-equirect-viewport";
+export type EquirectPreviewMode = 'flat-crop' | 'rectilinear';
+export declare class RdEquirectViewportElement extends HTMLElement {
+    static readonly tagName = "rd-equirect-viewport";
+    private resourcesReady;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    whenReady(): Promise<void>;
+    setProperty(name: string, value: unknown): void;
+    get previewMode(): EquirectPreviewMode;
+    get label(): string;
+    get cropRegion(): DashRow;
+    private get sourceWidth();
+    private get sourceHeight();
+    private get cropX();
+    private get cropY();
+    private get cropWidth();
+    private get cropHeight();
+    private get outputWidth();
+    private get outputHeight();
+    private get yaw();
+    private get pitch();
+    private get horizontalFov();
+    private mountShadow;
+    private paint;
+    private emitCropRegion;
+}
+export declare function registerRdEquirectViewport(): void;