@sekiui/elements 0.0.83 → 0.0.85

package/dist/collection/components/marker/seki-marker-content.js

@@ -0,0 +1,74 @@
+import { h } from "@stencil/core";
+import { registerThemeSync, unregisterThemeSync } from "../../utils/theme-sync";
+/**
+ * seki-marker-content: Text content wrapper for seki-marker, with optional
+ * shimmer effect for streaming status text (e.g. "Thinking…").
+ *
+ * @component MarkerContent
+ * @example
+ * <seki-marker-content>Today</seki-marker-content>
+ * <seki-marker-content shimmer>Thinking…</seki-marker-content>
+ */
+export class SekiMarkerContent {
+    constructor() {
+        /**
+         * Applies a gradient-sweep shimmer animation to the slotted text.
+         * Intended for streaming/in-progress status content.
+         * Respects prefers-reduced-motion.
+         * @default false
+         */
+        this.shimmer = false;
+    }
+    connectedCallback() {
+        registerThemeSync(this.el);
+    }
+    disconnectedCallback() {
+        unregisterThemeSync(this.el);
+    }
+    render() {
+        return (h("span", { key: '3523511d12f643b057741559968fe905d6b83780', class: {
+                'seki-marker-content': true,
+                'seki-marker-content--shimmer': !!this.shimmer,
+            }, part: "content" }, h("slot", { key: 'e45d0a6900d2e556114339f9e60b03265497d814' })));
+    }
+    static get is() { return "seki-marker-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-marker-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-marker-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "shimmer": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Applies a gradient-sweep shimmer animation to the slotted text.\nIntended for streaming/in-progress status content.\nRespects prefers-reduced-motion."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "shimmer",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}