@rosettadash/web-components 0.1.1 → 0.1.3

package/src/visual/display/index.js

@@ -0,0 +1,21 @@
+export { RdGeoMapElement, DB_GEO_MAP_TAG, registerRdGeoMap, } from './geo-map/index.js';
+export * from './3d-bar-chart/index.js';
+export * from './3d-scatter/index.js';
+export * from './3d-scene/index.js';
+export * from './3d-gltf-model/index.js';
+export * from './3d-geo-globe/index.js';
+import { registerRdGeoMap } from './geo-map/index.js';
+import { registerRdThreeBarChart } from './3d-bar-chart/index.js';
+import { registerRdThreeScatterPlot } from './3d-scatter/index.js';
+import { registerRdThreeScenePointCloud } from './3d-scene/index.js';
+import { registerRdThreeGltfModel } from './3d-gltf-model/index.js';
+import { registerRdThreeGeoGlobe } from './3d-geo-globe/index.js';
+export function registerRosettaDashDisplayElements() {
+    registerRdGeoMap();
+    registerRdThreeBarChart();
+    registerRdThreeScatterPlot();
+    registerRdThreeScenePointCloud();
+    registerRdThreeGltfModel();
+    registerRdThreeGeoGlobe();
+}
+//# sourceMappingURL=index.js.map

package/src/visual/display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,GAIjB,MAAM,oBAAoB,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,UAAU,kCAAkC;IAChD,gBAAgB,EAAE,CAAC;IACnB,uBAAuB,EAAE,CAAC;IAC1B,0BAA0B,EAAE,CAAC;IAC7B,8BAA8B,EAAE,CAAC;IACjC,wBAAwB,EAAE,CAAC;IAC3B,uBAAuB,EAAE,CAAC;AAC5B,CAAC"}

package/src/visual/index.d.ts

@@ -0,0 +1,34 @@
+export * from './link-list/index.js';
+export * from './display/index.js';
+export * from './media/index.js';
+export * from './input/text/index.js';
+export * from './input/select/index.js';
+export * from './input/number/index.js';
+export * from './input/checkbox/index.js';
+export * from './input/textarea/index.js';
+export * from './input/date-range/index.js';
+export * from './table/index.js';
+export * from './detail/index.js';
+export * from './kpi/index.js';
+export * from './skeleton/index.js';
+export * from './chart/line/index.js';
+export * from './chart/bar/index.js';
+export * from './chart/pie/index.js';
+export * from './news/language-select/index.js';
+export * from './news/region-select/index.js';
+export * from './news/type-select/index.js';
+export * from './news/search-box/index.js';
+export * from './news/results-table/index.js';
+export * from './news/article-detail/index.js';
+export * from './plugin/status-badge/index.js';
+export * from './plugin/metric-chip/index.js';
+export * from './display/3d-bar-chart/index.js';
+export * from './display/3d-scatter/index.js';
+export * from './display/3d-scene/index.js';
+export * from './display/3d-gltf-model/index.js';
+export * from './display/3d-geo-globe/index.js';
+export * from './svg/inline/index.js';
+export * from './svg/icon/index.js';
+export * from './wasm/worker-host/index.js';
+export * from './wasm/module/index.js';
+export declare function registerRosettaDashVisualElements(): void;

package/src/visual/index.js

@@ -0,0 +1,102 @@
+export * from './link-list/index.js';
+export * from './display/index.js';
+export * from './media/index.js';
+export * from './input/text/index.js';
+export * from './input/select/index.js';
+export * from './input/number/index.js';
+export * from './input/checkbox/index.js';
+export * from './input/textarea/index.js';
+export * from './input/date-range/index.js';
+export * from './table/index.js';
+export * from './detail/index.js';
+export * from './kpi/index.js';
+export * from './skeleton/index.js';
+export * from './chart/line/index.js';
+export * from './chart/bar/index.js';
+export * from './chart/pie/index.js';
+export * from './news/language-select/index.js';
+export * from './news/region-select/index.js';
+export * from './news/type-select/index.js';
+export * from './news/search-box/index.js';
+export * from './news/results-table/index.js';
+export * from './news/article-detail/index.js';
+export * from './plugin/status-badge/index.js';
+export * from './plugin/metric-chip/index.js';
+export * from './display/3d-bar-chart/index.js';
+export * from './display/3d-scatter/index.js';
+export * from './display/3d-scene/index.js';
+export * from './display/3d-gltf-model/index.js';
+export * from './display/3d-geo-globe/index.js';
+export * from './svg/inline/index.js';
+export * from './svg/icon/index.js';
+export * from './wasm/worker-host/index.js';
+export * from './wasm/module/index.js';
+import { registerVisualLinkList } from './link-list/index.js';
+import { registerRosettaDashDisplayElements } from './display/index.js';
+import { registerRosettaDashMediaElements } from './media/index.js';
+import { registerRdTextInput } from './input/text/index.js';
+import { registerRdSelectInput } from './input/select/index.js';
+import { registerRdNumberInput } from './input/number/index.js';
+import { registerRdCheckboxInput } from './input/checkbox/index.js';
+import { registerRdTextareaInput } from './input/textarea/index.js';
+import { registerRdDateRangeFilter } from './input/date-range/index.js';
+import { registerRdDataTable } from './table/index.js';
+import { registerRdDetailPanel } from './detail/index.js';
+import { registerRdKpiCard } from './kpi/index.js';
+import { registerRdLoadingSkeleton } from './skeleton/index.js';
+import { registerRdLineChart } from './chart/line/index.js';
+import { registerRdBarChart } from './chart/bar/index.js';
+import { registerRdPieChart } from './chart/pie/index.js';
+import { registerRdNewsLanguageSelect } from './news/language-select/index.js';
+import { registerRdNewsRegionSelect } from './news/region-select/index.js';
+import { registerRdNewsTypeSelect } from './news/type-select/index.js';
+import { registerRdNewsSearchBox } from './news/search-box/index.js';
+import { registerRdNewsResultsTable } from './news/results-table/index.js';
+import { registerRdNewsArticleDetail } from './news/article-detail/index.js';
+import { registerRdStatusBadge } from './plugin/status-badge/index.js';
+import { registerRdMetricChip } from './plugin/metric-chip/index.js';
+import { registerRdThreeBarChart } from './display/3d-bar-chart/index.js';
+import { registerRdThreeScatterPlot } from './display/3d-scatter/index.js';
+import { registerRdThreeScenePointCloud } from './display/3d-scene/index.js';
+import { registerRdThreeGltfModel } from './display/3d-gltf-model/index.js';
+import { registerRdThreeGeoGlobe } from './display/3d-geo-globe/index.js';
+import { registerRdSvgInline } from './svg/inline/index.js';
+import { registerRdSvgIcon } from './svg/icon/index.js';
+import { registerRdWasmWorkerHost } from './wasm/worker-host/index.js';
+import { registerRdWasmModule } from './wasm/module/index.js';
+export function registerRosettaDashVisualElements() {
+    registerVisualLinkList();
+    registerRosettaDashDisplayElements();
+    registerRosettaDashMediaElements();
+    registerRdTextInput();
+    registerRdSelectInput();
+    registerRdNumberInput();
+    registerRdCheckboxInput();
+    registerRdTextareaInput();
+    registerRdDateRangeFilter();
+    registerRdDataTable();
+    registerRdDetailPanel();
+    registerRdKpiCard();
+    registerRdLoadingSkeleton();
+    registerRdLineChart();
+    registerRdBarChart();
+    registerRdPieChart();
+    registerRdNewsLanguageSelect();
+    registerRdNewsRegionSelect();
+    registerRdNewsTypeSelect();
+    registerRdNewsSearchBox();
+    registerRdNewsResultsTable();
+    registerRdNewsArticleDetail();
+    registerRdStatusBadge();
+    registerRdMetricChip();
+    registerRdThreeBarChart();
+    registerRdThreeScatterPlot();
+    registerRdThreeScenePointCloud();
+    registerRdThreeGltfModel();
+    registerRdThreeGeoGlobe();
+    registerRdSvgInline();
+    registerRdSvgIcon();
+    registerRdWasmWorkerHost();
+    registerRdWasmModule();
+}
+//# sourceMappingURL=index.js.map

package/src/visual/index.js.map

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

package/src/visual/input/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export type { CheckboxInputProps } from './rd-checkbox-input.js';
+export { registerRdCheckboxInput, RD_CHECKBOX_INPUT_TAG, RdCheckboxInputElement } from './rd-checkbox-input.js';

package/src/visual/input/checkbox/index.js

@@ -0,0 +1,2 @@
+export { registerRdCheckboxInput, RD_CHECKBOX_INPUT_TAG, RdCheckboxInputElement } from './rd-checkbox-input.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/checkbox/index.js.map

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

package/src/visual/input/checkbox/rd-checkbox-input.d.ts

@@ -0,0 +1,19 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_CHECKBOX_INPUT_TAG = "rd-checkbox-input";
+export interface CheckboxInputProps {
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/input/checkbox — visual.input.checkbox */
+export declare class RdCheckboxInputElement extends RosettaAtomElement {
+    static readonly tagName = "rd-checkbox-input";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdCheckboxInput(): void;

package/src/visual/input/checkbox/rd-checkbox-input.js

@@ -0,0 +1,32 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_CHECKBOX_INPUT_TAG = 'rd-checkbox-input';
+/** @rosettadash/web-components/visual/input/checkbox — visual.input.checkbox */
+export class RdCheckboxInputElement extends RosettaAtomElement {
+    static tagName = RD_CHECKBOX_INPUT_TAG;
+    static get observedAttributes() {
+        return ["label", "checked", "default-checked"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const checked = this.readBoolAttr('checked') || this.readBoolAttr('default-checked');
+        return `
+      <label class="rd-input-checkbox rd-field--checkbox" data-testid="rd-input-checkbox">
+        <input type="checkbox" class="rd-checkbox" data-ref="input"${checked ? ' checked' : ''} aria-label="${this.esc(label || 'Checkbox')}" />
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <span data-ref="slot"></span>
+      </label>`;
+    }
+    wireEvents() {
+        this.addEventListener('change', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLInputElement && target.matches('[data-ref="input"]')) {
+                this.dispatchDetail('checked-change', { checked: target.checked });
+            }
+        });
+    }
+}
+export function registerRdCheckboxInput() {
+    defineRosettaElement(RD_CHECKBOX_INPUT_TAG, RdCheckboxInputElement);
+}
+//# sourceMappingURL=rd-checkbox-input.js.map

package/src/visual/input/checkbox/rd-checkbox-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-checkbox-input.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/checkbox/rd-checkbox-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAYzD,gFAAgF;AAChF,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAC5D,MAAM,CAAU,OAAO,GAAG,qBAAqB,CAAC;IAEhD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,CAAC,CAAC;IAC/C,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACrF,OAAO;;qEAE0D,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,gBAAgB,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,UAAU,CAAC;UACjI,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;eAEjE,CAAC;IACd,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,gBAAgB,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBAC/E,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,uBAAuB;IACrC,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACtE,CAAC"}

package/src/visual/input/date-range/index.d.ts

@@ -0,0 +1,2 @@
+export type { DateRangeFilterProps } from './rd-date-range-filter.js';
+export { registerRdDateRangeFilter, RD_DATE_RANGE_FILTER_TAG, RdDateRangeFilterElement } from './rd-date-range-filter.js';

package/src/visual/input/date-range/index.js

@@ -0,0 +1,2 @@
+export { registerRdDateRangeFilter, RD_DATE_RANGE_FILTER_TAG, RdDateRangeFilterElement } from './rd-date-range-filter.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/date-range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/date-range/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/src/visual/input/date-range/rd-date-range-filter.d.ts

@@ -0,0 +1,24 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_DATE_RANGE_FILTER_TAG = "rd-date-range";
+export interface DateRangeFilterProps {
+    label?: string;
+    startDate?: string;
+    endDate?: string;
+    presetLabel?: string;
+    granularity?: 'date' | 'month';
+    onChange?: (range: {
+        startDate: string;
+        endDate: string;
+    }) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/input/date-range — visual.input.date-range */
+export declare class RdDateRangeFilterElement extends RosettaAtomElement {
+    static readonly tagName = "rd-date-range";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdDateRangeFilter(): void;

package/src/visual/input/date-range/rd-date-range-filter.js

@@ -0,0 +1,42 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_DATE_RANGE_FILTER_TAG = 'rd-date-range';
+/** @rosettadash/web-components/visual/input/date-range — visual.input.date-range */
+export class RdDateRangeFilterElement extends RosettaAtomElement {
+    static tagName = RD_DATE_RANGE_FILTER_TAG;
+    static get observedAttributes() {
+        return ["label", "start-date", "end-date", "preset-label", "granularity"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const startDate = this.readAttr('start-date');
+        const endDate = this.readAttr('end-date');
+        const presetLabel = this.readAttr('preset-label');
+        const inputType = this.readAttr('granularity') === 'month' ? 'month' : 'date';
+        return `
+      <section class="rd-input-date-range" data-testid="rd-input-date-range">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <div class="rd-date-range__controls">
+          <input type="${inputType}" class="rd-input" data-ref="start" value="${this.esc(startDate)}" aria-label="Start date" />
+          <span class="rd-date-range__sep">to</span>
+          <input type="${inputType}" class="rd-input" data-ref="end" value="${this.esc(endDate)}" aria-label="End date" />
+        </div>
+        ${presetLabel ? `<span class="rd-date-range__preset">${this.esc(presetLabel)}</span>` : ''}
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('change', (event) => {
+            const target = event.target;
+            if (!(target instanceof HTMLInputElement))
+                return;
+            const start = this.querySelector('[data-ref="start"]')?.value ?? '';
+            const end = this.querySelector('[data-ref="end"]')?.value ?? '';
+            this.dispatchDetail('range-change', { startDate: start, endDate: end });
+        });
+    }
+}
+export function registerRdDateRangeFilter() {
+    defineRosettaElement(RD_DATE_RANGE_FILTER_TAG, RdDateRangeFilterElement);
+}
+//# sourceMappingURL=rd-date-range-filter.js.map

package/src/visual/input/date-range/rd-date-range-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-date-range-filter.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/date-range/rd-date-range-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,eAAe,CAAC;AAcxD,oFAAoF;AACpF,MAAM,OAAO,wBAAyB,SAAQ,kBAAkB;IAC9D,MAAM,CAAU,OAAO,GAAG,wBAAwB,CAAC;IAEnD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,YAAY,EAAC,UAAU,EAAC,cAAc,EAAC,aAAa,CAAC,CAAC;IACxE,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,QAAQ,CAAC,UAAU,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAClD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9E,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;yBAEvD,SAAS,8CAA8C,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;;yBAE1E,SAAS,4CAA4C,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;;UAErF,WAAW,CAAC,CAAC,CAAC,uCAAuC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;iBAEjF,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,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC;gBAAE,OAAO;YAClD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAmB,oBAAoB,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;YACtF,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAmB,kBAAkB,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;YAClF,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,yBAAyB;IACvC,oBAAoB,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC;AAC3E,CAAC"}

package/src/visual/input/number/index.d.ts

@@ -0,0 +1,2 @@
+export type { NumberInputProps } from './rd-number-input.js';
+export { registerRdNumberInput, RD_NUMBER_INPUT_TAG, RdNumberInputElement } from './rd-number-input.js';

package/src/visual/input/number/index.js

@@ -0,0 +1,2 @@
+export { registerRdNumberInput, RD_NUMBER_INPUT_TAG, RdNumberInputElement } from './rd-number-input.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/number/index.js.map

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

package/src/visual/input/number/rd-number-input.d.ts

@@ -0,0 +1,22 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_NUMBER_INPUT_TAG = "rd-number-input";
+export interface NumberInputProps {
+    label?: string;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/input/number — visual.input.number */
+export declare class RdNumberInputElement extends RosettaAtomElement {
+    static readonly tagName = "rd-number-input";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdNumberInput(): void;

package/src/visual/input/number/rd-number-input.js

@@ -0,0 +1,36 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_NUMBER_INPUT_TAG = 'rd-number-input';
+/** @rosettadash/web-components/visual/input/number — visual.input.number */
+export class RdNumberInputElement extends RosettaAtomElement {
+    static tagName = RD_NUMBER_INPUT_TAG;
+    static get observedAttributes() {
+        return ["label", "placeholder", "min", "max", "step", "value"];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder');
+        const value = this.readAttr('value');
+        const min = this.getAttribute('min') ?? '';
+        const max = this.getAttribute('max') ?? '';
+        const step = this.getAttribute('step') ?? '';
+        return `
+      <section class="rd-input-number" data-testid="rd-input-number">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <input type="number" class="rd-input" data-ref="input" placeholder="${this.esc(placeholder)}" value="${this.esc(value)}"${min ? ` min="${min}"` : ''}${max ? ` max="${max}"` : ''}${step ? ` step="${step}"` : ''} aria-label="${this.esc(label || 'Number')}" />
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('input', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLInputElement && target.matches('[data-ref="input"]')) {
+                this.dispatchDetail('value-change', { value: target.value });
+            }
+        });
+    }
+}
+export function registerRdNumberInput() {
+    defineRosettaElement(RD_NUMBER_INPUT_TAG, RdNumberInputElement);
+}
+//# sourceMappingURL=rd-number-input.js.map

package/src/visual/input/number/rd-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-number-input.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/number/rd-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAerD,4EAA4E;AAC5E,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAC1D,MAAM,CAAU,OAAO,GAAG,mBAAmB,CAAC;IAE9C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC7C,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,iCAAiC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;8EACF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,QAAQ,CAAC;;iBAEnP,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,gBAAgB,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBAC/E,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,qBAAqB;IACnC,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAClE,CAAC"}

package/src/visual/input/select/index.d.ts

@@ -0,0 +1,2 @@
+export type { SelectInputProps } from './rd-select-input.js';
+export { registerRdSelectInput, RD_SELECT_INPUT_TAG, RdSelectInputElement } from './rd-select-input.js';

package/src/visual/input/select/index.js

@@ -0,0 +1,2 @@
+export { registerRdSelectInput, RD_SELECT_INPUT_TAG, RdSelectInputElement } from './rd-select-input.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/select/index.js.map

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

package/src/visual/input/select/rd-select-input.d.ts

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

package/src/visual/input/select/rd-select-input.js

@@ -0,0 +1,37 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_SELECT_INPUT_TAG = 'rd-select-input';
+/** @rosettadash/web-components/visual/input/select — visual.input.select */
+export class RdSelectInputElement extends RosettaAtomElement {
+    static tagName = RD_SELECT_INPUT_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-input-select" data-testid="rd-input-select">
+        ${label ? `<span class="rd-field__label">${this.esc(label)}</span>` : ''}
+        <select class="rd-select" data-ref="select" aria-label="${this.esc(label || 'Select')}">
+          <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 registerRdSelectInput() {
+    defineRosettaElement(RD_SELECT_INPUT_TAG, RdSelectInputElement);
+}
+//# sourceMappingURL=rd-select-input.js.map

package/src/visual/input/select/rd-select-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-select-input.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/select/rd-select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAkBrD,4EAA4E;AAC5E,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAC1D,MAAM,CAAU,OAAO,GAAG,mBAAmB,CAAC;IAE9C,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,QAAQ,CAAC;6BAChE,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,qBAAqB;IACnC,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAClE,CAAC"}

package/src/visual/input/text/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextInputProps } from './rd-text-input.js';
+export { registerRdTextInput, RD_TEXT_INPUT_TAG, RdTextInputElement } from './rd-text-input.js';

package/src/visual/input/text/index.js

@@ -0,0 +1,2 @@
+export { registerRdTextInput, RD_TEXT_INPUT_TAG, RdTextInputElement } from './rd-text-input.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/text/index.js.map

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

package/src/visual/input/text/rd-text-input.d.ts

@@ -0,0 +1,21 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_TEXT_INPUT_TAG = "rd-text-input";
+export interface TextInputProps {
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/input/text — visual.input.text */
+export declare class RdTextInputElement extends RosettaAtomElement {
+    static readonly tagName = "rd-text-input";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdTextInput(): void;

package/src/visual/input/text/rd-text-input.js

@@ -0,0 +1,35 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_TEXT_INPUT_TAG = 'rd-text-input';
+/** @rosettadash/web-components/visual/input/text — visual.input.text */
+export class RdTextInputElement extends RosettaAtomElement {
+    static tagName = RD_TEXT_INPUT_TAG;
+    static get observedAttributes() {
+        return ['label', 'placeholder', 'required', 'value', 'default-value', 'input-type'];
+    }
+    buildMarkup() {
+        const label = this.readAttr('label');
+        const placeholder = this.readAttr('placeholder');
+        const value = this.readAttr('value') || this.readAttr('default-value');
+        const required = this.hasAttribute('required') ? ' required' : '';
+        const inputType = this.readAttr('input-type', 'text') === 'password' ? 'password' : 'text';
+        return `
+      <section class="rd-input-text" data-testid="rd-input-text">
+        ${label ? `<span class="rd-field__label" id="${this.id || 'rd-input-text'}-label">${this.esc(label)}</span>` : ''}
+        <input type="${inputType}" class="rd-input" data-ref="input" placeholder="${this.esc(placeholder)}" value="${this.esc(value)}"${required}${label ? ` aria-labelledby="${this.id || 'rd-input-text'}-label"` : ''} />
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('input', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLInputElement && target.matches('[data-ref="input"]')) {
+                this.dispatchDetail('value-change', { value: target.value });
+            }
+        });
+    }
+}
+export function registerRdTextInput() {
+    defineRosettaElement(RD_TEXT_INPUT_TAG, RdTextInputElement);
+}
+//# sourceMappingURL=rd-text-input.js.map

package/src/visual/input/text/rd-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-text-input.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/input/text/rd-text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAcjD,wEAAwE;AACxE,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACxD,MAAM,CAAU,OAAO,GAAG,iBAAiB,CAAC;IAE5C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;IACtF,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;QAC3F,OAAO;;UAED,KAAK,CAAC,CAAC,CAAC,qCAAqC,IAAI,CAAC,EAAE,IAAI,eAAe,WAAW,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;uBAClG,SAAS,oDAAoD,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,qBAAqB,IAAI,CAAC,EAAE,IAAI,eAAe,SAAS,CAAC,CAAC,CAAC,EAAE;;iBAEvM,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,gBAAgB,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBAC/E,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,mBAAmB;IACjC,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAC9D,CAAC"}

package/src/visual/input/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextareaInputProps } from './rd-textarea-input.js';
+export { registerRdTextareaInput, RD_TEXTAREA_INPUT_TAG, RdTextareaInputElement } from './rd-textarea-input.js';

package/src/visual/input/textarea/index.js

@@ -0,0 +1,2 @@
+export { registerRdTextareaInput, RD_TEXTAREA_INPUT_TAG, RdTextareaInputElement } from './rd-textarea-input.js';
+//# sourceMappingURL=index.js.map

package/src/visual/input/textarea/index.js.map

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

package/src/visual/input/textarea/rd-textarea-input.d.ts

@@ -0,0 +1,20 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_TEXTAREA_INPUT_TAG = "rd-textarea-input";
+export interface TextareaInputProps {
+    label?: string;
+    placeholder?: string;
+    rows?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/input/textarea — visual.input.textarea */
+export declare class RdTextareaInputElement extends RosettaAtomElement {
+    static readonly tagName = "rd-textarea-input";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdTextareaInput(): void;