npm - @solid-design-system/components - Versions diffs - 4.8.2 → 4.9.0 - Mend

@solid-design-system/components 4.8.2 → 4.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (535) hide show

package/dist/chunks/{chunk.TQ2XTL3N.js → chunk.27LAMXW5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DU5ZFCWK.js → chunk.4LV4VHB5.js} RENAMED Viewed

@@ -20,7 +20,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.42Y2Y4CT.js → chunk.4TLTIOIY.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DG4Z27H7.js → chunk.4UEQEUQ5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UNYDNXVX.js → chunk.6V7KPUGO.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NYISVGZP.js → chunk.7VCFYOV5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.HWCICIZ3.js → chunk.B7BIS5Y4.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZKNMB4LI.js → chunk.BABTMD4T.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.7XBVL3OX.js → chunk.BJSTXBIQ.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OM6AQSNZ.js → chunk.BWIRKW7E.js} RENAMED Viewed

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.VPZ343RK.js → chunk.C2LS4326.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FG2YW2J2.js → chunk.C4WMHAOW.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UBRO6542.js → chunk.CMK6UTW6.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XYSPRBTU.js → chunk.CWJB3CZO.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.PEZXGQ7O.js → chunk.CYM2Q7GX.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.VIGF55TT.js → chunk.DYRAOE5L.js} RENAMED Viewed

@@ -25,7 +25,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.QHNX7XXY.js → chunk.E73VDVFB.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdDivider
-} from "./chunk.7XBVL3OX.js";
+} from "./chunk.BJSTXBIQ.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5GJSR37E.js → chunk.ECH5BTRG.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.K3P5AU2W.js → chunk.EQRUJQQW.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FYB3FW3M.js → chunk.ERRAXV4M.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IVKF66Z7.js → chunk.EYTEM45R.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.QVZA7MYB.js";
+} from "./chunk.R3PPZNKA.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.F3WWD3JJ.js → chunk.F4UAU4OM.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QGIVM4OY.js → chunk.GAJFV5V3.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7XBTB7OK.js → chunk.H36YEYQD.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.W4UBVGJC.js → chunk.HEYBJG64.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZGXDZPRR.js → chunk.JNJHWACL.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OYCICI5Q.js → chunk.JNTED6KG.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.A4ANJCVK.js → chunk.JQD4QY3H.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.MLWDAQTG.js → chunk.KNZPI3QD.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EYPYJWWK.js → chunk.KWP3CREC.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SUXIONDU.js → chunk.LOW4LWP6.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NSAVNGUH.js → chunk.LQKJMBVH.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BU2OKWHE.js → chunk.LW7RVQTS.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -35,17 +35,12 @@ var SdVideo = class extends SolidElement {
   get video() {
     return this.querySelector("video");
   }
-  /** Fade out poster after initial play. */
-  fadeoutPoster() {
-    if (this.poster instanceof HTMLImageElement) {
-      this.poster.style.opacity = "0";
-    }
-  }
   /** Hide poster after initial play & fadeout. */
-  hidePoster() {
-    if (this.poster instanceof HTMLImageElement) {
-      this.poster.style.display = "none";
-    }
+  async hidePoster() {
+    if (!(this.poster instanceof HTMLImageElement)) return;
+    this.poster.style.opacity = "0";
+    await new Promise((resolve) => setTimeout(resolve, this.token("sd-duration-medium", 300)));
+    this.poster.style.display = "none";
   }
   setVideoInert(inert) {
     var _a, _b;
@@ -61,7 +56,7 @@ var SdVideo = class extends SolidElement {
     this.emit("sd-play");
     this.playing = true;
     (_a = this.video) == null ? void 0 : _a.play();
-    this.fadeoutPoster();
+    this.hidePoster();
     this.setVideoInert(false);
   }
   /** Restrict keydown control to enter and space bar to mimic the native video tag behavior. If a KeyboardEvent is used, refocus on the native video element to give the user seamless keyboard control. */
@@ -103,12 +98,12 @@ var SdVideo = class extends SolidElement {
       this.playing ? "opacity-0" : "opacity-100",
       this.isBelowBreakpoint ? "w-[48px] h-[48px]" : "w-[96px] h-[96px]",
       "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition outline-2 outline-offset-2 group-focus-visible:outline"
-    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-icon id="default-play-icon" library="system" name="start"></sd-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>` : null}<slot></slot></div>`;
+    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-icon id="default-play-icon" library="system" name="start"></sd-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
   }
 };
 SdVideo.styles = [
   ...SolidElement.styles,
-  css`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted([slot=poster]){left:var(--sd-spacing-0,0);position:absolute;top:var(--sd-spacing-0,0);width:100%;z-index:10}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}`
+  css`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:var(--sd-duration-medium,.3s);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}`
 ];
 __decorateClass([
   query("[part=base]")

package/dist/chunks/{chunk.6OTZEYDJ.js → chunk.MSSKOOJJ.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.Z5FFEPNC.js → chunk.NI45NXZV.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.R3V26D5R.js → chunk.O7OXBLZU.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.2QJPY2BQ.js";
+} from "./chunk.OWACJFST.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";