npm - @solid-design-system/components - Versions diffs - 5.7.0 → 5.8.0 - Mend

@solid-design-system/components 5.7.0 → 5.8.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 (639) hide show

package/dist/chunks/{chunk.FIHROP3X.js → chunk.2BDWN26F.js} RENAMED Viewed

@@ -2,19 +2,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.KUULYGHN.js → chunk.2CQI5LE4.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.ABTFDUXB.js";
+} from "./chunk.7ZNUQOKK.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/{dist-versioned/chunks/chunk.CVCJY3ME.js → dist/chunks/chunk.2G46ORZ2.js} RENAMED Viewed

@@ -52,6 +52,7 @@ var translation = {
   tagsSelected: "Optionen ausgew\xE4hlt",
   toggleColorFormat: "Farbformat umschalten",
   transcriptIsOpen: "Transkript ist offen",
+  truncatedBreadcrumbs: "Verk\xFCrzter Navigationspfad",
   unmute: "Unmute"
 };
 registerTranslation(translation);

package/dist/chunks/{chunk.NQLGMP2D.js → chunk.2W7NHUH7.js} RENAMED Viewed

@@ -14,19 +14,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.YCPALMH3.js → chunk.374V27WG.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YQYNXABC.js → chunk.3IFUYWCQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MUUF45Z6.js → chunk.56KFGJVD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6A4EY2BW.js → chunk.5IM5U5QH.js} RENAMED Viewed

@@ -1,15 +1,15 @@
-import {
-  SdCarouselItem
-} from "./chunk.BIWX4AXS.js";
-import {
-  AutoplayController
-} from "./chunk.F4VGSDIW.js";
 import {
   FadeController
 } from "./chunk.W2YDXTG5.js";
 import {
   ScrollController
 } from "./chunk.FNYEXUNK.js";
+import {
+  SdCarouselItem
+} from "./chunk.WK2T7YB4.js";
+import {
+  AutoplayController
+} from "./chunk.F4VGSDIW.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.ATBHSXHW.js → chunk.5KVES6PS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.NE5RAPHM.js → chunk.5ZNZ5OFS.js} RENAMED Viewed

@@ -23,19 +23,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.KTWITSMU.js → chunk.7MAASMDW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.H3OKMVXK.js → chunk.7UEOJL4C.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ABTFDUXB.js → chunk.7ZNUQOKK.js} RENAMED Viewed

@@ -2,19 +2,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.WYCBGTC3.js → chunk.AGJBHOHC.js} RENAMED Viewed

@@ -1,6 +1,7 @@
 import {
+  getDeepActiveElement,
   getTabbableBoundary
-} from "./chunk.XHCTCU2Q.js";
+} from "./chunk.UMIKFOMI.js";
 import {
   scrollIntoView
 } from "./chunk.WDWV53JP.js";
@@ -8,19 +9,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   stopAnimations
@@ -31,6 +32,26 @@ import {
 // src/components/dropdown/dropdown.ts
 import { css, html } from "lit";
+// src/internal/deep-closest-element.ts
+function deepClosestElement(element, selector) {
+  let current = element;
+  while (current) {
+    if (current.matches(selector)) {
+      return current;
+    }
+    if (current.parentElement) {
+      current = current.parentElement;
+    } else if (current.parentNode instanceof ShadowRoot) {
+      current = current.parentNode.host;
+    } else {
+      break;
+    }
+  }
+  return null;
+}
+// src/components/dropdown/dropdown.ts
 import { property, query } from "lit/decorators.js";
 import cx from "classix";
 var SdDropdown = class extends SolidElement {
@@ -134,9 +155,8 @@ var SdDropdown = class extends SolidElement {
         return;
       }
       setTimeout(() => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-        const activeElement = ((_e = (_d = (_c = (_b = (_a2 = document.activeElement) == null ? void 0 : _a2.shadowRoot) == null ? void 0 : _b.activeElement) == null ? void 0 : _c.shadowRoot) == null ? void 0 : _d.activeElement) == null ? void 0 : _e.getRootNode()) instanceof ShadowRoot ? (_i = (_h = (_g = (_f = document.activeElement) == null ? void 0 : _f.shadowRoot) == null ? void 0 : _g.activeElement) == null ? void 0 : _h.shadowRoot) == null ? void 0 : _i.activeElement : ((_j = this.containingElement) == null ? void 0 : _j.getRootNode()) instanceof ShadowRoot ? (_l = (_k = document.activeElement) == null ? void 0 : _k.shadowRoot) == null ? void 0 : _l.activeElement : document.activeElement;
-        if (!this.containingElement || (activeElement == null ? void 0 : activeElement.closest(this.containingElement.tagName.toLowerCase())) !== this.containingElement) {
+        const activeElement = getDeepActiveElement();
+        if (!activeElement || !this.containingElement || deepClosestElement(activeElement, this.containingElement.tagName.toLowerCase()) !== this.containingElement) {
           this.hide();
         }
       });

package/dist/chunks/{chunk.GABDY4S6.js → chunk.BFV6FVEH.js} RENAMED Viewed

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

package/dist/chunks/{chunk.HJN7RI3V.js → chunk.BGJVVJYW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UH3CRACY.js → chunk.BHEBFVOB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DWOWPIFO.js → chunk.C3QUN3CW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MM3ZPOVU.js → chunk.CRGWQRUO.js} RENAMED Viewed

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

package/dist/chunks/{chunk.7ASLASKF.js → chunk.CU3SNWRP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EAFZSO6J.js → chunk.DHECGUIH.js} RENAMED Viewed

@@ -2,9 +2,11 @@ import {
   uppercaseFirstLetter
 } from "./chunk.SF6AUNJF.js";
 import {
-  Modal,
+  Modal
+} from "./chunk.EDMG7C5H.js";
+import {
   getDeepActiveElement
-} from "./chunk.UFBRSKVR.js";
+} from "./chunk.UMIKFOMI.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -16,19 +18,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   stopAnimations

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

@@ -0,0 +1,69 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  watch
+} from "./chunk.X2OQMWGY.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.X6WRFCHO.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/breadcrumb-item/breadcrumb-item.ts
+import { css, html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property, query } from "lit/decorators.js";
+var SdBreadcrumbItem = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.href = "";
+    this.current = false;
+  }
+  handleCurrentChange() {
+    var _a, _b;
+    if (!this.base || !this.current) return;
+    (_b = (_a = this.base.shadowRoot) == null ? void 0 : _a.querySelector("a")) == null ? void 0 : _b.setAttribute("aria-current", "page");
+  }
+  connectedCallback() {
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "listitem");
+    }
+    super.connectedCallback();
+  }
+  firstUpdated() {
+    requestAnimationFrame(() => this.handleCurrentChange());
+  }
+  render() {
+    return html`<sd-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-link>`;
+  }
+};
+SdBreadcrumbItem.styles = [
+  ...SolidElement.styles,
+  css`:host{align-items:center;display:inline-flex}sd-link::part(base){align-items:center}sd-link::part(icon-left){display:inline-flex;margin-right:var(--sd-spacing-0,0)}sd-link sd-icon{margin:var(--sd-spacing-0,0)}:host([current]) sd-link::part(base){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}:host([current]) sd-link::part(label){text-decoration-line:none}`
+];
+__decorateClass([
+  query('[part="base"]')
+], SdBreadcrumbItem.prototype, "base", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdBreadcrumbItem.prototype, "href", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdBreadcrumbItem.prototype, "target", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdBreadcrumbItem.prototype, "current", 2);
+__decorateClass([
+  watch("current")
+], SdBreadcrumbItem.prototype, "handleCurrentChange", 1);
+SdBreadcrumbItem = __decorateClass([
+  customElement("sd-breadcrumb-item")
+], SdBreadcrumbItem);
+export {
+  SdBreadcrumbItem
+};

package/{dist-versioned/chunks/chunk.UFBRSKVR.js → dist/chunks/chunk.EDMG7C5H.js} RENAMED Viewed

@@ -1,17 +1,6 @@
 import {
   getTabbableBoundary
-} from "./chunk.XHCTCU2Q.js";
-// src/internal/deep-active-element.ts
-function getDeepActiveElement(element = document.activeElement) {
-  if (element == null ? void 0 : element.shadowRoot) {
-    const shadowActiveElement = element.shadowRoot.activeElement;
-    if (shadowActiveElement) {
-      return getDeepActiveElement(shadowActiveElement);
-    }
-  }
-  return element;
-}
+} from "./chunk.UMIKFOMI.js";
 // src/internal/modal.ts
 var activeModals = [];
@@ -64,6 +53,5 @@ var Modal = class {
 };
 export {
-  getDeepActiveElement,
   Modal
 };

package/dist/chunks/{chunk.QGQB5JS7.js → chunk.FAY52O5K.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JBZMLWDZ.js → chunk.FQ65C655.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FSL676RI.js → chunk.G7LKDW7D.js} RENAMED Viewed

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

package/dist/chunks/{chunk.QTRNM73B.js → chunk.GRJDOPAS.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.SHLIEXLI.js";
+} from "./chunk.VTMF55NN.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.D23TODRF.js → chunk.GWQANU5I.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UWXGXWKM.js → chunk.H7FP247H.js} RENAMED Viewed

@@ -2,19 +2,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.CM5UUKM4.js → chunk.IUAN7YQ4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2Z3PTZDF.js → chunk.J2R4HF6O.js} RENAMED Viewed

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

package/{dist-versioned/chunks/chunk.KQKYMBS7.js → dist/chunks/chunk.KZMSCSWH.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import {
-  library_status_default
-} from "./chunk.4TPOL3LB.js";
 import {
   library_default_default
 } from "./chunk.7VPFFNHR.js";
 import {
   library_internal_default
-} from "./chunk.YNSZZDYQ.js";
+} from "./chunk.Z7IN7NPU.js";
+import {
+  library_status_default
+} from "./chunk.4TPOL3LB.js";
 // src/components/icon/library.ts
 var registry = [library_internal_default, library_default_default, library_status_default];

package/dist/chunks/{chunk.PB4C4QSB.js → chunk.L7XW5PYI.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.IF3LSW7O.js → chunk.NC2M2T2Q.js} RENAMED Viewed

@@ -6,19 +6,19 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
-import {
-  LocalizeController
-} from "./chunk.YKM42GKF.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.NM4SNSEF.js";
+} from "./chunk.X6WRFCHO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.Q35RRIOR.js → chunk.ONBBO64D.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BZMDW7E4.js → chunk.PBSF5V4E.js} RENAMED Viewed

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