@solid-design-system/components 3.20.2 → 3.20.3

package/dist/components/es/carousel.js

@@ -3,7 +3,7 @@ import"./icon.js";import{AutoplayController as e}from"./autoplay-controller.js";
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(e+(s?i:0),0,a.length+1),d=a[n],c=o.getBoundingClientRect(),p=d.getBoundingClientRect();o.scrollTo({left:p.left-c.left+o.scrollLeft,top:p.top-c.top+o.scrollTop,behavior:h()?"auto":t})}render(){const{scrollController:e,slidesPerPage:t}=this,i=S.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),r=S.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),a=this.loop||r>1,l=this.loop||r<i,n="ltr"===this.localize.dir();return s`<div part="base" class="${o("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${o("carousel__slides mb-6\n            grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n            snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${o("w-full flex items-center justify-center relative")}"><div part="navigation" class="${o("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!a}" class="${o("!mr-6 !rounded-sm sd-interactive",!a&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${a?"false":"true"}" @click="${a?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${o("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?s`<div part="pagination-dot" role="tablist" class="${o("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(e,t){if(void 0!==e){let i=0;for(const s of e)yield t(s,i++)}}
+ */(e+(s?i:0),0,a.length+1),d=a[n],c=o.getBoundingClientRect(),p=d.getBoundingClientRect();o.scrollTo({left:p.left-c.left+o.scrollLeft,top:p.top-c.top+o.scrollTop,behavior:h()?"auto":t})}render(){const{scrollController:e,slidesPerMove:t}=this,i=S.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),r=S.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),a=this.loop||r>1,l=this.loop||r<i,n="ltr"===this.localize.dir();return s`<div part="base" class="${o("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${o("carousel__slides mb-6\n            grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n            snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${o("w-full flex items-center justify-center relative")}"><div part="navigation" class="${o("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!a}" class="${o("!mr-6 !rounded-sm sd-interactive",!a&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${a?"false":"true"}" @click="${a?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${o("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?s`<div part="pagination-dot" role="tablist" class="${o("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(e,t){if(void 0!==e){let i=0;for(const s of e)yield t(s,i++)}}
 /**
  * @license
  * Copyright 2021 Google LLC

package/dist/components/umd/solid-components.js

@@ -78,7 +78,7 @@ const _r=t=>t??xe;var Pr=Object.defineProperty,Or=Object.getOwnPropertyDescripto
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(t+(r?i:0),0,a.length+1),d=a[l],h=o.getBoundingClientRect(),c=d.getBoundingClientRect();o.scrollTo({left:c.left-h.left+o.scrollLeft,top:c.top-h.top+o.scrollTop,behavior:Ci()?"auto":e})}render(){const{scrollController:t,slidesPerPage:e}=this,i=Kr.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),r=Kr.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),o=this.loop||r>1,s=this.loop||r<i,a="ltr"===this.localize.dir();return fe`<div part="base" class="${Ke("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${Ke("carousel__slides mb-6\n            grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n            snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${t.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${Ke("w-full flex items-center justify-center relative")}"><div part="navigation" class="${Ke("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!o}" class="${Ke("!mr-6 !rounded-sm sd-interactive",!o&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${o?"false":"true"}" @click="${o?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${Ke("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${a?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?fe`<div part="pagination-dot" role="tablist" class="${Ke("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(t,e){if(void 0!==t){let i=0;for(const r of t)yield e(r,i++)}}
+ */(t+(r?i:0),0,a.length+1),d=a[l],h=o.getBoundingClientRect(),c=d.getBoundingClientRect();o.scrollTo({left:c.left-h.left+o.scrollLeft,top:c.top-h.top+o.scrollTop,behavior:Ci()?"auto":e})}render(){const{scrollController:t,slidesPerMove:e}=this,i=Kr.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),r=Kr.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),o=this.loop||r>1,s=this.loop||r<i,a="ltr"===this.localize.dir();return fe`<div part="base" class="${Ke("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${Ke("carousel__slides mb-6\n            grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n            snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${t.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${Ke("w-full flex items-center justify-center relative")}"><div part="navigation" class="${Ke("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!o}" class="${Ke("!mr-6 !rounded-sm sd-interactive",!o&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${o?"false":"true"}" @click="${o?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${Ke("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${a?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?fe`<div part="pagination-dot" role="tablist" class="${Ke("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(t,e){if(void 0!==t){let i=0;for(const r of t)yield e(r,i++)}}
 /**
  * @license
  * Copyright 2021 Google LLC