@neptune.fintech/web-ui 2.1.0 → 2.2.0

package/dist/components/feedback-status.d.ts

@@ -0,0 +1,80 @@
+import { NptElement } from "./base.js";
+/**
+ * <npt-skeleton variant="text|circle|rect" width="200px" height="16px" [lines="3"]>
+ * Shimmer placeholder. `text` repeats `lines` bars; reduced-motion → static.
+ */
+export declare class NptSkeleton extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-empty-state title="No transactions" body="…">
+ *   <span slot="icon">📭</span><div slot="actions">…</div>
+ * </npt-empty-state>
+ * Centred placeholder for empty collections.
+ */
+export declare class NptEmptyState extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-alert tone="info|success|warning|error" title="Heads up" [dismissible]>
+ *   …message…
+ * </npt-alert>
+ * Inline tonal banner; [dismissible] shows a close button that emits `dismiss`.
+ */
+export declare class NptAlert extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onClick;
+    /** Hide the alert and emit a `dismiss` event. */
+    dismiss(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-status-chip status="success|pending|failed|info|neutral">Settled</npt-status-chip>
+ * Status pill with a coloured dot + tonal background; label via default slot.
+ */
+export declare class NptStatusChip extends NptElement {
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-toast [open] message="Saved" tone="info|success|warning|error" timeout="4000">
+ *   <span slot="action">…</span>
+ * </npt-toast>
+ * Fixed bottom toast; auto-hides after `timeout` ms (0 disables). Emits `close`.
+ */
+export declare class NptToast extends NptElement {
+    static observedAttributes: string[];
+    private timer;
+    attributeChangedCallback(name: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private clearTimer;
+    private arm;
+    private onClick;
+    /** Hide the toast and emit a `close` event. */
+    close(): void;
+    protected styles(): string;
+    protected render(): string;
+}
+/**
+ * <npt-toast-host></npt-toast-host>
+ * Stacking container for toasts; place <npt-toast> elements in the default slot
+ * (or append them imperatively). Fixed to the bottom; newest sits at the end.
+ */
+export declare class NptToastHost extends NptElement {
+    protected styles(): string;
+    protected render(): string;
+}
+//# sourceMappingURL=feedback-status.d.ts.map

package/dist/components/feedback-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-status.d.ts","sourceRoot":"","sources":["../../src/components/feedback-status.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAmB,MAAM,WAAW,CAAC;AAKxD;;;GAGG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,kBAAkB,WAA2C;IAEpE,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IA+C1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAe3B;AAED;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,kBAAkB,WAAqB;IAE9C,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAsD1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAU3B;AAED;;;;;GAKG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,kBAAkB,WAAoC;IAE7D,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAKlC,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,OAAO,CAGb;IAEF,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAKf,SAAS,CAAC,MAAM,IAAI,MAAM;IAqF1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAiB3B;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,kBAAkB,WAAc;IAEvC,wBAAwB,IAAI,IAAI;IAIhC,SAAS,CAAC,MAAM,IAAI,MAAM;IAwD1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAO3B;AAED;;;;;GAKG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,kBAAkB,WAA0C;IAEnE,OAAO,CAAC,KAAK,CAA4C;IAEzD,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQnC,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,GAAG;IAMX,OAAO,CAAC,OAAO,CAGb;IAEF,+CAA+C;IAC/C,KAAK,IAAI,IAAI;IAMb,SAAS,CAAC,MAAM,IAAI,MAAM;IAqF1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAQ3B;AAED;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,SAAS,CAAC,MAAM,IAAI,MAAM;IAqB1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAG3B"}

package/dist/components/feedback-status.js

@@ -0,0 +1,537 @@
+// © 2026 Neptune.Fintech (neptune.ly) · Neptune Odyssey Community License v1.0
+// Neptune Odyssey — feedback & status
+// <npt-skeleton>, <npt-empty-state>, <npt-alert>, <npt-status-chip>,
+// <npt-toast> + <npt-toast-host>.
+// Custom-property driven only; logical layout → mirrors in RTL.
+import { NptElement, css, html, A11Y } from "./base.js";
+const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+/**
+ * <npt-skeleton variant="text|circle|rect" width="200px" height="16px" [lines="3"]>
+ * Shimmer placeholder. `text` repeats `lines` bars; reduced-motion → static.
+ */
+export class NptSkeleton extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: block;
+      }
+      .stack {
+        display: flex;
+        flex-direction: column;
+        gap: var(--npt-space-2, 8px);
+      }
+      .bone {
+        background: var(--md-sys-color-surface-container-highest);
+        background-image: linear-gradient(
+          90deg,
+          transparent 0%,
+          color-mix(in oklab, var(--md-sys-color-on-surface) 8%, transparent) 50%,
+          transparent 100%
+        );
+        background-size: 200% 100%;
+        background-repeat: no-repeat;
+        animation: shimmer 1.6s var(--npt-ease-standard, ease) infinite;
+        border-radius: var(--npt-corner-sm, 12px);
+        inline-size: 100%;
+        block-size: 1em;
+      }
+      :host([variant="text"]) .bone {
+        block-size: 0.8em;
+        border-radius: var(--npt-corner-xs, 8px);
+      }
+      :host([variant="text"]) .bone:last-child:not(:only-child) {
+        inline-size: 60%;
+      }
+      :host([variant="circle"]) .bone {
+        border-radius: var(--npt-corner-full, 999px);
+        aspect-ratio: 1;
+      }
+      :host([variant="rect"]) .bone {
+        border-radius: var(--npt-corner-md, 16px);
+      }
+      @keyframes shimmer {
+        0% { background-position: 200% 0; }
+        100% { background-position: -200% 0; }
+      }
+    `;
+    }
+    render() {
+        const variant = this.getAttribute("variant") || "rect";
+        const width = esc(this.getAttribute("width"));
+        const height = esc(this.getAttribute("height"));
+        const lines = Math.max(1, Number(this.getAttribute("lines") ?? 1) || 1);
+        const sizeStyle = `${width ? `inline-size:${width};` : ""}${height ? `block-size:${height};` : ""}`;
+        const count = variant === "text" ? lines : 1;
+        const bones = Array.from({ length: count }, () => html `<div class="bone" part="bone" style="${sizeStyle}"></div>`).join("");
+        return html `<div class="stack" part="stack" role="status" aria-busy="true" aria-live="polite" aria-label="Loading">
+      ${bones}
+    </div>`;
+    }
+}
+NptSkeleton.observedAttributes = ["variant", "width", "height", "lines"];
+/**
+ * <npt-empty-state title="No transactions" body="…">
+ *   <span slot="icon">📭</span><div slot="actions">…</div>
+ * </npt-empty-state>
+ * Centred placeholder for empty collections.
+ */
+export class NptEmptyState extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: block;
+      }
+      .wrap {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        gap: var(--npt-space-4, 16px);
+        padding-block: var(--npt-space-8, 48px);
+        padding-inline: var(--npt-space-6, 24px);
+        color: var(--md-sys-color-on-surface);
+      }
+      .icon {
+        display: grid;
+        place-items: center;
+        inline-size: 64px;
+        block-size: 64px;
+        border-radius: var(--npt-corner-full, 999px);
+        background: var(--md-sys-color-surface-container-high);
+        color: var(--md-sys-color-on-surface-variant);
+        font-size: var(--npt-text-headline, 28px);
+      }
+      .icon:empty {
+        display: none;
+      }
+      .title {
+        font-family: var(--npt-font-display);
+        font-size: var(--npt-text-title-lg, 22px);
+        line-height: var(--npt-leading-title-lg, 28px);
+        font-weight: var(--npt-display-weight, 700);
+        margin: 0;
+      }
+      .body {
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-body, 14px);
+        line-height: var(--npt-leading-body, 20px);
+        color: var(--md-sys-color-on-surface-variant);
+        margin: 0;
+        max-inline-size: 40ch;
+      }
+      .actions {
+        display: inline-flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: var(--npt-space-2, 8px);
+        margin-block-start: var(--npt-space-2, 8px);
+      }
+    `;
+    }
+    render() {
+        const title = esc(this.getAttribute("title"));
+        const body = esc(this.getAttribute("body"));
+        return html `<div class="wrap" part="wrap" role="group">
+      <div class="icon" part="icon"><slot name="icon"></slot></div>
+      ${title ? html `<h2 class="title" part="title">${title}</h2>` : ""}
+      ${body ? html `<p class="body" part="body">${body}</p>` : ""}
+      <div class="actions" part="actions"><slot name="actions"></slot></div>
+    </div>`;
+    }
+}
+NptEmptyState.observedAttributes = ["title", "body"];
+/**
+ * <npt-alert tone="info|success|warning|error" title="Heads up" [dismissible]>
+ *   …message…
+ * </npt-alert>
+ * Inline tonal banner; [dismissible] shows a close button that emits `dismiss`.
+ */
+export class NptAlert extends NptElement {
+    constructor() {
+        super(...arguments);
+        this.onClick = (e) => {
+            const t = e.target;
+            if (t.closest("[data-dismiss]"))
+                this.dismiss();
+        };
+    }
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.root.addEventListener("click", this.onClick);
+    }
+    disconnectedCallback() {
+        this.root.removeEventListener("click", this.onClick);
+    }
+    /** Hide the alert and emit a `dismiss` event. */
+    dismiss() {
+        this.setAttribute("hidden", "");
+        this.dispatchEvent(new CustomEvent("dismiss", { bubbles: true }));
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: block;
+        --_bg: var(--md-sys-color-secondary-container);
+        --_fg: var(--md-sys-color-on-secondary-container);
+        --_accent: var(--md-sys-color-secondary);
+      }
+      :host([hidden]) {
+        display: none;
+      }
+      :host([tone="success"]) {
+        --_bg: var(--md-sys-color-success-container);
+        --_fg: var(--md-sys-color-on-success-container);
+        --_accent: var(--md-sys-color-success);
+      }
+      :host([tone="warning"]) {
+        --_bg: var(--md-sys-color-tertiary-container);
+        --_fg: var(--md-sys-color-on-tertiary-container);
+        --_accent: var(--md-sys-color-tertiary);
+      }
+      :host([tone="error"]) {
+        --_bg: var(--md-sys-color-error-container);
+        --_fg: var(--md-sys-color-on-error-container);
+        --_accent: var(--md-sys-color-error);
+      }
+      .alert {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--npt-space-3, 12px);
+        padding-inline: var(--npt-space-4, 16px);
+        padding-block: var(--npt-space-3, 12px);
+        border-radius: var(--npt-corner-md, 16px);
+        border-inline-start: 4px solid var(--_accent);
+        background: var(--_bg);
+        color: var(--_fg);
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-body, 14px);
+        line-height: var(--npt-leading-body, 20px);
+        box-sizing: border-box;
+      }
+      .dot {
+        flex: 0 0 auto;
+        inline-size: 8px;
+        block-size: 8px;
+        margin-block-start: 6px;
+        border-radius: var(--npt-corner-full, 999px);
+        background: var(--_accent);
+      }
+      .body {
+        flex: 1 1 auto;
+        min-inline-size: 0;
+      }
+      .title {
+        font-size: var(--npt-text-label, 14px);
+        font-weight: 600;
+        margin: 0 0 var(--npt-space-1, 4px);
+      }
+      .msg {
+        display: block;
+      }
+      .close {
+        flex: 0 0 auto;
+        display: grid;
+        place-items: center;
+        inline-size: 44px;
+        block-size: 44px;
+        margin-block: -6px;
+        margin-inline-end: calc(-1 * var(--npt-space-2, 8px));
+        padding: 0;
+        border: none;
+        background: transparent;
+        color: inherit;
+        border-radius: var(--npt-corner-full, 999px);
+        cursor: pointer;
+        font-size: var(--npt-text-title, 18px);
+        line-height: 1;
+      }
+      .close:hover {
+        background: color-mix(in oklab, currentColor 12%, transparent);
+      }
+    `;
+    }
+    render() {
+        const tone = this.getAttribute("tone") || "info";
+        const title = esc(this.getAttribute("title"));
+        const dismissible = this.hasAttribute("dismissible");
+        const role = tone === "error" || tone === "warning" ? "alert" : "status";
+        const live = tone === "error" || tone === "warning" ? "assertive" : "polite";
+        return html `<div class="alert" part="alert" role="${role}" aria-live="${live}">
+      <span class="dot" part="dot" aria-hidden="true"></span>
+      <div class="body">
+        ${title ? html `<p class="title" part="title">${title}</p>` : ""}
+        <span class="msg"><slot></slot></span>
+      </div>
+      ${dismissible
+            ? html `<button class="close" part="close" type="button" data-dismiss aria-label="Dismiss">✕</button>`
+            : ""}
+    </div>`;
+    }
+}
+NptAlert.observedAttributes = ["tone", "title", "dismissible"];
+/**
+ * <npt-status-chip status="success|pending|failed|info|neutral">Settled</npt-status-chip>
+ * Status pill with a coloured dot + tonal background; label via default slot.
+ */
+export class NptStatusChip extends NptElement {
+    attributeChangedCallback() {
+        if (this.isConnected)
+            this.update();
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: inline-flex;
+        --_bg: var(--md-sys-color-surface-container-highest);
+        --_fg: var(--md-sys-color-on-surface-variant);
+        --_dot: var(--md-sys-color-on-surface-variant);
+      }
+      :host([status="success"]) {
+        --_bg: var(--md-sys-color-success-container);
+        --_fg: var(--md-sys-color-on-success-container);
+        --_dot: var(--md-sys-color-success);
+      }
+      :host([status="pending"]) {
+        --_bg: var(--md-sys-color-tertiary-container);
+        --_fg: var(--md-sys-color-on-tertiary-container);
+        --_dot: var(--md-sys-color-tertiary);
+      }
+      :host([status="failed"]) {
+        --_bg: var(--md-sys-color-error-container);
+        --_fg: var(--md-sys-color-on-error-container);
+        --_dot: var(--md-sys-color-error);
+      }
+      :host([status="info"]) {
+        --_bg: var(--md-sys-color-secondary-container);
+        --_fg: var(--md-sys-color-on-secondary-container);
+        --_dot: var(--md-sys-color-secondary);
+      }
+      .chip {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--npt-space-2, 8px);
+        min-block-size: 28px;
+        padding-inline: var(--npt-space-3, 12px);
+        padding-block: var(--npt-space-1, 4px);
+        border-radius: var(--npt-corner-full, 999px);
+        background: var(--_bg);
+        color: var(--_fg);
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-label, 14px);
+        font-weight: 500;
+        line-height: 1;
+        box-sizing: border-box;
+        white-space: nowrap;
+      }
+      .dot {
+        flex: 0 0 auto;
+        inline-size: 8px;
+        block-size: 8px;
+        border-radius: var(--npt-corner-full, 999px);
+        background: var(--_dot);
+      }
+    `;
+    }
+    render() {
+        const status = this.getAttribute("status") || "neutral";
+        return html `<span class="chip" part="chip" role="status" aria-label="${esc(status)}">
+      <span class="dot" part="dot" aria-hidden="true"></span>
+      <slot></slot>
+    </span>`;
+    }
+}
+NptStatusChip.observedAttributes = ["status"];
+/**
+ * <npt-toast [open] message="Saved" tone="info|success|warning|error" timeout="4000">
+ *   <span slot="action">…</span>
+ * </npt-toast>
+ * Fixed bottom toast; auto-hides after `timeout` ms (0 disables). Emits `close`.
+ */
+export class NptToast extends NptElement {
+    constructor() {
+        super(...arguments);
+        this.onClick = (e) => {
+            const t = e.target;
+            if (t.closest("[data-close]"))
+                this.close();
+        };
+    }
+    attributeChangedCallback(name) {
+        if (this.isConnected)
+            this.update();
+        if (name === "open") {
+            if (this.hasAttribute("open"))
+                this.arm();
+            else
+                this.clearTimer();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.root.addEventListener("click", this.onClick);
+        if (this.hasAttribute("open"))
+            this.arm();
+    }
+    disconnectedCallback() {
+        this.root.removeEventListener("click", this.onClick);
+        this.clearTimer();
+    }
+    clearTimer() {
+        if (this.timer !== undefined) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+        }
+    }
+    arm() {
+        this.clearTimer();
+        const timeout = Number(this.getAttribute("timeout") ?? 4000);
+        if (timeout > 0)
+            this.timer = setTimeout(() => this.close(), timeout);
+    }
+    /** Hide the toast and emit a `close` event. */
+    close() {
+        this.clearTimer();
+        this.removeAttribute("open");
+        this.dispatchEvent(new CustomEvent("close", { bubbles: true }));
+    }
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        display: none;
+        --_bg: var(--md-sys-color-inverse-surface);
+        --_fg: var(--md-sys-color-inverse-on-surface);
+        --_accent: var(--md-sys-color-inverse-primary);
+      }
+      :host([open]) {
+        display: block;
+      }
+      :host([tone="success"]) {
+        --_bg: var(--md-sys-color-success-container);
+        --_fg: var(--md-sys-color-on-success-container);
+        --_accent: var(--md-sys-color-success);
+      }
+      :host([tone="warning"]) {
+        --_bg: var(--md-sys-color-tertiary-container);
+        --_fg: var(--md-sys-color-on-tertiary-container);
+        --_accent: var(--md-sys-color-tertiary);
+      }
+      :host([tone="error"]) {
+        --_bg: var(--md-sys-color-error-container);
+        --_fg: var(--md-sys-color-on-error-container);
+        --_accent: var(--md-sys-color-error);
+      }
+      .toast {
+        position: fixed;
+        inset-block-end: var(--npt-space-6, 24px);
+        inset-inline: var(--npt-space-4, 16px);
+        margin-inline: auto;
+        inline-size: max-content;
+        max-inline-size: min(560px, calc(100% - 2 * var(--npt-space-4, 16px)));
+        z-index: var(--npt-z-toast, 80);
+        display: flex;
+        align-items: center;
+        gap: var(--npt-space-4, 16px);
+        min-block-size: 48px;
+        padding-inline: var(--npt-space-4, 16px);
+        padding-block: var(--npt-space-3, 12px);
+        border-radius: var(--npt-corner-sm, 12px);
+        background: var(--_bg);
+        color: var(--_fg);
+        box-shadow: var(--npt-elevation-3, 0 8px 20px rgba(0, 0, 0, 0.2));
+        font-family: var(--npt-font-text);
+        font-size: var(--npt-text-body, 14px);
+        line-height: var(--npt-leading-body, 20px);
+        box-sizing: border-box;
+        animation: rise var(--npt-dur-fast, 200ms) var(--npt-ease-spring, ease);
+      }
+      .msg {
+        flex: 1 1 auto;
+        min-inline-size: 0;
+      }
+      ::slotted(*) {
+        color: var(--_accent);
+      }
+      .close {
+        flex: 0 0 auto;
+        display: grid;
+        place-items: center;
+        inline-size: 44px;
+        block-size: 44px;
+        margin-block: -8px;
+        margin-inline-end: calc(-1 * var(--npt-space-2, 8px));
+        padding: 0;
+        border: none;
+        background: transparent;
+        color: inherit;
+        border-radius: var(--npt-corner-full, 999px);
+        cursor: pointer;
+        font-size: var(--npt-text-title, 18px);
+        line-height: 1;
+      }
+      .close:hover {
+        background: color-mix(in oklab, currentColor 12%, transparent);
+      }
+      @keyframes rise {
+        from { transform: translateY(var(--npt-space-4, 16px)); opacity: 0; }
+        to { transform: translateY(0); opacity: 1; }
+      }
+    `;
+    }
+    render() {
+        const message = esc(this.getAttribute("message"));
+        return html `<div class="toast" part="toast" role="status" aria-live="polite">
+      <span class="msg">${message}</span>
+      <slot name="action"></slot>
+      <button class="close" part="close" type="button" data-close aria-label="Close">✕</button>
+    </div>`;
+    }
+}
+NptToast.observedAttributes = ["open", "message", "tone", "timeout"];
+/**
+ * <npt-toast-host></npt-toast-host>
+ * Stacking container for toasts; place <npt-toast> elements in the default slot
+ * (or append them imperatively). Fixed to the bottom; newest sits at the end.
+ */
+export class NptToastHost extends NptElement {
+    styles() {
+        return css `
+      ${A11Y}
+      :host {
+        position: fixed;
+        inset-block-end: var(--npt-space-6, 24px);
+        inset-inline: 0;
+        z-index: var(--npt-z-toast, 80);
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: var(--npt-space-3, 12px);
+        padding-inline: var(--npt-space-4, 16px);
+        pointer-events: none;
+      }
+      ::slotted(*) {
+        pointer-events: auto;
+      }
+    `;
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+//# sourceMappingURL=feedback-status.js.map

package/dist/components/feedback-status.js.map

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