@rosettadash/web-components 0.1.1 → 0.1.3

package/src/visual/media/youtube-embed/rd-youtube-embed.js

@@ -0,0 +1,121 @@
+import { defineRosettaElement, readNumber, readString } from '../../../lib/element-utils.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../../lib/shadow-base.js';
+import { buildYouTubeEmbedUrl, parseYouTubeVideoId, } from './parse-youtube-id.js';
+export const DB_YOUTUBE_EMBED_TAG = 'rd-youtube-embed';
+export class RdYoutubeEmbedElement extends HTMLElement {
+    static tagName = DB_YOUTUBE_EMBED_TAG;
+    resourcesReady = null;
+    static get observedAttributes() {
+        return ['video-id', 'url', 'start', 'autoplay', 'mute', 'controls', 'embed-title'];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    attributeChangedCallback() {
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    setProperty(name, value) {
+        this[name] = value;
+        if (this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get videoId() {
+        return readString(this.getAttribute('video-id'), '');
+    }
+    set videoId(value) {
+        if (value) {
+            this.setAttribute('video-id', value);
+        }
+        else {
+            this.removeAttribute('video-id');
+        }
+    }
+    get url() {
+        return readString(this.getAttribute('url'), '');
+    }
+    set url(value) {
+        if (value) {
+            this.setAttribute('url', value);
+        }
+        else {
+            this.removeAttribute('url');
+        }
+    }
+    get start() {
+        return readNumber(this.getAttribute('start'), 0);
+    }
+    get autoplay() {
+        return this.hasAttribute('autoplay');
+    }
+    get mute() {
+        return this.hasAttribute('mute');
+    }
+    get controls() {
+        return !this.hasAttribute('controls') || this.getAttribute('controls') !== 'false';
+    }
+    get embedTitle() {
+        return readString(this.getAttribute('embed-title'), 'YouTube video');
+    }
+    set embedTitle(value) {
+        if (value) {
+            this.setAttribute('embed-title', value);
+        }
+        else {
+            this.removeAttribute('embed-title');
+        }
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="root"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(DB_YOUTUBE_EMBED_TAG, './rd-youtube-embed.html', './rd-youtube-embed.css');
+        applyShadowMount(root, pair);
+    }
+    resolveVideoId() {
+        return parseYouTubeVideoId(this.videoId) ?? parseYouTubeVideoId(this.url);
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const iframe = root.querySelector('[data-ref="iframe"]');
+        const empty = root.querySelector('[data-ref="empty"]');
+        if (!iframe || !empty) {
+            return;
+        }
+        const id = this.resolveVideoId();
+        if (!id) {
+            iframe.removeAttribute('src');
+            iframe.hidden = true;
+            empty.hidden = false;
+            return;
+        }
+        iframe.hidden = false;
+        empty.hidden = true;
+        iframe.title = this.embedTitle;
+        iframe.credentialless = true;
+        iframe.src = buildYouTubeEmbedUrl(id, {
+            start: this.start,
+            autoplay: this.autoplay,
+            mute: this.mute,
+            controls: this.controls,
+        });
+    }
+}
+export function registerRdYoutubeEmbed() {
+    ensureShadowBase(DB_YOUTUBE_EMBED_TAG);
+    defineRosettaElement(DB_YOUTUBE_EMBED_TAG, RdYoutubeEmbedElement);
+}
+//# sourceMappingURL=rd-youtube-embed.js.map

package/src/visual/media/youtube-embed/rd-youtube-embed.js.map

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

package/src/visual/news/article-detail/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsArticleDetailProps } from './rd-news-article-detail.js';
+export { registerRdNewsArticleDetail, RD_NEWS_ARTICLE_DETAIL_TAG, RdNewsArticleDetailElement } from './rd-news-article-detail.js';

package/src/visual/news/article-detail/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsArticleDetail, RD_NEWS_ARTICLE_DETAIL_TAG, RdNewsArticleDetailElement } from './rd-news-article-detail.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/article-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/article-detail/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}

package/src/visual/news/article-detail/rd-news-article-detail.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_ARTICLE_DETAIL_TAG = "rd-news-article-detail";
+export interface NewsArticleDetailProps {
+    title?: string;
+    emptyMessage?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/article-detail — visual.news.article-detail */
+export declare class RdNewsArticleDetailElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-article-detail";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdNewsArticleDetail(): void;

package/src/visual/news/article-detail/rd-news-article-detail.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_ARTICLE_DETAIL_TAG = 'rd-news-article-detail';
+/** @rosettadash/web-components/visual/news/article-detail — visual.news.article-detail */
+export class RdNewsArticleDetailElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_ARTICLE_DETAIL_TAG;
+    static get observedAttributes() {
+        return ["title", "empty-message"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', 'Article');
+        const empty = this.readAttr('empty-message', 'Select a headline in News Results');
+        return `
+      <section class="rd-news-article-detail" data-testid="rd-news-article-detail">
+        <header class="rd-detail__header"><span>${this.esc(title)}</span></header>
+        <p class="rd-detail__empty">${this.esc(empty)}</p>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdNewsArticleDetail() {
+    defineRosettaElement(RD_NEWS_ARTICLE_DETAIL_TAG, RdNewsArticleDetailElement);
+}
+//# sourceMappingURL=rd-news-article-detail.js.map

package/src/visual/news/article-detail/rd-news-article-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-article-detail.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/article-detail/rd-news-article-detail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,0BAA0B,GAAG,wBAAwB,CAAC;AAUnE,0FAA0F;AAC1F,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;IAChE,MAAM,CAAU,OAAO,GAAG,0BAA0B,CAAC;IAErD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,eAAe,CAAC,CAAC;IACnC,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,mCAAmC,CAAC,CAAC;QAClF,OAAO;;kDAEuC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;sCAC3B,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;iBAEpC,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,2BAA2B;IACzC,oBAAoB,CAAC,0BAA0B,EAAE,0BAA0B,CAAC,CAAC;AAC/E,CAAC"}

package/src/visual/news/language-select/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsLanguageSelectProps } from './rd-news-language-select.js';
+export { registerRdNewsLanguageSelect, RD_NEWS_LANGUAGE_SELECT_TAG, RdNewsLanguageSelectElement } from './rd-news-language-select.js';

package/src/visual/news/language-select/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsLanguageSelect, RD_NEWS_LANGUAGE_SELECT_TAG, RdNewsLanguageSelectElement } from './rd-news-language-select.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/language-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/language-select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC"}

package/src/visual/news/language-select/rd-news-language-select.d.ts

@@ -0,0 +1,23 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_LANGUAGE_SELECT_TAG = "rd-news-language-select";
+export interface NewsLanguageSelectProps {
+    label?: string;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/language-select — visual.news.language-select */
+export declare class RdNewsLanguageSelectElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-language-select";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNewsLanguageSelect(): void;

package/src/visual/news/language-select/rd-news-language-select.js

@@ -0,0 +1,37 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_LANGUAGE_SELECT_TAG = 'rd-news-language-select';
+/** @rosettadash/web-components/visual/news/language-select — visual.news.language-select */
+export class RdNewsLanguageSelectElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_LANGUAGE_SELECT_TAG;
+    static get observedAttributes() {
+        return ["label", "placeholder", "options", "value"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder', 'Select…');
+        const value = this.readAttr('value');
+        const options = this.parseJsonAttr('options', []);
+        const opts = options.map((o) => `<option value="${this.esc(o.value)}"${o.value === value ? ' selected' : ''}>${this.esc(o.label)}</option>`).join('');
+        return `
+      <section class="rd-news-language-select" data-testid="rd-news-language-select">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <select class="rd-select" data-ref="select" aria-label="${this.esc(label || 'News filter')}">
+          <option value="">${this.esc(placeholder)}</option>${opts}
+        </select>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('change', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLSelectElement && target.matches('[data-ref="select"]')) {
+                this.dispatchDetail('value-change', { value: target.value });
+            }
+        });
+    }
+}
+export function registerRdNewsLanguageSelect() {
+    defineRosettaElement(RD_NEWS_LANGUAGE_SELECT_TAG, RdNewsLanguageSelectElement);
+}
+//# sourceMappingURL=rd-news-language-select.js.map

package/src/visual/news/language-select/rd-news-language-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-language-select.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/language-select/rd-news-language-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;AAarE,4FAA4F;AAC5F,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IACjE,MAAM,CAAU,OAAO,GAAG,2BAA2B,CAAC;IAEtD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAA0C,SAAS,EAAE,EAAE,CAAC,CAAC;QAC3F,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtJ,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;kEACd,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,aAAa,CAAC;6BACrE,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI;;;iBAGjD,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACjF,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,4BAA4B;IAC1C,oBAAoB,CAAC,2BAA2B,EAAE,2BAA2B,CAAC,CAAC;AACjF,CAAC"}

package/src/visual/news/region-select/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsRegionSelectProps } from './rd-news-region-select.js';
+export { registerRdNewsRegionSelect, RD_NEWS_REGION_SELECT_TAG, RdNewsRegionSelectElement } from './rd-news-region-select.js';

package/src/visual/news/region-select/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsRegionSelect, RD_NEWS_REGION_SELECT_TAG, RdNewsRegionSelectElement } from './rd-news-region-select.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/region-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/region-select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/src/visual/news/region-select/rd-news-region-select.d.ts

@@ -0,0 +1,23 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_REGION_SELECT_TAG = "rd-news-region-select";
+export interface NewsRegionSelectProps {
+    label?: string;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/region-select — visual.news.region-select */
+export declare class RdNewsRegionSelectElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-region-select";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNewsRegionSelect(): void;

package/src/visual/news/region-select/rd-news-region-select.js

@@ -0,0 +1,37 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_REGION_SELECT_TAG = 'rd-news-region-select';
+/** @rosettadash/web-components/visual/news/region-select — visual.news.region-select */
+export class RdNewsRegionSelectElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_REGION_SELECT_TAG;
+    static get observedAttributes() {
+        return ["label", "placeholder", "options", "value"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder', 'Select…');
+        const value = this.readAttr('value');
+        const options = this.parseJsonAttr('options', []);
+        const opts = options.map((o) => `<option value="${this.esc(o.value)}"${o.value === value ? ' selected' : ''}>${this.esc(o.label)}</option>`).join('');
+        return `
+      <section class="rd-news-region-select" data-testid="rd-news-region-select">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <select class="rd-select" data-ref="select" aria-label="${this.esc(label || 'News filter')}">
+          <option value="">${this.esc(placeholder)}</option>${opts}
+        </select>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('change', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLSelectElement && target.matches('[data-ref="select"]')) {
+                this.dispatchDetail('value-change', { value: target.value });
+            }
+        });
+    }
+}
+export function registerRdNewsRegionSelect() {
+    defineRosettaElement(RD_NEWS_REGION_SELECT_TAG, RdNewsRegionSelectElement);
+}
+//# sourceMappingURL=rd-news-region-select.js.map

package/src/visual/news/region-select/rd-news-region-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-region-select.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/region-select/rd-news-region-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,uBAAuB,CAAC;AAajE,wFAAwF;AACxF,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IAC/D,MAAM,CAAU,OAAO,GAAG,yBAAyB,CAAC;IAEpD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAA0C,SAAS,EAAE,EAAE,CAAC,CAAC;QAC3F,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtJ,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;kEACd,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,aAAa,CAAC;6BACrE,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI;;;iBAGjD,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACjF,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,0BAA0B;IACxC,oBAAoB,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAC;AAC7E,CAAC"}

package/src/visual/news/results-table/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsResultsTableProps } from './rd-news-results-table.js';
+export { registerRdNewsResultsTable, RD_NEWS_RESULTS_TABLE_TAG, RdNewsResultsTableElement } from './rd-news-results-table.js';

package/src/visual/news/results-table/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsResultsTable, RD_NEWS_RESULTS_TABLE_TAG, RdNewsResultsTableElement } from './rd-news-results-table.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/results-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/results-table/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/src/visual/news/results-table/rd-news-results-table.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_RESULTS_TABLE_TAG = "rd-news-results-table";
+export interface NewsResultsTableProps {
+    title?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/results-table — visual.news.results-table */
+export declare class RdNewsResultsTableElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-results-table";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNewsResultsTable(): void;

package/src/visual/news/results-table/rd-news-results-table.js

@@ -0,0 +1,33 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_RESULTS_TABLE_TAG = 'rd-news-results-table';
+/** @rosettadash/web-components/visual/news/results-table — visual.news.results-table */
+export class RdNewsResultsTableElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_RESULTS_TABLE_TAG;
+    static get observedAttributes() {
+        return ["title", "rows"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', 'News results');
+        const rows = this.parseJsonAttr('rows', []);
+        const body = rows.map((row) => `<tr data-row-id="${this.esc(String(row['id'] ?? ''))}"><td>${this.esc(row['headline'] ?? '')}</td><td>${this.esc(row['source'] ?? '')}</td><td>${this.esc(row['region'] ?? '')}</td><td>${this.esc(row['published'] ?? '')}</td></tr>`).join('');
+        return `
+      <section class="rd-news-results-table" data-testid="rd-news-results-table">
+        <header class="rd-table__header"><span>${this.esc(title)}</span></header>
+        <table class="rd-table"><thead><tr><th>Headline</th><th>Source</th><th>Region</th><th>Published</th></tr></thead><tbody>${body}</tbody></table>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const row = event.target instanceof HTMLElement ? event.target.closest('tr[data-row-id]') : null;
+            if (row instanceof HTMLElement && row.dataset['rowId']) {
+                this.dispatchDetail('row-select', { id: row.dataset['rowId'] });
+            }
+        });
+    }
+}
+export function registerRdNewsResultsTable() {
+    defineRosettaElement(RD_NEWS_RESULTS_TABLE_TAG, RdNewsResultsTableElement);
+}
+//# sourceMappingURL=rd-news-results-table.js.map

package/src/visual/news/results-table/rd-news-results-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-results-table.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/results-table/rd-news-results-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,uBAAuB,CAAC;AASjE,wFAAwF;AACxF,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IAC/D,MAAM,CAAU,OAAO,GAAG,yBAAyB,CAAC;IAEpD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAA4C,MAAM,EAAE,EAAE,CAAC,CAAC;QACvF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAoB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjR,OAAO;;iDAEsC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;kIACkE,IAAI;;iBAErH,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YACjG,IAAI,GAAG,YAAY,WAAW,IAAI,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAClE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,0BAA0B;IACxC,oBAAoB,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAC;AAC7E,CAAC"}

package/src/visual/news/search-box/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsSearchBoxProps } from './rd-news-search-box.js';
+export { registerRdNewsSearchBox, RD_NEWS_SEARCH_BOX_TAG, RdNewsSearchBoxElement } from './rd-news-search-box.js';

package/src/visual/news/search-box/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsSearchBox, RD_NEWS_SEARCH_BOX_TAG, RdNewsSearchBoxElement } from './rd-news-search-box.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/search-box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/search-box/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC"}

package/src/visual/news/search-box/rd-news-search-box.d.ts

@@ -0,0 +1,19 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_SEARCH_BOX_TAG = "rd-news-search-box";
+export interface NewsSearchBoxProps {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onSearch?: (query: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/search-box — visual.news.search-box */
+export declare class RdNewsSearchBoxElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-search-box";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNewsSearchBox(): void;

package/src/visual/news/search-box/rd-news-search-box.js

@@ -0,0 +1,42 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_SEARCH_BOX_TAG = 'rd-news-search-box';
+/** @rosettadash/web-components/visual/news/search-box — visual.news.search-box */
+export class RdNewsSearchBoxElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_SEARCH_BOX_TAG;
+    static get observedAttributes() {
+        return ["label", "placeholder", "value"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder', 'Search news…');
+        const value = this.readAttr('value');
+        return `
+      <section class="rd-news-search-box" data-testid="rd-news-search-box">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <div class="rd-search__row">
+          <input type="search" class="rd-input" data-ref="query" placeholder="${this.esc(placeholder)}" value="${this.esc(value)}" aria-label="${this.esc(label || 'Search news')}" />
+          <button type="button" class="rd-button" data-ref="search">Search</button>
+        </div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        const emit = () => {
+            const query = this.querySelector('[data-ref="query"]')?.value ?? '';
+            this.dispatchDetail('search', { query });
+        };
+        this.addEventListener('click', (event) => {
+            if (event.target instanceof HTMLElement && event.target.matches('[data-ref="search"]'))
+                emit();
+        });
+        this.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter')
+                emit();
+        });
+    }
+}
+export function registerRdNewsSearchBox() {
+    defineRosettaElement(RD_NEWS_SEARCH_BOX_TAG, RdNewsSearchBoxElement);
+}
+//# sourceMappingURL=rd-news-search-box.js.map

package/src/visual/news/search-box/rd-news-search-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-search-box.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/search-box/rd-news-search-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAY3D,kFAAkF;AAClF,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAC5D,MAAM,CAAU,OAAO,GAAG,sBAAsB,CAAC;IAEjD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,aAAa,EAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;gFAEA,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,aAAa,CAAC;;;;iBAIhK,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAmB,oBAAoB,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;YACtF,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC;QACF,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC;gBAAE,IAAI,EAAE,CAAC;QACjG,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;gBAAE,IAAI,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,uBAAuB;IACrC,oBAAoB,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAC;AACvE,CAAC"}

package/src/visual/news/type-select/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsTypeSelectProps } from './rd-news-type-select.js';
+export { registerRdNewsTypeSelect, RD_NEWS_TYPE_SELECT_TAG, RdNewsTypeSelectElement } from './rd-news-type-select.js';

package/src/visual/news/type-select/index.js

@@ -0,0 +1,2 @@
+export { registerRdNewsTypeSelect, RD_NEWS_TYPE_SELECT_TAG, RdNewsTypeSelectElement } from './rd-news-type-select.js';
+//# sourceMappingURL=index.js.map

package/src/visual/news/type-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/type-select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/visual/news/type-select/rd-news-type-select.d.ts

@@ -0,0 +1,23 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NEWS_TYPE_SELECT_TAG = "rd-news-type-select";
+export interface NewsTypeSelectProps {
+    label?: string;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/news/type-select — visual.news.type-select */
+export declare class RdNewsTypeSelectElement extends RosettaAtomElement {
+    static readonly tagName = "rd-news-type-select";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNewsTypeSelect(): void;

package/src/visual/news/type-select/rd-news-type-select.js

@@ -0,0 +1,37 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NEWS_TYPE_SELECT_TAG = 'rd-news-type-select';
+/** @rosettadash/web-components/visual/news/type-select — visual.news.type-select */
+export class RdNewsTypeSelectElement extends RosettaAtomElement {
+    static tagName = RD_NEWS_TYPE_SELECT_TAG;
+    static get observedAttributes() {
+        return ["label", "placeholder", "options", "value"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder', 'Select…');
+        const value = this.readAttr('value');
+        const options = this.parseJsonAttr('options', []);
+        const opts = options.map((o) => `<option value="${this.esc(o.value)}"${o.value === value ? ' selected' : ''}>${this.esc(o.label)}</option>`).join('');
+        return `
+      <section class="rd-news-type-select" data-testid="rd-news-type-select">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <select class="rd-select" data-ref="select" aria-label="${this.esc(label || 'News filter')}">
+          <option value="">${this.esc(placeholder)}</option>${opts}
+        </select>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('change', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLSelectElement && target.matches('[data-ref="select"]')) {
+                this.dispatchDetail('value-change', { value: target.value });
+            }
+        });
+    }
+}
+export function registerRdNewsTypeSelect() {
+    defineRosettaElement(RD_NEWS_TYPE_SELECT_TAG, RdNewsTypeSelectElement);
+}
+//# sourceMappingURL=rd-news-type-select.js.map

package/src/visual/news/type-select/rd-news-type-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-news-type-select.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/news/type-select/rd-news-type-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAa7D,oFAAoF;AACpF,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAC7D,MAAM,CAAU,OAAO,GAAG,uBAAuB,CAAC;IAElD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAA0C,SAAS,EAAE,EAAE,CAAC,CAAC;QAC3F,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtJ,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;kEACd,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,aAAa,CAAC;6BACrE,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI;;;iBAGjD,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACjF,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,wBAAwB;IACtC,oBAAoB,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AACzE,CAAC"}

package/src/visual/plugin/metric-chip/index.d.ts

@@ -0,0 +1,2 @@
+export type { MetricChipProps } from './rd-metric-chip.js';
+export { registerRdMetricChip, RD_METRIC_CHIP_TAG, RdMetricChipElement } from './rd-metric-chip.js';

package/src/visual/plugin/metric-chip/index.js

@@ -0,0 +1,2 @@
+export { registerRdMetricChip, RD_METRIC_CHIP_TAG, RdMetricChipElement } from './rd-metric-chip.js';
+//# sourceMappingURL=index.js.map

package/src/visual/plugin/metric-chip/index.js.map

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

package/src/visual/plugin/metric-chip/rd-metric-chip.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_METRIC_CHIP_TAG = "rd-metric-chip";
+export interface MetricChipProps {
+    chipLabel?: string;
+    chipValue?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/plugin/metric-chip — visual.plugin.metric-chip */
+export declare class RdMetricChipElement extends RosettaAtomElement {
+    static readonly tagName = "rd-metric-chip";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdMetricChip(): void;