@solid-design-system/components 5.15.5 → 5.15.6
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.
- package/cdn/chunks/chunk.6NSE3DZZ.js +11 -0
- package/cdn/components/carousel/carousel.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +1 -1
- package/cdn/solid-components.iife.js +1 -1
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2HR2JHBL.js +1 -1
- package/cdn-versioned/chunks/chunk.35XMPPY5.js +1 -1
- package/cdn-versioned/chunks/chunk.3OGPT34F.js +1 -1
- package/cdn-versioned/chunks/chunk.4OSXAE67.js +1 -1
- package/cdn-versioned/chunks/chunk.4VGPLUHG.js +1 -1
- package/cdn-versioned/chunks/chunk.5FGVDYO4.js +1 -1
- package/cdn-versioned/chunks/chunk.5UU57WGX.js +1 -1
- package/cdn-versioned/chunks/chunk.5YR2BW6Z.js +1 -1
- package/cdn-versioned/chunks/chunk.6DD53IIK.js +1 -1
- package/cdn-versioned/chunks/chunk.6DEKOOVF.js +1 -1
- package/cdn-versioned/chunks/chunk.6DJJYTKZ.js +2 -2
- package/cdn-versioned/chunks/chunk.6LY4CQS5.js +1 -1
- package/cdn-versioned/chunks/chunk.6NSE3DZZ.js +11 -0
- package/cdn-versioned/chunks/chunk.77KBPY6M.js +1 -1
- package/cdn-versioned/chunks/chunk.7GJAULJA.js +1 -1
- package/cdn-versioned/chunks/chunk.7JV32P5Q.js +1 -1
- package/cdn-versioned/chunks/chunk.7ZT7XD7H.js +1 -1
- package/cdn-versioned/chunks/chunk.AVWCANBI.js +1 -1
- package/cdn-versioned/chunks/chunk.BGKGDPBP.js +1 -1
- package/cdn-versioned/chunks/chunk.C2K5FJG6.js +1 -1
- package/cdn-versioned/chunks/chunk.CE5ZCTLG.js +1 -1
- package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
- package/cdn-versioned/chunks/chunk.CNOQLSAS.js +4 -4
- package/cdn-versioned/chunks/chunk.DKTLAKVD.js +1 -1
- package/cdn-versioned/chunks/chunk.EBQAL4SG.js +1 -1
- package/cdn-versioned/chunks/chunk.EC63I62M.js +1 -1
- package/cdn-versioned/chunks/chunk.ENG4CGOQ.js +1 -1
- package/cdn-versioned/chunks/chunk.EWX245UT.js +1 -1
- package/cdn-versioned/chunks/chunk.GB43ZI2M.js +1 -1
- package/cdn-versioned/chunks/chunk.GC5HUEMT.js +4 -4
- package/cdn-versioned/chunks/chunk.GJAPEOYB.js +1 -1
- package/cdn-versioned/chunks/chunk.GVD7DPUX.js +1 -1
- package/cdn-versioned/chunks/chunk.HVSHE3SX.js +1 -1
- package/cdn-versioned/chunks/chunk.IHKACSKZ.js +1 -1
- package/cdn-versioned/chunks/chunk.IQ4XSBN6.js +1 -1
- package/cdn-versioned/chunks/chunk.JGGJ7DHB.js +1 -1
- package/cdn-versioned/chunks/chunk.KD3QQ6GF.js +1 -1
- package/cdn-versioned/chunks/chunk.LFTOGDCS.js +1 -1
- package/cdn-versioned/chunks/chunk.LUHUBO4Y.js +1 -1
- package/cdn-versioned/chunks/chunk.LZDITSGD.js +1 -1
- package/cdn-versioned/chunks/chunk.M4XF4HY6.js +2 -2
- package/cdn-versioned/chunks/chunk.N4VPOI2K.js +1 -1
- package/cdn-versioned/chunks/chunk.O6KTLPCX.js +1 -1
- package/cdn-versioned/chunks/chunk.OLYZZSH7.js +1 -1
- package/cdn-versioned/chunks/chunk.OZ4RSXMQ.js +1 -1
- package/cdn-versioned/chunks/chunk.Q3NMER3S.js +1 -1
- package/cdn-versioned/chunks/chunk.QVM2KJMY.js +1 -1
- package/cdn-versioned/chunks/chunk.RBVN4ZNT.js +1 -1
- package/cdn-versioned/chunks/chunk.RCDKFEMZ.js +1 -1
- package/cdn-versioned/chunks/chunk.RPGHXS3H.js +1 -1
- package/cdn-versioned/chunks/chunk.RW5KPI4Z.js +1 -1
- package/cdn-versioned/chunks/chunk.RYTJY7J3.js +1 -1
- package/cdn-versioned/chunks/chunk.SBW3IQVN.js +1 -1
- package/cdn-versioned/chunks/chunk.SOCURUDK.js +1 -1
- package/cdn-versioned/chunks/chunk.UQR7JBGF.js +1 -1
- package/cdn-versioned/chunks/chunk.VPFGICJP.js +1 -1
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WG74SLXL.js +1 -1
- package/cdn-versioned/chunks/chunk.WZDZQ6LB.js +1 -1
- package/cdn-versioned/chunks/chunk.X3PHFNB7.js +1 -1
- package/cdn-versioned/chunks/chunk.ZRK4JWRJ.js +1 -1
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.js +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +238 -238
- package/cdn-versioned/internal/form.js +3 -3
- package/cdn-versioned/solid-components.bundle.js +14 -14
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +14 -14
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +91 -91
- package/cdn-versioned/web-types.json +154 -154
- package/dist/chunks/{chunk.2AQLDT5K.js → chunk.Y62XG7YE.js} +17 -1
- package/dist/components/carousel/carousel.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +4 -4
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.257BQ5G3.js +2 -2
- package/dist-versioned/chunks/chunk.2TPMKDGR.js +1 -1
- package/dist-versioned/chunks/chunk.2Z23SMCT.js +2 -2
- package/dist-versioned/chunks/chunk.34JZVZG6.js +2 -2
- package/dist-versioned/chunks/chunk.45EBRFJS.js +1 -1
- package/dist-versioned/chunks/chunk.4CMRVAWO.js +6 -6
- package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
- package/dist-versioned/chunks/chunk.6S62Y3SN.js +2 -2
- package/dist-versioned/chunks/chunk.A6F5UBS5.js +1 -1
- package/dist-versioned/chunks/chunk.AO5E3XWU.js +2 -2
- package/dist-versioned/chunks/chunk.C7HV6GLS.js +1 -1
- package/dist-versioned/chunks/chunk.CWOPJ6AE.js +2 -2
- package/dist-versioned/chunks/chunk.CYAZC6LN.js +3 -3
- package/dist-versioned/chunks/chunk.CZ5NVXDL.js +2 -2
- package/dist-versioned/chunks/chunk.DC7DGLHJ.js +1 -1
- package/dist-versioned/chunks/chunk.DT3ZL7JI.js +12 -12
- package/dist-versioned/chunks/chunk.ELPOH7TW.js +11 -11
- package/dist-versioned/chunks/chunk.F2UZ5T7G.js +5 -5
- package/dist-versioned/chunks/chunk.GCRESMVG.js +3 -3
- package/dist-versioned/chunks/chunk.HBX6PDXK.js +4 -4
- package/dist-versioned/chunks/chunk.IJ2YK4AW.js +4 -4
- package/dist-versioned/chunks/chunk.IJIJ7YVU.js +1 -1
- package/dist-versioned/chunks/chunk.ILB62SSN.js +3 -3
- package/dist-versioned/chunks/chunk.IYSGB2DQ.js +5 -5
- package/dist-versioned/chunks/chunk.J3K6PVKE.js +2 -2
- package/dist-versioned/chunks/chunk.JSVTNGBN.js +2 -2
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KENPSAUU.js +1 -1
- package/dist-versioned/chunks/chunk.KZLAI4DK.js +1 -1
- package/dist-versioned/chunks/chunk.LNGJFVKN.js +2 -2
- package/dist-versioned/chunks/chunk.M55G2PHP.js +2 -2
- package/dist-versioned/chunks/chunk.MDZHXHUH.js +3 -3
- package/dist-versioned/chunks/chunk.MML77VKL.js +2 -2
- package/dist-versioned/chunks/chunk.NR3OWI4Y.js +1 -1
- package/dist-versioned/chunks/chunk.NSCG7U5D.js +14 -14
- package/dist-versioned/chunks/chunk.NZFEW5QU.js +1 -1
- package/dist-versioned/chunks/chunk.PAGQREWS.js +4 -4
- package/dist-versioned/chunks/chunk.PUT4BQ4M.js +5 -5
- package/dist-versioned/chunks/chunk.PVFVGCKE.js +1 -1
- package/dist-versioned/chunks/chunk.QENOXTAG.js +26 -26
- package/dist-versioned/chunks/chunk.QGSAYCDJ.js +5 -5
- package/dist-versioned/chunks/chunk.QIWHR4XZ.js +1 -1
- package/dist-versioned/chunks/chunk.QW32IQ37.js +6 -6
- package/dist-versioned/chunks/chunk.RVZPI7LZ.js +8 -8
- package/dist-versioned/chunks/chunk.THYGJ3F3.js +2 -2
- package/dist-versioned/chunks/chunk.TUOYTASX.js +3 -3
- package/dist-versioned/chunks/chunk.U44CWPXO.js +3 -3
- package/dist-versioned/chunks/chunk.U6LFASA7.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.WDWZFQ4X.js +2 -2
- package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
- package/dist-versioned/chunks/chunk.XIRK4KQ5.js +3 -3
- package/dist-versioned/chunks/chunk.XK3MBLKI.js +24 -24
- package/dist-versioned/chunks/chunk.XVNT7HIE.js +1 -1
- package/dist-versioned/chunks/chunk.XX3EFOOF.js +3 -3
- package/dist-versioned/chunks/chunk.XZDQNDB2.js +12 -12
- package/dist-versioned/chunks/{chunk.2AQLDT5K.js → chunk.Y62XG7YE.js} +23 -7
- package/dist-versioned/chunks/chunk.Y7TQJEA7.js +2 -2
- package/dist-versioned/chunks/chunk.YFRXAKBQ.js +1 -1
- package/dist-versioned/chunks/chunk.YXP3Q4D5.js +2 -2
- package/dist-versioned/chunks/chunk.ZNPGMZAM.js +1 -1
- package/dist-versioned/components/accordion/accordion.d.ts +1 -1
- package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist-versioned/components/animation/animation.d.ts +1 -1
- package/dist-versioned/components/audio/audio.d.ts +1 -1
- package/dist-versioned/components/badge/badge.d.ts +1 -1
- package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/dist-versioned/components/button/button.d.ts +1 -1
- package/dist-versioned/components/button-group/button-group.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.js +1 -1
- package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.d.ts +1 -1
- package/dist-versioned/components/dialog/dialog.d.ts +1 -1
- package/dist-versioned/components/divider/divider.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.d.ts +1 -1
- package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/dist-versioned/components/expandable/expandable.d.ts +1 -1
- package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/dist-versioned/components/header/header.d.ts +1 -1
- package/dist-versioned/components/icon/icon.d.ts +1 -1
- package/dist-versioned/components/include/include.d.ts +1 -1
- package/dist-versioned/components/input/input.d.ts +1 -1
- package/dist-versioned/components/link/link.d.ts +1 -1
- package/dist-versioned/components/loader/loader.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/menu/menu.d.ts +1 -1
- package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist-versioned/components/notification/notification.d.ts +1 -1
- package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/dist-versioned/components/option/option.d.ts +1 -1
- package/dist-versioned/components/popup/popup.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +238 -238
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +4 -4
- package/dist-versioned/vscode.html-custom-data.json +91 -91
- package/dist-versioned/web-types.json +154 -154
- package/package.json +1 -1
- package/cdn/chunks/chunk.G43QKY2C.js +0 -11
- package/cdn-versioned/chunks/chunk.G43QKY2C.js +0 -11
|
@@ -60,7 +60,7 @@ var SdCarousel = class extends SolidElement {
|
|
|
60
60
|
this.pausedAutoplay = false;
|
|
61
61
|
this.autoplayController = new AutoplayController(this, () => this.next());
|
|
62
62
|
this.scrollController = new ScrollController(this);
|
|
63
|
-
this.slides = this.getElementsByTagName("sd-5-15-
|
|
63
|
+
this.slides = this.getElementsByTagName("sd-5-15-6-carousel-item");
|
|
64
64
|
// determines which slide is displayed
|
|
65
65
|
// A map containing the state of all the slides
|
|
66
66
|
this.intersectionObserverEntries = /* @__PURE__ */ new Map();
|
|
@@ -120,7 +120,23 @@ var SdCarousel = class extends SolidElement {
|
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
async firstUpdated() {
|
|
123
|
-
|
|
123
|
+
const areSlidesReady = (() => {
|
|
124
|
+
const slides = this.getSlides({ excludeClones: false });
|
|
125
|
+
return slides.length > 0 && slides[0].getBoundingClientRect().width > 0;
|
|
126
|
+
})();
|
|
127
|
+
if (areSlidesReady) {
|
|
128
|
+
this.initializeSlides();
|
|
129
|
+
} else {
|
|
130
|
+
const initObserver = new IntersectionObserver((entries) => {
|
|
131
|
+
entries.forEach((entry) => {
|
|
132
|
+
if (entry.isIntersecting && entry.target.getBoundingClientRect().width > 0) {
|
|
133
|
+
this.initializeSlides();
|
|
134
|
+
initObserver.disconnect();
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
initObserver.observe(this);
|
|
139
|
+
}
|
|
124
140
|
this.mutationObserver = new MutationObserver(this.handleSlotChange);
|
|
125
141
|
this.mutationObserver.observe(this, { childList: true, subtree: false });
|
|
126
142
|
if (this.fade) {
|
|
@@ -433,7 +449,7 @@ var SdCarousel = class extends SolidElement {
|
|
|
433
449
|
)}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
|
|
434
450
|
this.previous();
|
|
435
451
|
this.unblockAutoplay(e, this.previousButton);
|
|
436
|
-
} : null}"><slot name="previous-icon"><sd-5-15-
|
|
452
|
+
} : null}"><slot name="previous-icon"><sd-5-15-6-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-5-15-6-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) => {
|
|
437
453
|
const isActive = index + 1 === currentPage;
|
|
438
454
|
return html`<button part="pagination-item ${isActive ? "pagination-item--active" : ""}" class="${cx(
|
|
439
455
|
"carousel__pagination-item",
|
|
@@ -456,7 +472,7 @@ var SdCarousel = class extends SolidElement {
|
|
|
456
472
|
)}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
|
|
457
473
|
this.next();
|
|
458
474
|
this.unblockAutoplay(e, this.nextButton);
|
|
459
|
-
} : null}"><slot name="next-icon"><sd-5-15-
|
|
475
|
+
} : null}"><slot name="next-icon"><sd-5-15-6-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-5-15-6-icon></slot></button></div><button class="${cx(
|
|
460
476
|
"ml-6 !rounded-sm",
|
|
461
477
|
"!absolute !right-0 sd-interactive",
|
|
462
478
|
this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset",
|
|
@@ -466,12 +482,12 @@ var SdCarousel = class extends SolidElement {
|
|
|
466
482
|
if (e.detail) {
|
|
467
483
|
this.autoplayControls.blur();
|
|
468
484
|
}
|
|
469
|
-
}}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-
|
|
485
|
+
}}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-6-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-5-15-6-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-6-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-5-15-6-icon></slot></button></div></div>`;
|
|
470
486
|
}
|
|
471
487
|
};
|
|
472
488
|
SdCarousel.styles = [
|
|
473
489
|
...SolidElement.styles,
|
|
474
|
-
css`: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));-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);grid-auto-columns:var(--slide-size);padding-inline:var(--scroll-hint);scroll-padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{display:block;height:var(--carousel-height);overflow:hidden;position:relative}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-5-15-
|
|
490
|
+
css`: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));-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);grid-auto-columns:var(--slide-size);padding-inline:var(--scroll-hint);scroll-padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{display:block;height:var(--carousel-height);overflow:hidden;position:relative}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-5-15-6-button::part(label){align-items:center;display:flex;flex:1 1 auto;pointer-events:none}`
|
|
475
491
|
];
|
|
476
492
|
__decorateClass([
|
|
477
493
|
query('[part~="autoplay-controls"]')
|
|
@@ -544,7 +560,7 @@ __decorateClass([
|
|
|
544
560
|
watch("autoplay")
|
|
545
561
|
], SdCarousel.prototype, "handleAutoplayChange", 1);
|
|
546
562
|
SdCarousel = __decorateClass([
|
|
547
|
-
customElement("sd-5-15-
|
|
563
|
+
customElement("sd-5-15-6-carousel")
|
|
548
564
|
], SdCarousel);
|
|
549
565
|
|
|
550
566
|
export {
|
|
@@ -105,7 +105,7 @@ var SdStep = class extends SolidElement {
|
|
|
105
105
|
"text-lg",
|
|
106
106
|
!this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
|
|
107
107
|
this.notInteractive && "text-primary"
|
|
108
|
-
)}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-
|
|
108
|
+
)}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-6-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-6-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
|
|
109
109
|
"flex w-full",
|
|
110
110
|
hasLabel && "gap-2",
|
|
111
111
|
this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
|
|
@@ -195,7 +195,7 @@ __decorateClass([
|
|
|
195
195
|
watch("notInteractive")
|
|
196
196
|
], SdStep.prototype, "handleInteractivityChange", 1);
|
|
197
197
|
SdStep = __decorateClass([
|
|
198
|
-
customElement("sd-5-15-
|
|
198
|
+
customElement("sd-5-15-6-step")
|
|
199
199
|
], SdStep);
|
|
200
200
|
|
|
201
201
|
export {
|
|
@@ -18,7 +18,7 @@ var SdTabPanel = class extends SolidElement {
|
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
20
|
this.attrId = ++id;
|
|
21
|
-
this.componentId = `sd-5-15-
|
|
21
|
+
this.componentId = `sd-5-15-6-tab-panel-${this.attrId}`;
|
|
22
22
|
this.name = "";
|
|
23
23
|
this.active = false;
|
|
24
24
|
}
|
|
@@ -48,7 +48,7 @@ __decorateClass([
|
|
|
48
48
|
watch("active")
|
|
49
49
|
], SdTabPanel.prototype, "handleActiveChange", 1);
|
|
50
50
|
SdTabPanel = __decorateClass([
|
|
51
|
-
customElement("sd-5-15-
|
|
51
|
+
customElement("sd-5-15-6-tab-panel")
|
|
52
52
|
], SdTabPanel);
|
|
53
53
|
|
|
54
54
|
export {
|
|
@@ -25,7 +25,7 @@ SdCarouselItem.styles = [
|
|
|
25
25
|
css`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`
|
|
26
26
|
];
|
|
27
27
|
SdCarouselItem = __decorateClass([
|
|
28
|
-
customElement("sd-5-15-
|
|
28
|
+
customElement("sd-5-15-6-carousel-item")
|
|
29
29
|
], SdCarouselItem);
|
|
30
30
|
|
|
31
31
|
export {
|