@sondor-technology/sondor-components 1.0.8 → 1.0.10

package/dist/components/toggle-group/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,oBAAoB,CAAC;AAE5B,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,QAAQ,CAAoB;IAEO,IAAI,SAAM;IAGzB,KAAK,SAAM;IAEV,QAAQ,UAAS;IACF,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAGtB,SAAS,SAAM;IAEtD,OAAO,CAAC,aAAa,CAAM;IAE3B,cAIC;IAED,MAAM,CAAC,MAAM,4BAsBX;IAEO,YAAY,CAAC,iBAAiB,EAAE,cAAc,QAGtD;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAYjD;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,aAAa;IAsBrB,iBAAiB,SAEhB;IAED,OAAO,CAAC,aAAa;IAQd,aAAa,YAA8C;IAC3D,cAAc,YAA+C;IAEpE,MAAM,yCAWL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAM1D,OAAO,oBAAoB,CAAC;AAE5B,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,eAAe,CAAkB;IAEd,OAAO,CAAC,UAAU,CAAe;IAG5D,OAAO,CAAC,QAAQ,CAAoB;IAEK,IAAI,SAAM;IACzB,KAAK,SAAM;IACV,QAAQ,UAAS;IACF,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACtB,SAAS,SAAM;IAG3C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,aAAa,CAAM;IAE3B,cAIC;IAED,MAAM,CAAC,MAAM,4BAiGX;IAEO,YAAY,CAAC,iBAAiB,EAAE,cAAc,QAUtD;IAEQ,oBAAoB,SAK5B;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAYjD;IAGD,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IAqBrB,iBAAiB,SAEhB;IAED,OAAO,CAAC,aAAa;IAQd,aAAa,YAEnB;IACM,cAAc,YAEpB;IAED,MAAM,yCAoBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/toggle-group/toggle-group.js

@@ -5,28 +5,51 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } from "lit";
-import { customElement, property, queryAssignedElements } from "lit/decorators.js";
+import { customElement, property, queryAssignedElements, state, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+import { classMap } from "lit/directives/class-map.js";
 import { resetStyles } from "../../styles/reset.js";
 import "./toggle-button.js";
 let StToggleGroup = class StToggleGroup extends LitElement {
     constructor() {
         super();
         this.name = "";
-        // A comma-separated list of values if multiple=true, or a single value if false
         this.value = "";
         this.multiple = false;
         this.disabled = false;
         this.required = false;
-        // ARIA Support
         this.ariaLabel = "";
+        // 🚀 NEW: State properties for dynamic shadows
+        this._canScrollLeft = false;
+        this._canScrollRight = false;
         this._defaultValue = "";
+        // 🚀 NEW: Mathematically determine if we are at the edges of the scroll box
+        this._checkScroll = () => {
+            if (!this._container)
+                return;
+            const { scrollLeft, scrollWidth, clientWidth } = this._container;
+            // Use a 1px buffer to prevent fractional pixel rounding errors on high-DPI screens
+            this._canScrollLeft = scrollLeft > 1;
+            this._canScrollRight = Math.ceil(scrollLeft + clientWidth) < scrollWidth - 1;
+        };
         this._internals = this.attachInternals();
         this.addEventListener("st-toggle-action", this._handleToggle);
     }
     firstUpdated(changedProperties) {
         super.firstUpdated(changedProperties);
         this._defaultValue = this.value;
+        // 🚀 NEW: Observe the container. If the user rotates their phone,
+        // we need to recalculate if shadows are still needed.
+        this._resizeObserver = new ResizeObserver(() => this._checkScroll());
+        if (this._container) {
+            this._resizeObserver.observe(this._container);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+        }
     }
     updated(changedProperties) {
         super.updated(changedProperties);
@@ -36,20 +59,22 @@ let StToggleGroup = class StToggleGroup extends LitElement {
             this._syncValidity();
         }
         if (changedProperties.has("disabled")) {
-            this._buttons.forEach(btn => btn.disabled = this.disabled);
+            this._buttons.forEach((btn) => (btn.disabled = this.disabled));
         }
     }
     _syncButtons() {
         const values = this.multiple && this.value ? this.value.split(",") : [this.value];
-        this._buttons.forEach(btn => {
+        this._buttons.forEach((btn) => {
             btn.selected = values.includes(btn.value);
         });
     }
     _handleSlotChange() {
         this._syncButtons();
         if (this.disabled) {
-            this._buttons.forEach(btn => btn.disabled = true);
+            this._buttons.forEach((btn) => (btn.disabled = true));
         }
+        // Calculate shadows after slots render
+        setTimeout(() => this._checkScroll(), 50);
     }
     _handleToggle(e) {
         e.stopPropagation();
@@ -57,15 +82,14 @@ let StToggleGroup = class StToggleGroup extends LitElement {
         if (this.multiple) {
             let values = this.value ? this.value.split(",") : [];
             if (values.includes(toggledValue)) {
-                values = values.filter(v => v !== toggledValue); // Deselect
+                values = values.filter((v) => v !== toggledValue);
             }
             else {
-                values.push(toggledValue); // Select
+                values.push(toggledValue);
             }
             this.value = values.join(",");
         }
         else {
-            // Single select behavior (radio button style: clicking active doesn't deselect)
             if (this.value !== toggledValue) {
                 this.value = toggledValue;
             }
@@ -83,17 +107,29 @@ let StToggleGroup = class StToggleGroup extends LitElement {
             this._internals.setValidity({});
         }
     }
-    checkValidity() { return this._internals.checkValidity(); }
-    reportValidity() { return this._internals.reportValidity(); }
+    checkValidity() {
+        return this._internals.checkValidity();
+    }
+    reportValidity() {
+        return this._internals.reportValidity();
+    }
     render() {
+        const wrapperClasses = classMap({
+            "scroll-wrapper": true,
+            "can-scroll-left": this._canScrollLeft,
+            "can-scroll-right": this._canScrollRight,
+        });
         return html `
-      <div 
-        class="group-container" 
-        role="group" 
-        aria-label=${ifDefined(this.ariaLabel || undefined)}
-        aria-required=${this.required ? "true" : "false"}
-      >
-        <slot @slotchange=${this._handleSlotChange}></slot>
+      <div class=${wrapperClasses}>
+        <div
+          class="group-container"
+          role="group"
+          aria-label=${ifDefined(this.ariaLabel || undefined)}
+          aria-required=${this.required ? "true" : "false"}
+          @scroll=${this._checkScroll}
+        >
+          <slot @slotchange=${this._handleSlotChange}></slot>
+        </div>
       </div>
     `;
     }
@@ -104,24 +140,102 @@ StToggleGroup.styles = [
     css `
       :host {
         display: inline-flex;
+        max-width: 100%;
+        min-width: 0;
+      }
+
+      .scroll-wrapper {
+        position: relative;
+        display: inline-flex;
+        max-width: 100%;
+        min-width: 0;
+      }
+
+      /* 🚀 FIX: Widened to 40px, boosted z-index to 10, and darkened the opacity */
+      .scroll-wrapper::before,
+      .scroll-wrapper::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 40px;
+        pointer-events: none;
+        z-index: 10;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+      }
+      
+      .scroll-wrapper::before {
+        left: 0;
+        background: linear-gradient(
+          to right,
+          var(--st-color-scroll-shadow) 0%,
+          transparent 100%
+        );
+        border-top-left-radius: var(--st-radius-md);
+        border-bottom-left-radius: var(--st-radius-md);
+      }
+
+      .scroll-wrapper::after {
+        right: 0;
+        background: linear-gradient(
+          to left,
+          var(--st-color-scroll-shadow) 0%,
+          transparent 100%
+        );
+        border-top-right-radius: var(--st-radius-md);
+        border-bottom-right-radius: var(--st-radius-md);
+      }
+
+      .scroll-wrapper.can-scroll-left::before {
+        opacity: 1;
+      }
+
+      .scroll-wrapper.can-scroll-right::after {
+        opacity: 1;
+      }
+
+      /* 🚀 FIX: Dialed up to 0.5 for dark mode */
+      :host([data-theme="dark"]) .scroll-wrapper::before {
+        background: linear-gradient(to right, var(--st-color-overlay) 0%, transparent 100%);
+      }
+      :host([data-theme="dark"]) .scroll-wrapper::after {
+        background: linear-gradient(to left, var(--st-color-overlay) 0%, transparent 100%);
       }
 
       .group-container {
         display: inline-flex;
+        max-width: 100%;
+        min-width: 0;
         background-color: var(--st-color-border);
-        /* 🚀 FIX: This 1px gap perfectly acts as the inner border between children */
         gap: 1px;
         border: 1px solid var(--st-color-border);
         border-radius: var(--st-radius-md);
-        overflow: hidden; /* Clips the child buttons exactly to the border radius */
+
+        overflow-x: auto;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+      }
+
+      .group-container::-webkit-scrollbar {
+        display: none;
+      }
+
+      ::slotted(*) {
+        flex-shrink: 0;
       }
 
       :host([disabled]) .group-container {
         opacity: 0.5;
         pointer-events: none;
       }
-    `
+    `,
 ];
+__decorate([
+    query(".group-container")
+], StToggleGroup.prototype, "_container", void 0);
 __decorate([
     queryAssignedElements({ selector: "st-toggle-button" })
 ], StToggleGroup.prototype, "_buttons", void 0);
@@ -143,6 +257,12 @@ __decorate([
 __decorate([
     property({ attribute: "aria-label" })
 ], StToggleGroup.prototype, "ariaLabel", void 0);
+__decorate([
+    state()
+], StToggleGroup.prototype, "_canScrollLeft", void 0);
+__decorate([
+    state()
+], StToggleGroup.prototype, "_canScrollRight", void 0);
 StToggleGroup = __decorate([
     customElement("st-toggle-group")
 ], StToggleGroup);

package/dist/components/toggle-group/toggle-group.js.map

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

package/dist/components/tooltip/tooltip.js

@@ -132,7 +132,7 @@ StTooltip.styles = [
           opacity 0.2s ease,
           transform 0.2s ease,
           visibility 0.2s;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        box-shadow: var(--st-shadow-md);
       }
 
       .tooltip-popup::before {
@@ -156,44 +156,44 @@ StTooltip.styles = [
          ========================================== */
 
       .variant-info {
-        background: var(--st-color-info, #3b82f6);
-        border-color: var(--st-color-info, #3b82f6);
-        color: var(--st-color-on-info, #ffffff);
+        background: var(--st-color-info);
+        border-color: var(--st-color-info);
+        color: var(--st-color-on-info);
       }
       .variant-info::before {
-        background: var(--st-color-info, #3b82f6);
-        border-color: var(--st-color-info, #3b82f6);
+        background: var(--st-color-info);
+        border-color: var(--st-color-info);
       }
 
       .variant-success {
-        background: var(--st-color-success, #16a34a);
-        border-color: var(--st-color-success, #16a34a);
-        color: var(--st-color-on-success, #ffffff);
+        background: var(--st-color-success);
+        border-color: var(--st-color-success);
+        color: var(--st-color-on-success);
       }
       .variant-success::before {
-        background: var(--st-color-success, #16a34a);
-        border-color: var(--st-color-success, #16a34a);
+        background: var(--st-color-success);
+        border-color: var(--st-color-success);
       }
 
       .variant-warning {
-        background: var(--st-color-warning, #f59e0b);
-        border-color: var(--st-color-warning, #f59e0b);
+        background: var(--st-color-warning);
+        border-color: var(--st-color-warning);
         /* Warning usually needs dark text for contrast */
-        color: var(--st-color-on-warning, #1e293b);
+        color: var(--st-color-on-warning);
       }
       .variant-warning::before {
-        background: var(--st-color-warning, #f59e0b);
-        border-color: var(--st-color-warning, #f59e0b);
+        background: var(--st-color-warning);
+        border-color: var(--st-color-warning);
       }
 
       .variant-danger {
-        background: var(--st-color-danger, #dc2626);
-        border-color: var(--st-color-danger, #dc2626);
-        color: var(--st-color-on-danger, #ffffff);
+        background: var(--st-color-danger);
+        border-color: var(--st-color-danger);
+        color: var(--st-color-on-danger);
       }
       .variant-danger::before {
-        background: var(--st-color-danger, #dc2626);
-        border-color: var(--st-color-danger, #dc2626);
+        background: var(--st-color-danger);
+        border-color: var(--st-color-danger);
       }
 
       /* ==========================================

package/dist/components/vertical-nav/vertical-nav-group.js

@@ -71,13 +71,13 @@ StNavGroup.styles = [
       button {
         display: flex;
         align-items: center;
-        gap: var(--st-spacing-sm, 8px);
+        gap: var(--st-spacing-sm);
         width: 100%;
         box-sizing: border-box;
         background: transparent;
         border: none;
         padding: var(--st-spacing-sm) var(--st-spacing-xl);
-        padding-left: calc(var(--st-spacing-xl, 24px) + (var(--nav-depth, 0) * 16px));
+        padding-left: calc(var(--st-spacing-xl) + (var(--nav-depth, 0) * 16px));
         color: var(--st-color-text);
         font-size: var(--st-font-size-sm);
         font-weight: var(--st-font-weight-semibold);
@@ -88,7 +88,7 @@ StNavGroup.styles = [
       }
 
       button:hover {
-        background-color: var(--st-color-surface-hover, rgba(0, 0, 0, 0.03));
+        background-color: var(--st-color-surface-hover);
       }
 
       button:focus-visible {

package/dist/components/vertical-nav/vertical-nav-item.js

@@ -50,11 +50,11 @@ StNavItem.styles = [
       a {
         display: flex;
         align-items: center;
-        gap: var(--st-spacing-sm, 8px);
+        gap: var(--st-spacing-sm);
         width: 100%;
         box-sizing: border-box;
         padding: 8px var(--st-spacing-xl);
-        padding-left: calc(var(--st-spacing-xl, 24px) + (var(--nav-depth, 0) * 16px));
+        padding-left: calc(var(--st-spacing-xl) + (var(--nav-depth, 0) * 16px));
         color: var(--st-color-text-muted);
         font-size: var(--st-font-size-sm);
         text-decoration: none;
@@ -68,7 +68,7 @@ StNavItem.styles = [
 
       a:hover {
         color: var(--st-color-text);
-        background-color: var(--st-color-surface-hover, rgba(0, 0, 0, 0.03));
+        background-color: var(--st-color-surface-hover);
       }
 
       a:focus-visible {
@@ -87,7 +87,7 @@ StNavItem.styles = [
         color: var(--st-color-primary);
         border-left-color: var(--st-color-primary);
         font-weight: var(--st-font-weight-bold);
-        background-color: var(--st-color-primary-light, rgba(98, 0, 238, 0.05));
+        background-color: var(--st-color-primary-light);
       }
     `,
 ];

package/dist/components/video-embed/video-embed.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, PropertyValues } from "lit";
+/**
+ * Shows a poster and a play button, and only loads the video player (an iframe, which is heavy
+ * and sets third-party cookies) once someone presses play. Pages stay fast and visitors are not
+ * tracked before they choose to watch.
+ *
+ * Give it a `youtube` or `vimeo` id, or an `https` embed address in `src`. Slot your own poster
+ * as `<img slot="poster" alt="">`: no third-party request is made until play is pressed.
+ *
+ * Events: `st-play` (bubbles, composed) when the player is loaded.
+ */
+export declare class StVideoEmbed extends LitElement {
+    /** A YouTube video id. Uses the privacy-enhanced youtube-nocookie.com player. */
+    youtube: string;
+    /** A Vimeo video id. Asks Vimeo not to track the viewer. */
+    vimeo: string;
+    /** Any other player, as an https embed address. */
+    src: string;
+    /** Name of the video. Used for the play button and the player's accessible title. */
+    label: string;
+    ratio: string;
+    /** True once the player has been loaded. Setting it to true loads the player. */
+    playing: boolean;
+    static styles: import("lit").CSSResult[];
+    /** The player address, or an empty string when nothing valid was given. */
+    private get _playerUrl();
+    /** Loads the player. */
+    play(): void;
+    protected updated(changed: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-video-embed": StVideoEmbed;
+    }
+}
+//# sourceMappingURL=video-embed.d.ts.map

package/dist/components/video-embed/video-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-embed.d.ts","sourceRoot":"","sources":["../../../src/components/video-embed/video-embed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAM1D;;;;;;;;;GASG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,iFAAiF;IACvD,OAAO,SAAM;IACvC,4DAA4D;IAClC,KAAK,SAAM;IACrC,mDAAmD;IACzB,GAAG,SAAM;IACnC,qFAAqF;IAC3D,KAAK,SAAW;IAChB,KAAK,SAAU;IACzC,iFAAiF;IACvC,OAAO,UAAS;IAE1D,MAAM,CAAC,MAAM,4BAyEX;IAEF,2EAA2E;IAC3E,OAAO,KAAK,UAAU,GAarB;IAED,wBAAwB;IACxB,IAAI,SAGH;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QAM9C;IAED,MAAM,yCAmBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/video-embed/video-embed.js

@@ -0,0 +1,183 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+const ID_PATTERN = /^[\w-]+$/;
+/**
+ * Shows a poster and a play button, and only loads the video player (an iframe, which is heavy
+ * and sets third-party cookies) once someone presses play. Pages stay fast and visitors are not
+ * tracked before they choose to watch.
+ *
+ * Give it a `youtube` or `vimeo` id, or an `https` embed address in `src`. Slot your own poster
+ * as `<img slot="poster" alt="">`: no third-party request is made until play is pressed.
+ *
+ * Events: `st-play` (bubbles, composed) when the player is loaded.
+ */
+let StVideoEmbed = class StVideoEmbed extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** A YouTube video id. Uses the privacy-enhanced youtube-nocookie.com player. */
+        this.youtube = "";
+        /** A Vimeo video id. Asks Vimeo not to track the viewer. */
+        this.vimeo = "";
+        /** Any other player, as an https embed address. */
+        this.src = "";
+        /** Name of the video. Used for the play button and the player's accessible title. */
+        this.label = "Video";
+        this.ratio = "16/9";
+        /** True once the player has been loaded. Setting it to true loads the player. */
+        this.playing = false;
+    }
+    /** The player address, or an empty string when nothing valid was given. */
+    get _playerUrl() {
+        if (this.youtube && ID_PATTERN.test(this.youtube)) {
+            return `https://www.youtube-nocookie.com/embed/${this.youtube}?autoplay=1&rel=0`;
+        }
+        if (this.vimeo && ID_PATTERN.test(this.vimeo)) {
+            return `https://player.vimeo.com/video/${this.vimeo}?autoplay=1&dnt=1`;
+        }
+        try {
+            const url = new URL(this.src); // no base: relative addresses must be rejected
+            return this.src && url.protocol === "https:" ? url.href : "";
+        }
+        catch {
+            return "";
+        }
+    }
+    /** Loads the player. */
+    play() {
+        if (!this._playerUrl || this.playing)
+            return;
+        this.playing = true;
+    }
+    updated(changed) {
+        if (this.ratio)
+            this.style.setProperty("--_ratio", this.ratio);
+        if (changed.has("playing") && changed.get("playing") === false && this.playing) {
+            this.dispatchEvent(new CustomEvent("st-play", { bubbles: true, composed: true }));
+            this.renderRoot.querySelector("iframe")?.focus();
+        }
+    }
+    render() {
+        const url = this._playerUrl;
+        if (this.playing && url) {
+            return html `<iframe
+        src=${url}
+        title=${this.label}
+        allow="autoplay; encrypted-media; picture-in-picture; fullscreen"
+        allowfullscreen
+        referrerpolicy="strict-origin-when-cross-origin"
+      ></iframe>`;
+        }
+        return html `
+      <button class="facade" type="button" ?disabled=${!url} aria-label=${`Play video: ${this.label}`} @click=${this.play}>
+        <slot name="poster"></slot>
+        <span class="play" aria-hidden="true">
+          <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg>
+        </span>
+      </button>
+    `;
+    }
+};
+StVideoEmbed.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+        position: relative;
+        overflow: hidden;
+        aspect-ratio: var(--_ratio, 16 / 9);
+        background: var(--st-color-surface-muted);
+        border-radius: var(--st-image-radius, var(--st-radius-md));
+      }
+
+      .facade {
+        position: relative;
+        display: grid;
+        place-items: center;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        border: 0;
+        background: none;
+        cursor: pointer;
+      }
+
+      ::slotted([slot="poster"]) {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      .play {
+        position: relative;
+        display: grid;
+        place-items: center;
+        width: 4.5rem;
+        height: 4.5rem;
+        border-radius: 50%;
+        background: var(--st-color-primary);
+        color: var(--st-color-on-primary);
+        box-shadow: var(--st-shadow-lg);
+        transition: transform 0.2s ease;
+      }
+
+      .play svg {
+        width: 1.75rem;
+        height: 1.75rem;
+        margin-left: 0.2rem;
+        fill: currentColor;
+      }
+
+      .facade:hover .play {
+        transform: scale(1.08);
+      }
+
+      .facade:focus-visible {
+        outline: 3px solid var(--st-color-primary);
+        outline-offset: -3px;
+      }
+
+      iframe {
+        width: 100%;
+        height: 100%;
+        border: 0;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .play {
+          transition: none;
+        }
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], StVideoEmbed.prototype, "youtube", void 0);
+__decorate([
+    property({ type: String })
+], StVideoEmbed.prototype, "vimeo", void 0);
+__decorate([
+    property({ type: String })
+], StVideoEmbed.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], StVideoEmbed.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], StVideoEmbed.prototype, "ratio", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StVideoEmbed.prototype, "playing", void 0);
+StVideoEmbed = __decorate([
+    customElement("st-video-embed")
+], StVideoEmbed);
+export { StVideoEmbed };
+//# sourceMappingURL=video-embed.js.map

package/dist/components/video-embed/video-embed.js.map

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