@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/signature-pad.js

@@ -0,0 +1,123 @@
+import { SignaturePad } from "../SignaturePad/SignaturePad.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SIGNATURE_PROPS = {
+    strokeWidth: 2,
+    penColor: "#0f172a",
+    backgroundColor: undefined,
+    height: 200,
+    disabled: false,
+};
+const SIGNATURE_PROP_DEFINITIONS = [
+    { attribute: "stroke-width", prop: "strokeWidth", type: "number" },
+    { attribute: "pen-color", prop: "penColor" },
+    { attribute: "background-color", prop: "backgroundColor" },
+    { attribute: "height", prop: "height", type: "number" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+];
+let signaturePadId = 0;
+const applySignaturePadParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "signature-pad");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-signature__canvas").forEach((node) => node.setAttribute("part", "canvas"));
+    wrapper.querySelectorAll(".ce-signature__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    wrapper.querySelectorAll(".ce-signature__toolbar button").forEach((node) => node.setAttribute("part", "button"));
+};
+const signaturePadComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-signature");
+        const elementId = existingWrapper?.id || `ce-signature-pad-${++signaturePadId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SIGNATURE_PROPS, ...props };
+        if (existingWrapper) {
+            const dataStrokeWidth = readNumberDataAttr(existingWrapper, "stroke-width");
+            if (shouldUseDomValue(host, "stroke-width", dataStrokeWidth)) {
+                currentProps.strokeWidth = dataStrokeWidth ?? DEFAULT_SIGNATURE_PROPS.strokeWidth;
+            }
+            const dataPenColor = readDataAttr(existingWrapper, "pen-color");
+            if (shouldUseDomValue(host, "pen-color", dataPenColor)) {
+                currentProps.penColor = dataPenColor ?? DEFAULT_SIGNATURE_PROPS.penColor;
+            }
+            const dataBackground = readDataAttr(existingWrapper, "background-color");
+            if (shouldUseDomValue(host, "background-color", dataBackground)) {
+                currentProps.backgroundColor = dataBackground ?? DEFAULT_SIGNATURE_PROPS.backgroundColor;
+            }
+            const dataHeight = readNumberDataAttr(existingWrapper, "height");
+            if (shouldUseDomValue(host, "height", dataHeight)) {
+                currentProps.height = dataHeight ?? DEFAULT_SIGNATURE_PROPS.height;
+            }
+            const dataDisabled = readDataAttr(existingWrapper, "disabled");
+            if (shouldUseDomValue(host, "disabled", dataDisabled)) {
+                currentProps.disabled = dataDisabled === "true";
+            }
+            else if (shouldUseDomValue(host, "disabled", existingWrapper.classList.contains("ce-signature--disabled") ? "true" : "false")) {
+                currentProps.disabled = existingWrapper.classList.contains("ce-signature--disabled");
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-signature")) {
+                    wrapper.classList.add("ce-signature");
+                }
+            }
+            applySignaturePadParts(wrapper);
+            instance?.destroy?.();
+            instance = new SignaturePad({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onClear: () => on?.clear?.({}),
+                onSave: (dataUrl) => on?.save?.({ dataUrl }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SIGNATURE_PROPS, ...(props ?? {}) };
+        const disabledClass = merged.disabled ? " ce-signature--disabled" : "";
+        const dataAttrs = ` data-stroke-width="${merged.strokeWidth ?? 2}" data-pen-color="${escapeHtml(merged.penColor ?? "#0f172a")}" data-height="${merged.height ?? 200}" data-disabled="${merged.disabled ? "true" : "false"}"${merged.backgroundColor ? ` data-background-color="${escapeHtml(merged.backgroundColor)}"` : ""}`;
+        return `<div class="ce-signature${disabledClass}" data-ce-component="signature-pad" part="base"${dataAttrs}><canvas class="ce-signature__canvas" part="canvas" style="width:100%;height:${merged.height ?? 200}px"></canvas><div class="ce-signature__toolbar" part="toolbar"><button type="button" part="button">Clear</button><button type="button" part="button">Download</button></div></div>`;
+    },
+};
+export function registerSignaturePadElement() {
+    return defineComponentElement({
+        tag: "ce-signature-pad",
+        component: signaturePadComponent,
+        props: SIGNATURE_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SIGNATURE_PROPS,
+        shadow: false,
+        events: ["clear", "save"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=signature-pad.js.map

package/dist/components/web-components/signature-pad.js.map

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

package/dist/components/web-components/sla-dashboard.d.ts

@@ -0,0 +1,8 @@
+import type { SLADashboardOptions, SlaIncident } from "../SLADashboard/SLADashboard.types.js";
+export interface SLADashboardProps extends Omit<SLADashboardOptions, "selector" | "onIncidentSelect">, Record<string, unknown> {
+}
+export interface SLADashboardIncidentDetail {
+    incident: SlaIncident;
+}
+export declare function registerSLADashboardElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=sla-dashboard.d.ts.map

package/dist/components/web-components/sla-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sla-dashboard.d.ts","sourceRoot":"","sources":["../../../components/web-components/sla-dashboard.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EAGZ,MAAM,uCAAuC,CAAC;AAI/C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,kBAAkB,CAAC,EAChE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,WAAW,CAAC;CACvB;AA0RD,wBAAgB,2BAA2B,IAAI,wBAAwB,GAAG,SAAS,CAUlF"}

package/dist/components/web-components/sla-dashboard.js

@@ -0,0 +1,320 @@
+import { SLADashboard } from "../SLADashboard/SLADashboard.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SLA_DASHBOARD_PROPS = {
+    title: "SLA dashboard",
+    metrics: [],
+    uptime: [],
+    incidents: [],
+    showCharts: true,
+    showIncidents: true,
+};
+const SLA_DASHBOARD_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "metrics", prop: "metrics", type: "json" },
+    { attribute: "uptime", prop: "uptime", type: "json" },
+    { attribute: "incidents", prop: "incidents", type: "json" },
+    { attribute: "show-charts", prop: "showCharts", type: "boolean" },
+    { attribute: "show-incidents", prop: "showIncidents", type: "boolean" },
+];
+let slaDashboardId = 0;
+const applySLADashboardParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "sla-dashboard");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-sla-dashboard__header").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    wrapper.querySelectorAll(".ce-sla-dashboard__title").forEach((node) => node.setAttribute("part", "title"));
+    wrapper.querySelectorAll(".ce-sla-dashboard__meta").forEach((node) => node.setAttribute("part", "meta"));
+    wrapper.querySelectorAll(".ce-sla-dashboard__metrics").forEach((node) => node.setAttribute("part", "metrics"));
+    wrapper.querySelectorAll(".ce-sla-dashboard__metric").forEach((node) => node.setAttribute("part", "metric"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__metric-label")
+        .forEach((node) => node.setAttribute("part", "metric-label"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__metric-value")
+        .forEach((node) => node.setAttribute("part", "metric-value"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__metric-trend")
+        .forEach((node) => node.setAttribute("part", "metric-trend"));
+    wrapper.querySelectorAll(".ce-sla-dashboard__uptime").forEach((node) => node.setAttribute("part", "uptime"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__section-title")
+        .forEach((node) => node.setAttribute("part", "section-title"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__uptime-list")
+        .forEach((node) => node.setAttribute("part", "uptime-list"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__uptime-row")
+        .forEach((node) => node.setAttribute("part", "uptime-row"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__uptime-label")
+        .forEach((node) => node.setAttribute("part", "uptime-label"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__uptime-bar")
+        .forEach((node) => node.setAttribute("part", "uptime-bar"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__uptime-fill")
+        .forEach((node) => node.setAttribute("part", "uptime-fill"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incidents")
+        .forEach((node) => node.setAttribute("part", "incidents"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incident-list")
+        .forEach((node) => node.setAttribute("part", "incident-list"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incident")
+        .forEach((node) => node.setAttribute("part", "incident"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incident-title")
+        .forEach((node) => node.setAttribute("part", "incident-title"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incident-meta")
+        .forEach((node) => node.setAttribute("part", "incident-meta"));
+    wrapper
+        .querySelectorAll(".ce-sla-dashboard__incident-status")
+        .forEach((node) => node.setAttribute("part", "incident-status"));
+};
+const slaDashboardComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-sla-dashboard");
+        const elementId = existingWrapper?.id || `ce-sla-dashboard-${++slaDashboardId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SLA_DASHBOARD_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTitle = readDataAttr(existingWrapper, "title");
+            const domTitle = existingWrapper.querySelector(".ce-sla-dashboard__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", dataTitle ?? domTitle)) {
+                currentProps.title = dataTitle ?? domTitle ?? DEFAULT_SLA_DASHBOARD_PROPS.title;
+            }
+            const dataMetrics = readDataAttr(existingWrapper, "metrics");
+            if (shouldUseDomValue(host, "metrics", dataMetrics)) {
+                try {
+                    currentProps.metrics = JSON.parse(dataMetrics ?? "[]");
+                }
+                catch {
+                    currentProps.metrics = DEFAULT_SLA_DASHBOARD_PROPS.metrics;
+                }
+            }
+            else {
+                const domMetrics = readMetricsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "metrics", domMetrics) && domMetrics.length) {
+                    currentProps.metrics = domMetrics;
+                }
+            }
+            const dataUptime = readDataAttr(existingWrapper, "uptime");
+            if (shouldUseDomValue(host, "uptime", dataUptime)) {
+                try {
+                    currentProps.uptime = JSON.parse(dataUptime ?? "[]");
+                }
+                catch {
+                    currentProps.uptime = DEFAULT_SLA_DASHBOARD_PROPS.uptime;
+                }
+            }
+            else {
+                const domUptime = readUptimeFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "uptime", domUptime) && domUptime.length) {
+                    currentProps.uptime = domUptime;
+                }
+            }
+            const dataIncidents = readDataAttr(existingWrapper, "incidents");
+            if (shouldUseDomValue(host, "incidents", dataIncidents)) {
+                try {
+                    currentProps.incidents = JSON.parse(dataIncidents ?? "[]");
+                }
+                catch {
+                    currentProps.incidents = DEFAULT_SLA_DASHBOARD_PROPS.incidents;
+                }
+            }
+            else {
+                const domIncidents = readIncidentsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "incidents", domIncidents) && domIncidents.length) {
+                    currentProps.incidents = domIncidents;
+                }
+            }
+            const dataShowCharts = readDataAttr(existingWrapper, "show-charts");
+            if (shouldUseDomValue(host, "show-charts", dataShowCharts)) {
+                currentProps.showCharts = dataShowCharts === "true";
+            }
+            else {
+                const domShowCharts = existingWrapper.querySelector(".ce-sla-dashboard__uptime")
+                    ? "true"
+                    : "false";
+                if (shouldUseDomValue(host, "show-charts", domShowCharts)) {
+                    currentProps.showCharts = domShowCharts === "true";
+                }
+            }
+            const dataShowIncidents = readDataAttr(existingWrapper, "show-incidents");
+            if (shouldUseDomValue(host, "show-incidents", dataShowIncidents)) {
+                currentProps.showIncidents = dataShowIncidents === "true";
+            }
+            else {
+                const domShowIncidents = existingWrapper.querySelector(".ce-sla-dashboard__incidents")
+                    ? "true"
+                    : "false";
+                if (shouldUseDomValue(host, "show-incidents", domShowIncidents)) {
+                    currentProps.showIncidents = domShowIncidents === "true";
+                }
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-sla-dashboard")) {
+                    wrapper.classList.add("ce-sla-dashboard");
+                }
+            }
+            applySLADashboardParts(wrapper);
+            instance?.destroy?.();
+            instance = new SLADashboard({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onIncidentSelect: (incident) => on?.incidentSelect?.({ incident }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SLA_DASHBOARD_PROPS, ...(props ?? {}) };
+        const metrics = merged.metrics ?? [];
+        const uptime = merged.uptime ?? [];
+        const incidents = merged.incidents ?? [];
+        const showCharts = merged.showCharts !== false;
+        const showIncidents = merged.showIncidents !== false;
+        const title = escapeHtml(merged.title ?? "SLA dashboard");
+        const dataMetrics = escapeHtml(JSON.stringify(metrics));
+        const dataUptime = escapeHtml(JSON.stringify(uptime));
+        const dataIncidents = escapeHtml(JSON.stringify(incidents));
+        const meta = `${incidents.length} ${incidents.length === 1 ? "incident" : "incidents"} • ${incidents.filter((incident) => incident.status === "critical").length} critical`;
+        const metricCards = metrics
+            .map((metric) => {
+            const statusAttr = metric.status ? ` data-status="${escapeHtml(metric.status)}"` : "";
+            return `<div class="ce-sla-dashboard__metric" part="metric"${statusAttr}>
+      <div class="ce-sla-dashboard__metric-label" part="metric-label">${escapeHtml(metric.label)}</div>
+      <div class="ce-sla-dashboard__metric-value" part="metric-value">${escapeHtml(metric.value)}</div>
+      <div class="ce-sla-dashboard__metric-trend" part="metric-trend">${escapeHtml(metric.trend ?? "")}</div>
+    </div>`;
+        })
+            .join("");
+        const uptimeMarkup = showCharts
+            ? `<div class="ce-sla-dashboard__uptime" part="uptime">
+      <div class="ce-sla-dashboard__section-title" part="section-title">Uptime</div>
+      <div class="ce-sla-dashboard__uptime-list" part="uptime-list">
+        ${uptime
+                .map((point) => {
+                const value = clampPercentage(point.value);
+                return `<div class="ce-sla-dashboard__uptime-row" part="uptime-row">
+            <div class="ce-sla-dashboard__uptime-label" part="uptime-label">${escapeHtml(point.label)}</div>
+            <div class="ce-sla-dashboard__uptime-bar" part="uptime-bar">
+              <div class="ce-sla-dashboard__uptime-fill" part="uptime-fill" style="width:${value}%">${value.toFixed(2)}%</div>
+            </div>
+          </div>`;
+            })
+                .join("")}
+      </div>
+    </div>`
+            : "";
+        const incidentsMarkup = showIncidents
+            ? `<div class="ce-sla-dashboard__incidents" part="incidents">
+      <div class="ce-sla-dashboard__section-title" part="section-title">Incidents</div>
+      <div class="ce-sla-dashboard__incident-list" part="incident-list">
+        ${incidents
+                .map((incident) => {
+                return `<button type="button" class="ce-sla-dashboard__incident" part="incident" data-id="${escapeHtml(incident.id)}" data-status="${escapeHtml(incident.status)}">
+            <div class="ce-sla-dashboard__incident-title" part="incident-title">${escapeHtml(incident.title)}</div>
+            <div class="ce-sla-dashboard__incident-meta" part="incident-meta">${escapeHtml(incident.service)} • ${escapeHtml(incident.started)}</div>
+            <span class="ce-sla-dashboard__incident-status ce-sla-dashboard__incident-status--${escapeHtml(incident.status)}" part="incident-status">${escapeHtml(incident.status)}</span>
+          </button>`;
+            })
+                .join("")}
+      </div>
+    </div>`
+            : "";
+        return `<section class="ce-sla-dashboard" data-ce-component="sla-dashboard" part="base" data-title="${title}" data-metrics="${dataMetrics}" data-uptime="${dataUptime}" data-incidents="${dataIncidents}" data-show-charts="${showCharts}" data-show-incidents="${showIncidents}">
+  <div class="ce-sla-dashboard__header" part="header" data-ce-slot="header">
+    <div class="ce-sla-dashboard__title" part="title">${title}</div>
+    <div class="ce-sla-dashboard__meta" part="meta">${escapeHtml(meta)}</div>
+  </div>
+  <div class="ce-sla-dashboard__metrics" part="metrics">
+    ${metricCards}
+  </div>
+  ${uptimeMarkup}
+  ${incidentsMarkup}
+</section>`;
+    },
+};
+export function registerSLADashboardElement() {
+    return defineComponentElement({
+        tag: "ce-sla-dashboard",
+        component: slaDashboardComponent,
+        props: SLA_DASHBOARD_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SLA_DASHBOARD_PROPS,
+        shadow: false,
+        events: ["incidentSelect"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const clampPercentage = (value) => Math.max(0, Math.min(100, value));
+const readMetricsFromDom = (root) => Array.from(root.querySelectorAll(".ce-sla-dashboard__metric")).map((card, index) => {
+    const label = card.querySelector(".ce-sla-dashboard__metric-label")?.textContent?.trim() ?? "";
+    const value = card.querySelector(".ce-sla-dashboard__metric-value")?.textContent?.trim() ?? "";
+    const trend = card.querySelector(".ce-sla-dashboard__metric-trend")?.textContent?.trim() ?? "";
+    return {
+        id: card.dataset.id ?? `metric-${index + 1}`,
+        label,
+        value,
+        trend: trend || undefined,
+        status: card.dataset.status,
+    };
+});
+const readUptimeFromDom = (root) => Array.from(root.querySelectorAll(".ce-sla-dashboard__uptime-row")).map((row, index) => {
+    const label = row.querySelector(".ce-sla-dashboard__uptime-label")?.textContent?.trim() ?? "";
+    const valueText = row.querySelector(".ce-sla-dashboard__uptime-fill")?.textContent ?? "0";
+    const numeric = Number(valueText.replace("%", "").trim());
+    return {
+        label: label || `Week ${index + 1}`,
+        value: Number.isFinite(numeric) ? numeric : 0,
+    };
+});
+const readIncidentsFromDom = (root) => Array.from(root.querySelectorAll(".ce-sla-dashboard__incident")).map((item, index) => {
+    const title = item.querySelector(".ce-sla-dashboard__incident-title")?.textContent?.trim() ?? "";
+    const meta = item.querySelector(".ce-sla-dashboard__incident-meta")?.textContent?.trim() ?? "";
+    const status = item.dataset.status;
+    const [service = "", started = ""] = meta.split(" • ");
+    return {
+        id: item.dataset.id ?? `incident-${index + 1}`,
+        title,
+        service,
+        started,
+        status: status ?? "healthy",
+    };
+});
+//# sourceMappingURL=sla-dashboard.js.map

package/dist/components/web-components/sla-dashboard.js.map

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

package/dist/components/web-components/slider.d.ts

@@ -0,0 +1,9 @@
+import type { SliderOptions } from "../Slider/Slider.types.js";
+export interface SliderProps extends Omit<SliderOptions, "selector" | "onChange">, Record<string, unknown> {
+    value?: number;
+}
+export interface SliderChangeDetail {
+    value: number;
+}
+export declare function registerSliderElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/web-components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/web-components/slider.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI/D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AA8JD,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,SAAS,CAU5E"}