@solid-design-system/components 7.0.2 → 7.0.3

package/package.json

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

package/cdn/chunks/chunk.5SQTIWWY.js

@@ -1,12 +0,0 @@
-import{a as $}from"./chunk.BJBQEPZV.js";import{a as k}from"./chunk.EOXYPQZI.js";import{a as C}from"./chunk.N4L76IWF.js";import{a as T}from"./chunk.CBQWVOOS.js";import{a as _}from"./chunk.MEDJPDBB.js";import{a as l}from"./chunk.4ZZFYCXX.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as E,b as p,c as b,d as g,e as A,h as S}from"./chunk.J45556RK.js";import{b as P,e as m}from"./chunk.OBAEIKIV.js";import{d as M}from"./chunk.W4QBFD6E.js";import{e as r}from"./chunk.6EV4YU6C.js";function L(u,h,e){let i=t=>Object.is(t,-0)?0:t;return u<h?i(h):u>e?i(e):i(u)}function*I(u,h){if(u!==void 0){let e=0;for(let i of u)yield h(i,e++)}}function*O(u,h,e=1){let i=h===void 0?0:u;h!=null||(h=u);for(let t=i;e>0?t<h:h<t;t+=e)yield t}var o=class extends S{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.autoplayInterval=5;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.isFocused=!1;this.autoplayController=new T(this,()=>{this.isFocused||this.next()});this.scrollController=new k(this);this.slides=this.getElementsByTagName("sd-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new _(this);this.userInteracted=!1;this.fadeController=new $(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>C.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction)),this.addEventListener("focusin",this.handleFocus),this.addEventListener("focusout",this.handleBlur),this.addEventListener("keydown",this.handleKeyDown);let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.removeEventListener("focusin",this.handleFocus),this.removeEventListener("focusout",this.handleBlur),this.removeEventListener("keydown",this.handleKeyDown),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,n=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",c=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),c&&this.previous(),n&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var a;let d=(a=this.shadowRoot)==null?void 0:a.querySelector('[part~="pagination-item--active"]');d&&d.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.isFocused=!0}handleBlur(){this.isFocused=!1}getSlideText(e){var n;let i=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ALL),s=t.nextNode();for(;s;){if(s.nodeType===Node.TEXT_NODE){let c=(n=s.textContent)==null?void 0:n.trim();c&&i.push(c)}else s instanceof HTMLImageElement&&s.alt&&i.push(s.alt);s=t.nextNode()}return i.join(" ")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){this.pausedAutoplay?this.autoplayController.stop():this.autoplay&&this.autoplayController.start(this.autoplayInterval*1e3)}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),n=e.slice(0,t);s.reverse().forEach((c,d)=>{let a=c.cloneNode(!0);a.setAttribute("data-clone",String(e.length-d-1)),this.prepend(a)}),n.forEach((c,d)=>{let a=c.cloneNode(!0);a.setAttribute("data-clone",String(d)),this.append(a)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,n)=>{s.classList.toggle("--is-active",n===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);if(this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&(this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}}),this.announcementRegion)){let s=this.getSlideText(e[this.activeSlide]),n=this.localize.term("slideNum",this.activeSlide+1,e.length);requestAnimationFrame(()=>{this.announcementRegion.textContent=s?`${s} ${n}`:n})}let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(this.autoplayInterval*1e3)}handleautoplayIntervalChange(){!this.autoplay||this.pausedAutoplay||(this.autoplayController.stop(),this.autoplayController.start(this.autoplayInterval*1e3))}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:n,fade:c}=this,d=this.getSlides(),a=this.getSlides({excludeClones:!1}),f=(e+d.length)%d.length;if(this.activeSlide=f,c)return;let y=L(e+(s?t:0),0,a.length+1),B=a[y],w=n.getBoundingClientRect(),x=B.getBoundingClientRect();if(n.scrollTo({left:x.left-w.left+n.scrollLeft,top:x.top-w.top+n.scrollTop,behavior:M()?"auto":i}),this.userInteracted&&!this.loop){let z=this.activeSlide===d.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,F=this.activeSlide===0;z?this.previousButton.focus({preventScroll:!0}):F&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),n=this.loop||s>1,c=this.loop||s<t,d=this.localize.dir()==="ltr";return m`<div part="base" class="${l("carousel h-full w-full relative")}"><button class="${l("ml-6 !rounded-sm","!absolute !bottom-0 !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.pausedAutoplay?this.localize.term("startAutoplay"):this.localize.term("stopAutoplay")}" aria-pressed="true" @click="${a=>{this.pausedAutoplay=!this.pausedAutoplay,a.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${l(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="_internal" name="play"></sd-icon></slot><slot name="autoplay-pause" class="${l(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-icon></slot></button><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="${l("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="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(a=>!a.hasAttribute("data-clone")).length)}" tabindex="0" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${l("w-full flex items-center justify-center relative")}"><div part="navigation" class="${l("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!n}" class="${l("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!n&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${n?"false":"true"}" @click="${n?a=>{this.previous(),this.unblockAutoplay(a,this.previousButton)}:null}"><slot name="previous-icon"><sd-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-bottom":"chevron-top"}"></sd-icon></slot></button> ${this.variant==="dot"?m`<div part="pagination-dot" role="tablist" class="${l("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${I(O(t),a=>{let f=a+1===s;return m`<button part="pagination-item ${f?"pagination-item--active":""}" class="${l("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",f?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${f?"true":"false"}" aria-label="${this.localize.term("goToSlide",a+1,t)}" @click="${y=>{this.goToSlide(a*i),this.unblockAutoplay(y,this.paginationItems[a])}}"><span class="${l("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",f&&"border-none",f?this.inverted?"sd-carousel__pager-dot--inverted-background hover:sd-carousel__pager-dot--inverted--hovered-background":"sd-carousel__pager-dot-background hover:bg-accent-550":"")}"></span></button>`})}</div>`:m`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${l("w-5 text-center border-b-2",this.inverted?"text-white sd-carousel--active--inverted-color-border":"text-black sd-carousel--active-color-border")}">${s}</span> <span part="pagination-divider" class="${l("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${l("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!c}" class="${l("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!c&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${c?"false":"true"}" @click="${c?a=>{this.next(),this.unblockAutoplay(a,this.nextButton)}:null}"><slot name="next-icon"><sd-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-top":"chevron-bottom"}"></sd-icon></slot></button></div></div></div>`}};o.styles=[...S.styles,P`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}[part=autoplay-controls]{z-index:1}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`],r([g('[part~="autoplay-controls"]')],o.prototype,"autoplayControls",2),r([g('[part~="navigation-button--previous"]')],o.prototype,"previousButton",2),r([g('[part~="navigation-button--next"]')],o.prototype,"nextButton",2),r([A('[part~="pagination-item"]')],o.prototype,"paginationItems",2),r([p({type:String,reflect:!0})],o.prototype,"variant",2),r([p({type:Boolean,reflect:!0})],o.prototype,"inverted",2),r([p({type:Boolean,reflect:!0})],o.prototype,"loop",2),r([p({type:Boolean,reflect:!0})],o.prototype,"autoplay",2),r([p({type:Number,attribute:"autoplay-interval",reflect:!0})],o.prototype,"autoplayInterval",2),r([p({type:Boolean,reflect:!0})],o.prototype,"fade",2),r([p({type:Number,attribute:"slides-per-page",reflect:!0})],o.prototype,"slidesPerPage",2),r([p({type:Number,attribute:"slides-per-move",reflect:!0})],o.prototype,"slidesPerMove",2),r([g("slot:not([name])")],o.prototype,"defaultSlot",2),r([g(".carousel__slides")],o.prototype,"scrollContainer",2),r([g(".carousel__pagination")],o.prototype,"paginationContainer",2),r([g(".carousel__announcement")],o.prototype,"announcementRegion",2),r([b()],o.prototype,"activeSlide",2),r([b()],o.prototype,"currentPage",2),r([b()],o.prototype,"pausedAutoplay",2),r([b()],o.prototype,"isFocused",2),r([v("pausedAutoplay")],o.prototype,"handlePausedAutoplay",1),r([v("fade",{waitUntilFirstUpdate:!0})],o.prototype,"handleFadeChange",1),r([v("loop",{waitUntilFirstUpdate:!0}),v("slidesPerPage",{waitUntilFirstUpdate:!0})],o.prototype,"initializeSlides",1),r([v("activeSlide")],o.prototype,"handleSlideChange",1),r([v("slidesPerMove")],o.prototype,"handleSlidesPerMoveChange",1),r([v("autoplay")],o.prototype,"handleAutoplayChange",1),r([v("autoplayInterval")],o.prototype,"handleautoplayIntervalChange",1),o=r([E("sd-carousel")],o);export{o as a};
-/*! Bundled license information:
-
-lit-html/directives/map.js:
-lit-html/directives/range.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn-versioned/chunks/chunk.5SQTIWWY.js

@@ -1,12 +0,0 @@
-import{a as $}from"./chunk.BJBQEPZV.js";import{a as k}from"./chunk.EOXYPQZI.js";import{a as C}from"./chunk.N4L76IWF.js";import{a as T}from"./chunk.CBQWVOOS.js";import{a as _}from"./chunk.MEDJPDBB.js";import{a as l}from"./chunk.4ZZFYCXX.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as E,b as p,c as b,d as g,e as A,h as S}from"./chunk.J45556RK.js";import{b as P,e as m}from"./chunk.OBAEIKIV.js";import{d as M}from"./chunk.W4QBFD6E.js";import{e as r}from"./chunk.6EV4YU6C.js";function L(u,h,e){let i=t=>Object.is(t,-0)?0:t;return u<h?i(h):u>e?i(e):i(u)}function*I(u,h){if(u!==void 0){let e=0;for(let i of u)yield h(i,e++)}}function*O(u,h,e=1){let i=h===void 0?0:u;h!=null||(h=u);for(let t=i;e>0?t<h:h<t;t+=e)yield t}var o=class extends S{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.autoplayInterval=5;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.isFocused=!1;this.autoplayController=new T(this,()=>{this.isFocused||this.next()});this.scrollController=new k(this);this.slides=this.getElementsByTagName("sd-7-0-2-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new _(this);this.userInteracted=!1;this.fadeController=new $(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>C.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction)),this.addEventListener("focusin",this.handleFocus),this.addEventListener("focusout",this.handleBlur),this.addEventListener("keydown",this.handleKeyDown);let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.removeEventListener("focusin",this.handleFocus),this.removeEventListener("focusout",this.handleBlur),this.removeEventListener("keydown",this.handleKeyDown),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,n=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",c=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),c&&this.previous(),n&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var a;let d=(a=this.shadowRoot)==null?void 0:a.querySelector('[part~="pagination-item--active"]');d&&d.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.isFocused=!0}handleBlur(){this.isFocused=!1}getSlideText(e){var n;let i=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ALL),s=t.nextNode();for(;s;){if(s.nodeType===Node.TEXT_NODE){let c=(n=s.textContent)==null?void 0:n.trim();c&&i.push(c)}else s instanceof HTMLImageElement&&s.alt&&i.push(s.alt);s=t.nextNode()}return i.join(" ")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){this.pausedAutoplay?this.autoplayController.stop():this.autoplay&&this.autoplayController.start(this.autoplayInterval*1e3)}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),n=e.slice(0,t);s.reverse().forEach((c,d)=>{let a=c.cloneNode(!0);a.setAttribute("data-clone",String(e.length-d-1)),this.prepend(a)}),n.forEach((c,d)=>{let a=c.cloneNode(!0);a.setAttribute("data-clone",String(d)),this.append(a)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,n)=>{s.classList.toggle("--is-active",n===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);if(this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&(this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}}),this.announcementRegion)){let s=this.getSlideText(e[this.activeSlide]),n=this.localize.term("slideNum",this.activeSlide+1,e.length);requestAnimationFrame(()=>{this.announcementRegion.textContent=s?`${s} ${n}`:n})}let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(this.autoplayInterval*1e3)}handleautoplayIntervalChange(){!this.autoplay||this.pausedAutoplay||(this.autoplayController.stop(),this.autoplayController.start(this.autoplayInterval*1e3))}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:n,fade:c}=this,d=this.getSlides(),a=this.getSlides({excludeClones:!1}),f=(e+d.length)%d.length;if(this.activeSlide=f,c)return;let y=L(e+(s?t:0),0,a.length+1),B=a[y],w=n.getBoundingClientRect(),x=B.getBoundingClientRect();if(n.scrollTo({left:x.left-w.left+n.scrollLeft,top:x.top-w.top+n.scrollTop,behavior:M()?"auto":i}),this.userInteracted&&!this.loop){let z=this.activeSlide===d.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,F=this.activeSlide===0;z?this.previousButton.focus({preventScroll:!0}):F&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),n=this.loop||s>1,c=this.loop||s<t,d=this.localize.dir()==="ltr";return m`<div part="base" class="${l("carousel h-full w-full relative")}"><button class="${l("ml-6 !rounded-sm","!absolute !bottom-0 !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.pausedAutoplay?this.localize.term("startAutoplay"):this.localize.term("stopAutoplay")}" aria-pressed="true" @click="${a=>{this.pausedAutoplay=!this.pausedAutoplay,a.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${l(this.pausedAutoplay?"":"hidden")}"><sd-7-0-2-icon class="h-6 w-6 grid place-items-center" library="_internal" name="play"></sd-7-0-2-icon></slot><slot name="autoplay-pause" class="${l(this.pausedAutoplay?"hidden":"")}"><sd-7-0-2-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-7-0-2-icon></slot></button><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="${l("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="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(a=>!a.hasAttribute("data-clone")).length)}" tabindex="0" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${l("w-full flex items-center justify-center relative")}"><div part="navigation" class="${l("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!n}" class="${l("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!n&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${n?"false":"true"}" @click="${n?a=>{this.previous(),this.unblockAutoplay(a,this.previousButton)}:null}"><slot name="previous-icon"><sd-7-0-2-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-bottom":"chevron-top"}"></sd-7-0-2-icon></slot></button> ${this.variant==="dot"?m`<div part="pagination-dot" role="tablist" class="${l("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${I(O(t),a=>{let f=a+1===s;return m`<button part="pagination-item ${f?"pagination-item--active":""}" class="${l("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",f?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${f?"true":"false"}" aria-label="${this.localize.term("goToSlide",a+1,t)}" @click="${y=>{this.goToSlide(a*i),this.unblockAutoplay(y,this.paginationItems[a])}}"><span class="${l("h-4 w-4 block border sd-7-0-2-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",this.inverted?"sd-7-0-2-carousel__pager-dot--inverted-border hover:border-primary-200":"border-primary hover:border-primary-500",f&&"border-none",f?this.inverted?"sd-7-0-2-carousel__pager-dot--inverted-background hover:sd-7-0-2-carousel__pager-dot--inverted--hovered-background":"sd-7-0-2-carousel__pager-dot-background hover:bg-accent-550":"")}"></span></button>`})}</div>`:m`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${l("w-5 text-center border-b-2",this.inverted?"text-white sd-7-0-2-carousel--active--inverted-color-border":"text-black sd-7-0-2-carousel--active-color-border")}">${s}</span> <span part="pagination-divider" class="${l("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${l("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!c}" class="${l("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!c&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${c?"false":"true"}" @click="${c?a=>{this.next(),this.unblockAutoplay(a,this.nextButton)}:null}"><slot name="next-icon"><sd-7-0-2-icon class="${l("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${d?"chevron-top":"chevron-bottom"}"></sd-7-0-2-icon></slot></button></div></div></div>`}};o.styles=[...S.styles,P`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}[part=autoplay-controls]{z-index:1}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-7-0-2-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}`],r([g('[part~="autoplay-controls"]')],o.prototype,"autoplayControls",2),r([g('[part~="navigation-button--previous"]')],o.prototype,"previousButton",2),r([g('[part~="navigation-button--next"]')],o.prototype,"nextButton",2),r([A('[part~="pagination-item"]')],o.prototype,"paginationItems",2),r([p({type:String,reflect:!0})],o.prototype,"variant",2),r([p({type:Boolean,reflect:!0})],o.prototype,"inverted",2),r([p({type:Boolean,reflect:!0})],o.prototype,"loop",2),r([p({type:Boolean,reflect:!0})],o.prototype,"autoplay",2),r([p({type:Number,attribute:"autoplay-interval",reflect:!0})],o.prototype,"autoplayInterval",2),r([p({type:Boolean,reflect:!0})],o.prototype,"fade",2),r([p({type:Number,attribute:"slides-per-page",reflect:!0})],o.prototype,"slidesPerPage",2),r([p({type:Number,attribute:"slides-per-move",reflect:!0})],o.prototype,"slidesPerMove",2),r([g("slot:not([name])")],o.prototype,"defaultSlot",2),r([g(".carousel__slides")],o.prototype,"scrollContainer",2),r([g(".carousel__pagination")],o.prototype,"paginationContainer",2),r([g(".carousel__announcement")],o.prototype,"announcementRegion",2),r([b()],o.prototype,"activeSlide",2),r([b()],o.prototype,"currentPage",2),r([b()],o.prototype,"pausedAutoplay",2),r([b()],o.prototype,"isFocused",2),r([v("pausedAutoplay")],o.prototype,"handlePausedAutoplay",1),r([v("fade",{waitUntilFirstUpdate:!0})],o.prototype,"handleFadeChange",1),r([v("loop",{waitUntilFirstUpdate:!0}),v("slidesPerPage",{waitUntilFirstUpdate:!0})],o.prototype,"initializeSlides",1),r([v("activeSlide")],o.prototype,"handleSlideChange",1),r([v("slidesPerMove")],o.prototype,"handleSlidesPerMoveChange",1),r([v("autoplay")],o.prototype,"handleAutoplayChange",1),r([v("autoplayInterval")],o.prototype,"handleautoplayIntervalChange",1),o=r([E("sd-7-0-2-carousel")],o);export{o as a};
-/*! Bundled license information:
-
-lit-html/directives/map.js:
-lit-html/directives/range.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/