@rosettadash/web-components 0.1.0 → 0.1.3

package/src/layout/collapsible/rd-collapsible.js

@@ -0,0 +1,50 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_COLLAPSIBLE_TAG = 'rd-collapsible';
+/** @rosettadash/web-components/layout/collapsible — layout.collapsible */
+export class RdCollapsibleElement extends RosettaAtomElement {
+    static tagName = RD_COLLAPSIBLE_TAG;
+    static get observedAttributes() {
+        return ['title', 'summary', 'open', 'default-open'];
+    }
+    isOpen() {
+        return this.readBoolAttr('open') || this.readBoolAttr('default-open');
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', 'Section');
+        const summary = this.readAttr('summary');
+        const open = this.isOpen();
+        return `
+      <section class="rd-collapsible${open ? ' is-open' : ''}" data-testid="rd-collapsible">
+        <button type="button" class="rd-collapsible__header" aria-expanded="${open ? 'true' : 'false'}">
+          <span class="rd-collapsible__titles">
+            <span class="rd-collapsible__title">${this.esc(title)}</span>
+            ${summary ? `<span class="rd-collapsible__summary">${this.esc(summary)}</span>` : ''}
+          </span>
+          <span class="rd-collapsible__chevron" aria-hidden="true">${open ? '▾' : '▸'}</span>
+        </button>
+        <div class="rd-collapsible__panel" data-ref="slot"${open ? '' : ' hidden'}></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (!(target instanceof Element) || !target.closest('.rd-collapsible__header')) {
+                return;
+            }
+            event.preventDefault();
+            const next = !this.isOpen();
+            if (next) {
+                this.setAttribute('open', '');
+            }
+            else {
+                this.removeAttribute('open');
+            }
+            this.dispatchDetail('open-change', { open: next });
+        });
+    }
+}
+export function registerRdCollapsible() {
+    defineRosettaElement(RD_COLLAPSIBLE_TAG, RdCollapsibleElement);
+}
+//# sourceMappingURL=rd-collapsible.js.map

package/src/layout/collapsible/rd-collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-collapsible.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/collapsible/rd-collapsible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAanD,0EAA0E;AAC1E,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAC1D,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;IACtD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACxE,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC3B,OAAO;sCAC2B,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;8EACkB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;kDAEnD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;cACnD,OAAO,CAAC,CAAC,CAAC,yCAAyC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;qEAE3B,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;4DAEzB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;iBAChE,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,CAAC;gBAC/E,OAAO;YACT,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,qBAAqB;IACnC,oBAAoB,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,CAAC;AACjE,CAAC"}

package/src/layout/flex/index.d.ts

@@ -0,0 +1,2 @@
+export type { FlexLayoutProps } from './rd-flex-layout.js';
+export { registerRdFlexLayout, RD_FLEX_LAYOUT_TAG, RdFlexLayoutElement } from './rd-flex-layout.js';

package/src/layout/flex/index.js

@@ -0,0 +1,2 @@
+export { registerRdFlexLayout, RD_FLEX_LAYOUT_TAG, RdFlexLayoutElement } from './rd-flex-layout.js';
+//# sourceMappingURL=index.js.map

package/src/layout/flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/flex/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/layout/flex/rd-flex-layout.d.ts

@@ -0,0 +1,17 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_FLEX_LAYOUT_TAG = "rd-flex-layout";
+export interface FlexLayoutProps {
+    title?: string;
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/flex — layout.flex */
+export declare class RdFlexLayoutElement extends RosettaAtomElement {
+    static readonly tagName = "rd-flex-layout";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdFlexLayout(): void;

package/src/layout/flex/rd-flex-layout.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_FLEX_LAYOUT_TAG = 'rd-flex-layout';
+/** @rosettadash/web-components/layout/flex — layout.flex */
+export class RdFlexLayoutElement extends RosettaAtomElement {
+    static tagName = RD_FLEX_LAYOUT_TAG;
+    static get observedAttributes() {
+        return ["title", "direction", "gap"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title');
+        const direction = this.readAttr('direction', 'row');
+        const gap = this.readAttr('gap', '12');
+        return `
+      <section class="rd-flex" data-testid="rd-flex">
+        ${title ? `<span class="rd-flex__title">${this.esc(title)}</span>` : ''}
+        <div class="rd-flex__flex" data-ref="slot" style="display:flex;flex-direction:${direction};gap:${gap}px"></div>
+      </section>`;
+    }
+}
+export function registerRdFlexLayout() {
+    defineRosettaElement(RD_FLEX_LAYOUT_TAG, RdFlexLayoutElement);
+}
+//# sourceMappingURL=rd-flex-layout.js.map

package/src/layout/flex/rd-flex-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-flex-layout.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/flex/rd-flex-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAWnD,4DAA4D;AAC5D,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,WAAW,EAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,gCAAgC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;wFACS,SAAS,QAAQ,GAAG;iBAC3F,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/layout/grid/index.d.ts

@@ -0,0 +1,2 @@
+export type { GridLayoutProps } from './rd-grid-layout.js';
+export { registerRdGridLayout, RD_GRID_LAYOUT_TAG, RdGridLayoutElement } from './rd-grid-layout.js';

package/src/layout/grid/index.js

@@ -0,0 +1,2 @@
+export { registerRdGridLayout, RD_GRID_LAYOUT_TAG, RdGridLayoutElement } from './rd-grid-layout.js';
+//# sourceMappingURL=index.js.map

package/src/layout/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/grid/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/layout/grid/rd-grid-layout.d.ts

@@ -0,0 +1,17 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_GRID_LAYOUT_TAG = "rd-grid-layout";
+export interface GridLayoutProps {
+    title?: string;
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/grid — layout.grid */
+export declare class RdGridLayoutElement extends RosettaAtomElement {
+    static readonly tagName = "rd-grid-layout";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdGridLayout(): void;

package/src/layout/grid/rd-grid-layout.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_GRID_LAYOUT_TAG = 'rd-grid-layout';
+/** @rosettadash/web-components/layout/grid — layout.grid */
+export class RdGridLayoutElement extends RosettaAtomElement {
+    static tagName = RD_GRID_LAYOUT_TAG;
+    static get observedAttributes() {
+        return ["title", "columns", "gap"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title');
+        const columns = this.readNumAttr('columns', 3);
+        const gap = this.readAttr('gap', '12');
+        return `
+      <section class="rd-grid" data-testid="rd-grid">
+        ${title ? `<span class="rd-grid__title">${this.esc(title)}</span>` : ''}
+        <div class="rd-grid__grid" data-ref="slot" style="grid-template-columns:repeat(${columns},1fr);gap:${gap}px"></div>
+      </section>`;
+    }
+}
+export function registerRdGridLayout() {
+    defineRosettaElement(RD_GRID_LAYOUT_TAG, RdGridLayoutElement);
+}
+//# sourceMappingURL=rd-grid-layout.js.map

package/src/layout/grid/rd-grid-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-grid-layout.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/grid/rd-grid-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAWnD,4DAA4D;AAC5D,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,SAAS,EAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,gCAAgC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;yFACU,OAAO,aAAa,GAAG;iBAC/F,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/layout/index.d.ts

@@ -0,0 +1,9 @@
+export * from './accordion/index.js';
+export * from './accordion-link-list/index.js';
+export * from './grid/index.js';
+export * from './flex/index.js';
+export * from './tabs/index.js';
+export * from './modal/index.js';
+export * from './collapsible/index.js';
+export * from './scroll-region/index.js';
+export declare function registerRosettaDashLayoutElements(): void;

package/src/layout/index.js

@@ -0,0 +1,27 @@
+export * from './accordion/index.js';
+export * from './accordion-link-list/index.js';
+export * from './grid/index.js';
+export * from './flex/index.js';
+export * from './tabs/index.js';
+export * from './modal/index.js';
+export * from './collapsible/index.js';
+export * from './scroll-region/index.js';
+import { registerLayoutAccordion } from './accordion/index.js';
+import { registerLayoutAccordionLinkList } from './accordion-link-list/index.js';
+import { registerRdGridLayout } from './grid/index.js';
+import { registerRdFlexLayout } from './flex/index.js';
+import { registerRdTabsLayout } from './tabs/index.js';
+import { registerRdModalLayout } from './modal/index.js';
+import { registerRdCollapsible } from './collapsible/index.js';
+import { registerRdScrollRegion } from './scroll-region/index.js';
+export function registerRosettaDashLayoutElements() {
+    registerLayoutAccordion();
+    registerLayoutAccordionLinkList();
+    registerRdGridLayout();
+    registerRdFlexLayout();
+    registerRdTabsLayout();
+    registerRdModalLayout();
+    registerRdCollapsible();
+    registerRdScrollRegion();
+}
+//# sourceMappingURL=index.js.map

package/src/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,UAAU,iCAAiC;IAC/C,uBAAuB,EAAE,CAAC;IAC1B,+BAA+B,EAAE,CAAC;IAClC,oBAAoB,EAAE,CAAC;IACvB,oBAAoB,EAAE,CAAC;IACvB,oBAAoB,EAAE,CAAC;IACvB,qBAAqB,EAAE,CAAC;IACxB,qBAAqB,EAAE,CAAC;IACxB,sBAAsB,EAAE,CAAC;AAC3B,CAAC"}

package/src/layout/modal/index.d.ts

@@ -0,0 +1,2 @@
+export type { ModalLayoutProps } from './rd-modal-layout.js';
+export { registerRdModalLayout, RD_MODAL_LAYOUT_TAG, RdModalLayoutElement } from './rd-modal-layout.js';

package/src/layout/modal/index.js

@@ -0,0 +1,2 @@
+export { registerRdModalLayout, RD_MODAL_LAYOUT_TAG, RdModalLayoutElement } from './rd-modal-layout.js';
+//# sourceMappingURL=index.js.map

package/src/layout/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/src/layout/modal/rd-modal-layout.d.ts

@@ -0,0 +1,20 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_MODAL_LAYOUT_TAG = "rd-modal-layout";
+export interface ModalLayoutProps {
+    title?: string;
+    body?: string;
+    confirmLabel?: string;
+    open?: boolean;
+    onConfirm?: () => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/modal — layout.modal */
+export declare class RdModalLayoutElement extends RosettaAtomElement {
+    static readonly tagName = "rd-modal-layout";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdModalLayout(): void;

package/src/layout/modal/rd-modal-layout.js

@@ -0,0 +1,40 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_MODAL_LAYOUT_TAG = 'rd-modal-layout';
+/** @rosettadash/web-components/layout/modal — layout.modal */
+export class RdModalLayoutElement extends RosettaAtomElement {
+    static tagName = RD_MODAL_LAYOUT_TAG;
+    static get observedAttributes() {
+        return ["title", "body", "confirm-label", "open"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', 'Dialog');
+        const body = this.readAttr('body');
+        const confirm = this.readAttr('confirm-label', 'Confirm');
+        const open = this.readBoolAttr('open', true);
+        if (!open) {
+            return `<section class="rd-modal" data-testid="rd-modal" hidden></section>`;
+        }
+        return `
+      <section class="rd-modal" data-testid="rd-modal" role="dialog" aria-modal="true" aria-labelledby="rd-modal-title">
+        <div class="rd-modal__dialog">
+          <span class="rd-modal__title" id="rd-modal-title">${this.esc(title)}</span>
+          ${body ? `<p class="rd-modal__body">${this.esc(body)}</p>` : ''}
+          <button type="button" class="rd-modal__confirm rd-button" data-ref="confirm">${this.esc(confirm)}</button>
+          <div data-ref="slot"></div>
+        </div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.matches('[data-ref="confirm"]')) {
+                this.dispatchDetail('confirm', {});
+            }
+        });
+    }
+}
+export function registerRdModalLayout() {
+    defineRosettaElement(RD_MODAL_LAYOUT_TAG, RdModalLayoutElement);
+}
+//# sourceMappingURL=rd-modal-layout.js.map

package/src/layout/modal/rd-modal-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-modal-layout.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/modal/rd-modal-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAarD,8DAA8D;AAC9D,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAC1D,MAAM,CAAU,OAAO,GAAG,mBAAmB,CAAC;IAE9C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,eAAe,EAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;QAC1D,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,oEAAoE,CAAC;QAC9E,CAAC;QACD,OAAO;;;8DAGmD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YACjE,IAAI,CAAC,CAAC,CAAC,6BAA6B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;yFACgB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;;;iBAGzF,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC;gBAC5E,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,qBAAqB;IACnC,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAClE,CAAC"}

package/src/layout/scroll-region/index.d.ts

@@ -0,0 +1,2 @@
+export type { ScrollRegionProps } from './rd-scroll-region.js';
+export { registerRdScrollRegion, RD_SCROLL_REGION_TAG, RdScrollRegionElement } from './rd-scroll-region.js';

package/src/layout/scroll-region/index.js

@@ -0,0 +1,2 @@
+export { registerRdScrollRegion, RD_SCROLL_REGION_TAG, RdScrollRegionElement } from './rd-scroll-region.js';
+//# sourceMappingURL=index.js.map

package/src/layout/scroll-region/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/scroll-region/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

package/src/layout/scroll-region/rd-scroll-region.d.ts

@@ -0,0 +1,17 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_SCROLL_REGION_TAG = "rd-scroll-region";
+export interface ScrollRegionProps {
+    title?: string;
+    maxHeight?: string;
+    overlayScrollbar?: boolean;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/scroll-region — layout.scroll-region */
+export declare class RdScrollRegionElement extends RosettaAtomElement {
+    static readonly tagName = "rd-scroll-region";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdScrollRegion(): void;

package/src/layout/scroll-region/rd-scroll-region.js

@@ -0,0 +1,26 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_SCROLL_REGION_TAG = 'rd-scroll-region';
+/** @rosettadash/web-components/layout/scroll-region — layout.scroll-region */
+export class RdScrollRegionElement extends RosettaAtomElement {
+    static tagName = RD_SCROLL_REGION_TAG;
+    static get observedAttributes() {
+        return ["title", "max-height", "overlay-scrollbar"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title');
+        const maxHeight = this.readAttr('max-height');
+        const overlay = this.readBoolAttr('overlay-scrollbar', true);
+        const overlayClass = overlay ? ' rd-scroll-region--overlay-scrollbar' : '';
+        const heightStyle = maxHeight ? ` style="max-height:${this.esc(maxHeight)}"` : '';
+        return `
+      <section class="rd-scroll-region rd-scroll-region${overlayClass}" data-testid="rd-scroll-region" aria-label="${this.esc(title || 'Scrollable content')}"${heightStyle}>
+        ${title ? `<header class="rd-scroll-region__header">${this.esc(title)}</header>` : ''}
+        <div class="rd-scroll-region__body" data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdScrollRegion() {
+    defineRosettaElement(RD_SCROLL_REGION_TAG, RdScrollRegionElement);
+}
+//# sourceMappingURL=rd-scroll-region.js.map

package/src/layout/scroll-region/rd-scroll-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-scroll-region.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/scroll-region/rd-scroll-region.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;AAWvD,8EAA8E;AAC9E,MAAM,OAAO,qBAAsB,SAAQ,kBAAkB;IAC3D,MAAM,CAAU,OAAO,GAAG,oBAAoB,CAAC;IAE/C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,YAAY,EAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3E,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,sBAAsB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAClF,OAAO;yDAC8C,YAAY,gDAAgD,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,oBAAoB,CAAC,IAAI,WAAW;UACjK,KAAK,CAAC,CAAC,CAAC,4CAA4C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;;iBAE5E,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,sBAAsB;IACpC,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC;AACpE,CAAC"}

package/src/layout/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export type { TabsLayoutProps } from './rd-tabs-layout.js';
+export { registerRdTabsLayout, RD_TABS_LAYOUT_TAG, RdTabsLayoutElement } from './rd-tabs-layout.js';

package/src/layout/tabs/index.js

@@ -0,0 +1,2 @@
+export { registerRdTabsLayout, RD_TABS_LAYOUT_TAG, RdTabsLayoutElement } from './rd-tabs-layout.js';
+//# sourceMappingURL=index.js.map

package/src/layout/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/layout/tabs/rd-tabs-layout.d.ts

@@ -0,0 +1,23 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_TABS_LAYOUT_TAG = "rd-tabs-layout";
+export interface TabsLayoutTab {
+    id: string;
+    label: string;
+}
+export interface TabsLayoutProps {
+    title?: string;
+    tabs?: TabsLayoutTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/layout/tabs — layout.tabs */
+export declare class RdTabsLayoutElement extends RosettaAtomElement {
+    static readonly tagName = "rd-tabs-layout";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdTabsLayout(): void;

package/src/layout/tabs/rd-tabs-layout.js

@@ -0,0 +1,34 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_TABS_LAYOUT_TAG = 'rd-tabs-layout';
+/** @rosettadash/web-components/layout/tabs — layout.tabs */
+export class RdTabsLayoutElement extends RosettaAtomElement {
+    static tagName = RD_TABS_LAYOUT_TAG;
+    static get observedAttributes() {
+        return ["title", "tabs", "active-tab-id"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title');
+        const active = this.readAttr('active-tab-id');
+        const tabs = this.parseJsonAttr('tabs', []);
+        const tabButtons = tabs.map((tab) => `<button type="button" role="tab" class="rd-tabs__tab${tab.id === active ? ' rd-tabs__tab--active' : ''}" data-tab-id="${this.esc(tab.id)}" aria-selected="${tab.id === active ? 'true' : 'false'}">${this.esc(tab.label)}</button>`).join('');
+        return `
+      <section class="rd-tabs rd-tabs" data-testid="rd-tabs">
+        ${title ? `<span class="rd-tabs__title">${this.esc(title)}</span>` : ''}
+        <div class="rd-tabs__tabs" role="tablist">${tabButtons}</div>
+        <div class="rd-tabs__panel" data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.dataset['tabId']) {
+                this.dispatchDetail('tab-change', { tabId: target.dataset['tabId'] });
+            }
+        });
+    }
+}
+export function registerRdTabsLayout() {
+    defineRosettaElement(RD_TABS_LAYOUT_TAG, RdTabsLayoutElement);
+}
+//# sourceMappingURL=rd-tabs-layout.js.map

package/src/layout/tabs/rd-tabs-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-tabs-layout.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/layout/tabs/rd-tabs-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAiBnD,4DAA4D;AAC5D,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,eAAe,CAAC,CAAC;IAC1C,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAuC,MAAM,EAAE,EAAE,CAAC,CAAC;QAClF,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,uDAAuD,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,kBAAkB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,oBAAoB,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpR,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,gCAAgC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;oDAC3B,UAAU;;iBAE7C,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7D,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/lib/element-utils.js

@@ -10,6 +10,9 @@ export function defineRosettaElement(tagName, ctor, options) {
     }
 }
 export function readNumber(value, fallback) {
+    if (value === null || value === undefined || value === '') {
+        return fallback;
+    }
     const next = Number(value);
     return Number.isFinite(next) ? next : fallback;
 }

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

@@ -1 +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"}
+{"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,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1D,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,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/rosetta-atom-element.d.ts

@@ -0,0 +1,23 @@
+import { escapeHtml } from './parse-link-items.js';
+/** Light-DOM atom base — renders taxonomy BEM markup; opt-in styles from styles.css. */
+export declare abstract class RosettaAtomElement extends HTMLElement {
+    private eventsWired;
+    connectedCallback(): void;
+    attributeChangedCallback(_name: string): void;
+    /** Complex props (arrays/objects) synced from framework hosts via setProperty. */
+    setProperty(name: string, value: unknown): void;
+    whenReady(): Promise<void>;
+    protected paint(): void;
+    protected preserveLightDomChildren(): Node[];
+    protected restoreLightDomChildren(nodes: Node[]): void;
+    protected abstract buildMarkup(): string;
+    protected wireEvents(): void;
+    protected afterPaint(): void;
+    protected readAttr(name: string, fallback?: string): string;
+    protected readBoolAttr(name: string, fallback?: boolean): boolean;
+    protected readNumAttr(name: string, fallback: number): number;
+    protected parseJsonAttr<T>(name: string, fallback: T): T;
+    protected esc(value: string): string;
+    protected dispatchDetail<T>(type: string, detail: T): void;
+}
+export { escapeHtml };

package/src/lib/rosetta-atom-element.js

@@ -0,0 +1,104 @@
+import { readNumber, readString } from './element-utils.js';
+import { escapeHtml } from './parse-link-items.js';
+/** Light-DOM atom base — renders taxonomy BEM markup; opt-in styles from styles.css. */
+export class RosettaAtomElement extends HTMLElement {
+    eventsWired = false;
+    connectedCallback() {
+        this.paint();
+        if (!this.eventsWired) {
+            this.wireEvents();
+            this.eventsWired = true;
+        }
+    }
+    attributeChangedCallback(_name) {
+        if (this.isConnected) {
+            this.paint();
+        }
+    }
+    /** Complex props (arrays/objects) synced from framework hosts via setProperty. */
+    setProperty(name, value) {
+        this[name] = value;
+        if (value === undefined || value === null) {
+            this.removeAttribute(name);
+        }
+        else if (typeof value === 'object') {
+            this.setAttribute(name, JSON.stringify(value));
+        }
+        else {
+            this.setAttribute(name, String(value));
+        }
+        if (this.isConnected) {
+            this.paint();
+        }
+    }
+    whenReady() {
+        return Promise.resolve();
+    }
+    paint() {
+        const preserved = this.preserveLightDomChildren();
+        this.innerHTML = this.buildMarkup();
+        this.restoreLightDomChildren(preserved);
+        this.afterPaint();
+    }
+    preserveLightDomChildren() {
+        const slot = this.querySelector('[data-ref="slot"]');
+        if (slot) {
+            return [...slot.childNodes];
+        }
+        return [...this.childNodes];
+    }
+    restoreLightDomChildren(nodes) {
+        const slot = this.querySelector('[data-ref="slot"]');
+        if (!slot) {
+            return;
+        }
+        for (const node of nodes) {
+            slot.appendChild(node);
+        }
+    }
+    wireEvents() {
+        /* override in interactive atoms */
+    }
+    afterPaint() {
+        /* override */
+    }
+    readAttr(name, fallback = '') {
+        return readString(this.getAttribute(name), fallback);
+    }
+    readBoolAttr(name, fallback = false) {
+        if (!this.hasAttribute(name)) {
+            return fallback;
+        }
+        const raw = this.getAttribute(name);
+        if (raw === '' || raw === 'true') {
+            return true;
+        }
+        if (raw === 'false') {
+            return false;
+        }
+        return fallback;
+    }
+    readNumAttr(name, fallback) {
+        return readNumber(this.getAttribute(name), fallback);
+    }
+    parseJsonAttr(name, fallback) {
+        const raw = this.getAttribute(name);
+        if (!raw) {
+            return fallback;
+        }
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return fallback;
+        }
+    }
+    esc(value) {
+        return escapeHtml(value);
+    }
+    dispatchDetail(type, detail) {
+        this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
+    }
+}
+export { escapeHtml };
+//# sourceMappingURL=rosetta-atom-element.js.map

package/src/lib/rosetta-atom-element.js.map

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

package/src/lib/shadow-base.js

@@ -6,6 +6,9 @@ export const SHADOW_ELEMENT_DIRS = {
     'rd-link-list': 'visual/link-list',
     'rd-video-source': 'visual/media/video-source',
     'rd-equirect-viewport': 'visual/media/equirect-viewport',
+    'rd-youtube-embed': 'visual/media/youtube-embed',
+    'rd-app-language-select': 'domain/i18n/app-language-select',
+    'rd-geo-map': 'visual/display/geo-map',
     'rd-wasm-media': 'wasm/wasm-media',
     'rd-component-name': 'catalog/component-name',
 };