npm - @solid-design-system/components - Versions diffs - 5.10.1 → 5.12.0 - Mend

@solid-design-system/components 5.10.1 → 5.12.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 (657) hide show

package/dist/chunks/{chunk.BK4CYVLA.js → chunk.2E6AZ7IS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.7ZISZOWN.js → chunk.2I3XKHRL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.N7WBIQUG.js → chunk.2KGI4RGY.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FUGGYSQF.js → chunk.2OIBQGHM.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.TWDHTS5K.js";
+} from "./chunk.ZYSPY56A.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.JJTGSFOV.js → chunk.2TRX3FZB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RGFFEJMJ.js → chunk.3LB6F6UZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.3PUMOBIO.js → chunk.53TIETIU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MQ5VT5VP.js → chunk.5EHIHSWD.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UQ55GFI3.js → chunk.5WAILGKS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5UQ6EJAW.js → chunk.5YHSIEJI.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/chunk.5ZCXBV7F.js ADDED Viewed

@@ -0,0 +1,63 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.QWL32OLS.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/loader/loader.ts
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import cx from "classix";
+var SdLoader = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.color = "currentColor";
+    this.localize = new LocalizeController(this);
+  }
+  render() {
+    return html`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="20" cy="12" r="2" fill="currentColor"/><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="12" cy="12" r="2" fill="currentColor"/><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="4" cy="12" r="2" fill="currentColor"/></svg>`;
+  }
+};
+/**
+ * Inherits global stylesheet including TailwindCSS
+ */
+SdLoader.styles = [
+  ...SolidElement.styles,
+  css`:host{display:inline-block;height:1em;width:1em}.dot:nth-child(2){animation-delay:.1s}.dot:first-child{animation-delay:.2s}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdLoader.prototype, "color", 2);
+SdLoader = __decorateClass([
+  customElement("sd-loader")
+], SdLoader);
+export {
+  SdLoader
+};

package/dist/chunks/{chunk.WSEY3LJE.js → chunk.6OA4LXDX.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.6ID5BKH5.js → chunk.7O463ZCI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UJHYUCHT.js → chunk.7QXCN2ON.js} RENAMED Viewed

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.N3MU3643.js → chunk.A3OMC6GV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6SZYSES2.js → chunk.BS3O2QJ6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.3JIBD4DC.js → chunk.CNKD3LT7.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/chunk.D3YSIVTB.js ADDED Viewed

@@ -0,0 +1,28 @@
+// src/components/range/utils.ts
+var numericSort = (a, b) => a - b;
+var arraysDiffer = (a, b) => {
+  if (a.length !== b.length) return true;
+  const sortedA = a.slice().sort(numericSort);
+  const sortedB = b.slice().sort(numericSort);
+  for (let i = 0; i < sortedA.length; i += 1) {
+    if (sortedA[i] !== sortedB[i]) return true;
+  }
+  return false;
+};
+var getNormalizedValueFromClientX = (baseDiv, x) => {
+  const bounds = baseDiv.getBoundingClientRect();
+  const size = bounds.width;
+  if (size <= 0) return 0;
+  let nextX = x;
+  nextX -= bounds.left;
+  if (nextX <= 0) return 0;
+  if (nextX >= size) return 1;
+  nextX /= size;
+  return nextX;
+};
+export {
+  numericSort,
+  arraysDiffer,
+  getNormalizedValueFromClientX
+};

package/dist/chunks/{chunk.YRFRBXRK.js → chunk.F4RHOUGP.js} RENAMED Viewed

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UJHYOR23.js → chunk.FG5EPKY3.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.R2XG3O7O.js → chunk.FKIK5XXL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WEUFN5UU.js → chunk.G4SPWXEP.js} RENAMED Viewed

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.SW6AKO54.js → chunk.GCLUX5DU.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.47VXT6XF.js";
+} from "./chunk.MYCJZM33.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FDQQDXKD.js → chunk.GJKBJOMN.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.P4UKJXBL.js → chunk.GLR5XK2G.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XKFVXICF.js → chunk.J5KZ6AYY.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.WL7EGHGP.js";
+} from "./chunk.MQGUFVIS.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UAADOLK5.js → chunk.JW6RZW7I.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YGVCQCO4.js → chunk.K5VSAEEA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.4Z5MLLDU.js → chunk.K6PS5MI5.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.UDULBIWD.js → chunk.KSDF7SV6.js} RENAMED Viewed

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.ZSZ2IB2L.js → chunk.L2D6TOK4.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7EMNYFIP.js → chunk.LBZP6N7M.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JUUDZ47Q.js → chunk.LM6HLQCE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZVLZ6XOK.js → chunk.LNUCDACW.js} RENAMED Viewed

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.ZCI47J45.js → chunk.MHXRRPRS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WL7EGHGP.js → chunk.MQGUFVIS.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.47VXT6XF.js → chunk.MYCJZM33.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KFVC6XFD.js → chunk.N73QET3I.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FFAUGMVF.js → chunk.OT4PPAKV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VFG2SXVE.js → chunk.OVMZ5AQ3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2G46ORZ2.js → chunk.P3RYNUKZ.js} RENAMED Viewed

@@ -18,6 +18,8 @@ var translation = {
   goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,
   hidePassword: "Passwort verbergen",
   loading: "Wird geladen",
+  maximum: "H\xF6chstwert",
+  minimum: "Minimum",
   mute: "Stummschalten",
   nextSlide: "N\xE4chste Folie",
   noResults: "Keine Ergebnisse gefunden",

package/dist/chunks/{chunk.MEDUZPGV.js → chunk.PMNTW4FI.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -221,7 +221,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-spinner class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -229,7 +229,7 @@ var SdButton = class extends SolidElement {
  */
 SdButton.styles = [
   ...SolidElement.styles,
-  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--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))!important}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/2)}`
+  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}::slotted(sd-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--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))!important}::slotted(sd-icon),sd-loader{font-size:calc(var(--tw-varspacing)/2)}`
 ];
 __decorateClass([
   query("a, button")

package/dist/chunks/chunk.Q5NANOL5.js ADDED Viewed

@@ -0,0 +1,36 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.QWL32OLS.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/range-tick/range-tick.ts
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import cx from "classix";
+var SdRangeTick = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.subtick = false;
+  }
+  render() {
+    return html`<div part="base" class="${cx(this.subtick ? "w-0.25" : "w-0.5")}"><div part="line" class="${cx("bg-neutral-500", this.subtick ? "h-2" : "h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm"><slot></slot></div></div>`;
+  }
+};
+SdRangeTick.styles = SolidElement.styles;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdRangeTick.prototype, "subtick", 2);
+SdRangeTick = __decorateClass([
+  customElement("sd-range-tick")
+], SdRangeTick);
+export {
+  SdRangeTick
+};

package/dist/chunks/{chunk.EIUEZZ5G.js → chunk.QEMBE34K.js} RENAMED Viewed

@@ -21,7 +21,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   stopAnimations