@solid-design-system/components 6.15.0 → 6.16.0

package/dist/chunks/{chunk.4MX2FLFI.js → chunk.FIJX3VUF.js}

@@ -58,7 +58,10 @@ var SdCarousel = class extends SolidElement {
     this.activeSlide = 0;
     this.currentPage = 1;
     this.pausedAutoplay = false;
-    this.autoplayController = new AutoplayController(this, () => this.next());
+    this.isFocused = false;
+    this.autoplayController = new AutoplayController(this, () => {
+      if (!this.isFocused) this.next();
+    });
     this.scrollController = new ScrollController(this);
     this.slides = this.getElementsByTagName("sd-carousel-item");
     // determines which slide is displayed
@@ -90,6 +93,9 @@ var SdCarousel = class extends SolidElement {
   connectedCallback() {
     super.connectedCallback();
     ["click", "keydown"].forEach((event) => this.addEventListener(event, this.handleUserInteraction));
+    this.addEventListener("focusin", this.handleFocus);
+    this.addEventListener("focusout", this.handleBlur);
+    this.addEventListener("keydown", this.handleKeyDown);
     const intersectionObserver = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
@@ -115,6 +121,9 @@ var SdCarousel = class extends SolidElement {
     this.intersectionObserver.disconnect();
     this.mutationObserver.disconnect();
     ["click", "keydown"].forEach((event) => this.removeEventListener(event, this.handleUserInteraction));
+    this.removeEventListener("focusin", this.handleFocus);
+    this.removeEventListener("focusout", this.handleBlur);
+    this.removeEventListener("keydown", this.handleKeyDown);
     if (this.fade) {
       this.fadeController.disable();
     }
@@ -206,14 +215,26 @@ var SdCarousel = class extends SolidElement {
     }
   }
   handleFocus() {
-    if (this.autoplay) {
-      this.scrollContainer.setAttribute("aria-live", "polite");
-    }
+    this.isFocused = true;
   }
   handleBlur() {
-    if (this.autoplay) {
-      this.scrollContainer.setAttribute("aria-live", "off");
+    this.isFocused = false;
+  }
+  getSlideText(slide) {
+    var _a;
+    const parts = [];
+    const walker = document.createTreeWalker(slide, NodeFilter.SHOW_ALL);
+    let node = walker.nextNode();
+    while (node) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const text = (_a = node.textContent) == null ? void 0 : _a.trim();
+        if (text) parts.push(text);
+      } else if (node instanceof HTMLImageElement && node.alt) {
+        parts.push(node.alt);
+      }
+      node = walker.nextNode();
     }
+    return parts.join(" ");
   }
   /**
    * Pause the autoplay.
@@ -303,6 +324,13 @@ var SdCarousel = class extends SolidElement {
           slide: slides[this.activeSlide]
         }
       });
+      if (this.announcementRegion) {
+        const text = this.getSlideText(slides[this.activeSlide]);
+        const position = this.localize.term("slideNum", this.activeSlide + 1, slides.length);
+        requestAnimationFrame(() => {
+          this.announcementRegion.textContent = text ? `${text} ${position}` : position;
+        });
+      }
     }
     const pageCount = this.getPageCount(slides.length, this.slidesPerPage, this.slidesPerMove);
     if (this.currentPage > pageCount) {
@@ -435,18 +463,18 @@ var SdCarousel = class extends SolidElement {
     const prevEnabled = this.loop || currentPage > 1;
     const nextEnabled = this.loop || currentPage < pagesCount;
     const isLtr = this.localize.dir() === "ltr";
-    return html`<div part="base" class="${cx(`carousel h-full w-full`)}"><div id="scroll-container" part="scroll-container" class="${cx(
+    return html`<div part="base" class="${cx(`carousel h-full w-full`)}"><div class="carousel__announcement sr-only" aria-live="${!this.autoplay || this.pausedAutoplay || this.isFocused ? "polite" : "off"}" aria-atomic="true"></div><div id="scroll-container" part="scroll-container" class="${cx(
       `carousel__slides mb-6 max-h-full w-full items-center justify-items-center`,
       this.inverted ? "focus-visible:focus-outline-inverted" : "focus-visible:focus-outline",
       this.fade ? "relative overflow-hidden" : `grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden`
     )}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${scrollController.scrolling ? "true" : "false"}" aria-label="${this.localize.term(
       "carouselContainer",
       Array.from(this.slides).filter((el) => !el.hasAttribute("data-clone")).length
-    )}" aria-live="${this.autoplay ? "off" : "polite"}" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><slot></slot></div><div part="controls" class="${cx("w-full flex items-center justify-center relative")}"><div part="navigation" class="${cx("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!prevEnabled ? true : false}" class="${cx(
+    )}" tabindex="0" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${cx("w-full flex items-center justify-center relative")}"><div part="navigation" class="${cx("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!prevEnabled ? true : false}" class="${cx(
       "!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !prevEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"
-    )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
     } : null}"><slot name="previous-icon"><sd-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
@@ -459,7 +487,7 @@ var SdCarousel = class extends SolidElement {
       )}" role="tab" tabindex="0" aria-selected="${isActive ? "true" : "false"}" aria-label="${this.localize.term("goToSlide", index + 1, pagesCount)}" @click="${(e) => {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
-      }}" @keydown="${this.handleKeyDown}"><span class="${cx(
+      }}"><span class="${cx(
         "h-4 w-4 block border sd-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
         this.inverted ? "sd-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
         isActive && "border-none",
@@ -472,7 +500,7 @@ var SdCarousel = class extends SolidElement {
       "!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !nextEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"
-    )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
+    )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
     } : null}"><slot name="next-icon"><sd-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-icon></slot></button></div><button class="${cx(
@@ -535,6 +563,9 @@ __decorateClass([
 __decorateClass([
   query(".carousel__pagination")
 ], SdCarousel.prototype, "paginationContainer", 2);
+__decorateClass([
+  query(".carousel__announcement")
+], SdCarousel.prototype, "announcementRegion", 2);
 __decorateClass([
   state()
 ], SdCarousel.prototype, "activeSlide", 2);
@@ -544,6 +575,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], SdCarousel.prototype, "pausedAutoplay", 2);
+__decorateClass([
+  state()
+], SdCarousel.prototype, "isFocused", 2);
 __decorateClass([
   watch("pausedAutoplay")
 ], SdCarousel.prototype, "handlePausedAutoplay", 1);

package/dist/chunks/{chunk.M6QWSNU3.js → chunk.XWRZKAAC.js}

@@ -64,7 +64,7 @@ var translation = {
   showLess: "Show less",
   showMore: "Show more",
   showPassword: "Show password",
-  slideNum: (num) => `Slide ${num}`,
+  slideNum: (slide, count) => `Slide ${slide} of ${count}`,
   startDateSelected: "Start date selected",
   tagsSelected: "Options selected",
   toggleColorFormat: "Toggle color format",

package/dist/components/accordion/accordion.js

@@ -12,7 +12,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

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

@@ -13,7 +13,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/audio/audio.js

@@ -21,7 +21,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/breadcrumb/breadcrumb.js

@@ -16,7 +16,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -5,7 +5,7 @@ import "../../chunks/chunk.QGQMA2DH.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/button/button.js

@@ -6,7 +6,7 @@ import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/carousel/carousel.d.ts

@@ -17,9 +17,11 @@ export default class SdCarousel extends SolidElement {
     defaultSlot: HTMLSlotElement;
     scrollContainer: HTMLElement;
     paginationContainer: HTMLElement;
+    announcementRegion: HTMLElement;
     activeSlide: number;
     currentPage: number;
     pausedAutoplay: boolean;
+    private isFocused;
     private autoplayController;
     private scrollController;
     private readonly slides;
@@ -43,6 +45,7 @@ export default class SdCarousel extends SolidElement {
     private handleSlotChange;
     private handleFocus;
     private handleBlur;
+    private getSlideText;
     private unblockAutoplay;
     pause(): void;
     resume(): void;

package/dist/components/carousel/carousel.js

@@ -1,6 +1,6 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.4MX2FLFI.js";
+} from "../../chunks/chunk.FIJX3VUF.js";
 import "../../chunks/chunk.W2YDXTG5.js";
 import "../../chunks/chunk.6RE6UZ72.js";
 import "../../chunks/chunk.UVI5HHLF.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/combobox/combobox.js

@@ -20,7 +20,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/datepicker/datepicker.js

@@ -15,7 +15,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/dialog/dialog.js

@@ -19,7 +19,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/drawer/drawer.js

@@ -20,7 +20,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/dropdown/dropdown.js

@@ -8,7 +8,7 @@ import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/expandable/expandable.js

@@ -12,7 +12,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/flipcard/flipcard.js

@@ -14,7 +14,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/input/input.js

@@ -13,7 +13,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/loader/loader.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.K35ZY362.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/menu/menu.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.4OTHCSXL.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/navigation-item/navigation-item.js

@@ -12,7 +12,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/notification/notification.js

@@ -17,7 +17,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/optgroup/optgroup.js

@@ -4,7 +4,7 @@ import {
 import "../../chunks/chunk.NMCXKPQT.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/quickfact/quickfact.js

@@ -13,7 +13,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/range/range.js

@@ -18,7 +18,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/range-tick/range-tick.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.B3QOYMWK.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/scrollable/scrollable.js

@@ -10,7 +10,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/select/select.js

@@ -18,7 +18,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/spinner/spinner.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.4PVDPEDP.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/tab/tab.js

@@ -4,7 +4,7 @@ import {
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

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

@@ -12,7 +12,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/tag/tag.js

@@ -10,7 +10,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/tooltip/tooltip.js

@@ -14,7 +14,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/components/video/video.js

@@ -11,7 +11,7 @@ import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
-import "../../chunks/chunk.M6QWSNU3.js";
+import "../../chunks/chunk.XWRZKAAC.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.V7PNN6GB.js";
 import "../../chunks/chunk.HQWAKJBV.js";

package/dist/custom-elements.json

@@ -22867,7 +22867,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.15.0",
+    "version": "6.16.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -155,7 +155,7 @@ import {
 import "./chunks/chunk.TEYSL3L7.js";
 import {
   SdCarousel
-} from "./chunks/chunk.4MX2FLFI.js";
+} from "./chunks/chunk.FIJX3VUF.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
@@ -209,7 +209,7 @@ import {
   LocalizeController
 } from "./chunks/chunk.X3FE7OHE.js";
 import "./chunks/chunk.GWKDETUD.js";
-import "./chunks/chunk.M6QWSNU3.js";
+import "./chunks/chunk.XWRZKAAC.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.V7PNN6GB.js";
 import "./chunks/chunk.HQWAKJBV.js";

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.M6QWSNU3.js";
+} from "../chunks/chunk.XWRZKAAC.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist/utilities/localize.js

@@ -2,7 +2,7 @@ import {
   LocalizeController
 } from "../chunks/chunk.X3FE7OHE.js";
 import "../chunks/chunk.GWKDETUD.js";
-import "../chunks/chunk.M6QWSNU3.js";
+import "../chunks/chunk.XWRZKAAC.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.15.0",
+  "version": "6.16.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/chunk.2EW7BYJZ.js

@@ -84,7 +84,7 @@ var SdRange = class extends SolidElement {
       var _a, _b;
       const tooltip = thumb.parentElement;
       await tooltip.updateComplete;
-      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-15-0-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
+      (_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-16-0-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
     });
   }
   willUpdate(changedProperties) {
@@ -260,7 +260,7 @@ var SdRange = class extends SolidElement {
   _preventTextSelection() {
     if (!this._dragStyleElement) {
       const style = document.createElement("style");
-      style.setAttribute("data-sd-6-15-0-range-drag", "");
+      style.setAttribute("data-sd-6-16-0-range-drag", "");
       style.textContent = "*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }";
       document.head.appendChild(style);
       this._dragStyleElement = style;
@@ -445,10 +445,10 @@ var SdRange = class extends SolidElement {
           ariaLabel = this.tooltipFormatter(value);
         }
       }
-      return html`<sd-6-15-0-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
+      return html`<sd-6-16-0-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
         "rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",
         this.disabled || this.visuallyDisabled ? "outline-none" : "cursor-pointer focus-visible:focus-outline"
-      )}"></div></sd-6-15-0-tooltip>`;
+      )}"></div></sd-6-16-0-tooltip>`;
     });
   }
   render() {
@@ -518,7 +518,7 @@ __decorateClass([
   property({ type: String })
 ], SdRange.prototype, "value", 1);
 SdRange = __decorateClass([
-  customElement("sd-6-15-0-range")
+  customElement("sd-6-16-0-range")
 ], SdRange);
 
 export {