@solid-design-system/components 5.15.8 → 5.15.10
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.FG6UWYSJ.js → chunk.EEEEBBEO.js} +1 -1
- package/cdn/chunks/chunk.I4X3XZE2.js +1 -0
- package/cdn/components/breadcrumb/breadcrumb.js +1 -1
- package/cdn/components/radio-button/radio-button.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +2 -2
- package/cdn/solid-components.iife.js +2 -2
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2ISKXAGO.js +1 -1
- package/cdn-versioned/chunks/chunk.2SZLINMB.js +1 -1
- package/cdn-versioned/chunks/chunk.32O6YP3U.js +1 -1
- package/cdn-versioned/chunks/chunk.4IWOUE76.js +1 -1
- package/cdn-versioned/chunks/chunk.5OMBHQPA.js +1 -1
- package/cdn-versioned/chunks/chunk.5W24KDFU.js +1 -1
- package/cdn-versioned/chunks/chunk.7QEBGL6Y.js +1 -1
- package/cdn-versioned/chunks/chunk.AJGWUW4E.js +1 -1
- package/cdn-versioned/chunks/chunk.ARAGTLEC.js +1 -1
- package/cdn-versioned/chunks/chunk.B3AC72EW.js +1 -1
- package/cdn-versioned/chunks/chunk.BANM4N77.js +1 -1
- package/cdn-versioned/chunks/chunk.CCMQCEZJ.js +1 -1
- package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
- package/cdn-versioned/chunks/chunk.CYW6I536.js +1 -1
- package/cdn-versioned/chunks/chunk.D6FN3FNE.js +1 -1
- package/cdn-versioned/chunks/chunk.D6IMYH3Q.js +1 -1
- package/cdn-versioned/chunks/chunk.DVKNQUHU.js +1 -1
- package/cdn-versioned/chunks/chunk.EEEEBBEO.js +1 -0
- package/cdn-versioned/chunks/chunk.F3XAK7C4.js +1 -1
- package/cdn-versioned/chunks/chunk.F7QW7F4F.js +1 -1
- package/cdn-versioned/chunks/chunk.FPJ2N37J.js +1 -1
- package/cdn-versioned/chunks/chunk.FQOZZTCK.js +1 -1
- package/cdn-versioned/chunks/chunk.FXVHSWNW.js +1 -1
- package/cdn-versioned/chunks/chunk.GFZEUCMA.js +1 -1
- package/cdn-versioned/chunks/chunk.GLIPGQCF.js +1 -1
- package/cdn-versioned/chunks/chunk.GSFHXYDA.js +1 -1
- package/cdn-versioned/chunks/chunk.GXH7FRMG.js +1 -1
- package/cdn-versioned/chunks/chunk.HJ4O4XQA.js +1 -1
- package/cdn-versioned/chunks/chunk.HSKVFAA5.js +1 -1
- package/cdn-versioned/chunks/chunk.HXTZNME5.js +1 -1
- package/cdn-versioned/chunks/chunk.I4X3XZE2.js +1 -0
- package/cdn-versioned/chunks/chunk.IDXOB3U5.js +2 -2
- package/cdn-versioned/chunks/chunk.IHOP5ZUO.js +1 -1
- package/cdn-versioned/chunks/chunk.IIZCWUXI.js +1 -1
- package/cdn-versioned/chunks/chunk.IKBD3TT3.js +1 -1
- package/cdn-versioned/chunks/chunk.J743YNA7.js +1 -1
- package/cdn-versioned/chunks/chunk.JZ6GZDIK.js +1 -1
- package/cdn-versioned/chunks/chunk.LMVYIGIS.js +1 -1
- package/cdn-versioned/chunks/chunk.MFRJXQSH.js +1 -1
- package/cdn-versioned/chunks/chunk.NRBNWX7R.js +1 -1
- package/cdn-versioned/chunks/chunk.OHV3OX65.js +1 -1
- package/cdn-versioned/chunks/chunk.OK6GNIXB.js +4 -4
- package/cdn-versioned/chunks/chunk.OXF3IL27.js +1 -1
- package/cdn-versioned/chunks/chunk.OYMGCYXV.js +1 -1
- package/cdn-versioned/chunks/chunk.P3DUIX2R.js +1 -1
- package/cdn-versioned/chunks/chunk.PO4DA6NA.js +1 -1
- package/cdn-versioned/chunks/chunk.QMJRCW7Z.js +1 -1
- package/cdn-versioned/chunks/chunk.R2ZX4H4Z.js +1 -1
- package/cdn-versioned/chunks/chunk.S62UDDDG.js +1 -1
- package/cdn-versioned/chunks/chunk.SAJJMXVB.js +1 -1
- package/cdn-versioned/chunks/chunk.SGYMVI3W.js +2 -2
- package/cdn-versioned/chunks/chunk.TLYSUPQV.js +1 -1
- package/cdn-versioned/chunks/chunk.TSB6QTAP.js +1 -1
- package/cdn-versioned/chunks/chunk.U5CISCXW.js +1 -1
- package/cdn-versioned/chunks/chunk.UDYXLKAX.js +1 -1
- package/cdn-versioned/chunks/chunk.VWL6GB47.js +1 -1
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WUM7JPR3.js +4 -4
- package/cdn-versioned/chunks/chunk.X2ABKMOB.js +1 -1
- package/cdn-versioned/chunks/chunk.YC4SBZ7I.js +1 -1
- package/cdn-versioned/chunks/chunk.YS5EGGO5.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/breadcrumb.js +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-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-button/radio-button.js +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.WDWZFQ4X.js → chunk.YEYB4POY.js} +1 -1
- package/dist/chunks/{chunk.QW32IQ37.js → chunk.YKV272PW.js} +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/components/radio-button/radio-button.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +5 -5
- 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.4CMRVAWO.js +6 -6
- package/dist-versioned/chunks/chunk.4PS5R3HQ.js +24 -24
- package/dist-versioned/chunks/chunk.55YNHA4Y.js +3 -3
- 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.AZRZJLYB.js +26 -26
- 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.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.QGSAYCDJ.js +5 -5
- package/dist-versioned/chunks/chunk.QIWHR4XZ.js +1 -1
- package/dist-versioned/chunks/chunk.RVZPI7LZ.js +8 -8
- package/dist-versioned/chunks/chunk.THYGJ3F3.js +2 -2
- package/dist-versioned/chunks/chunk.TLVK4R6I.js +3 -3
- package/dist-versioned/chunks/chunk.TUOYTASX.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.X4WBXLQO.js +1 -1
- package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
- package/dist-versioned/chunks/chunk.XIRK4KQ5.js +3 -3
- 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.Y62XG7YE.js +6 -6
- package/dist-versioned/chunks/chunk.Y7TQJEA7.js +2 -2
- package/dist-versioned/chunks/{chunk.WDWZFQ4X.js → chunk.YEYB4POY.js} +3 -3
- package/dist-versioned/chunks/chunk.YFRXAKBQ.js +1 -1
- package/dist-versioned/chunks/{chunk.QW32IQ37.js → chunk.YKV272PW.js} +6 -6
- 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/breadcrumb.js +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-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-button/radio-button.js +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 +5 -5
- 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.VBRJ4CE4.js +0 -1
- package/cdn-versioned/chunks/chunk.FG6UWYSJ.js +0 -1
- package/cdn-versioned/chunks/chunk.VBRJ4CE4.js +0 -1
|
@@ -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-10-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();
|
|
@@ -449,7 +449,7 @@ var SdCarousel = class extends SolidElement {
|
|
|
449
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) => {
|
|
450
450
|
this.previous();
|
|
451
451
|
this.unblockAutoplay(e, this.previousButton);
|
|
452
|
-
} : null}"><slot name="previous-icon"><sd-5-15-
|
|
452
|
+
} : null}"><slot name="previous-icon"><sd-5-15-10-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-5-15-10-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) => {
|
|
453
453
|
const isActive = index + 1 === currentPage;
|
|
454
454
|
return html`<button part="pagination-item ${isActive ? "pagination-item--active" : ""}" class="${cx(
|
|
455
455
|
"carousel__pagination-item",
|
|
@@ -472,7 +472,7 @@ var SdCarousel = class extends SolidElement {
|
|
|
472
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) => {
|
|
473
473
|
this.next();
|
|
474
474
|
this.unblockAutoplay(e, this.nextButton);
|
|
475
|
-
} : null}"><slot name="next-icon"><sd-5-15-
|
|
475
|
+
} : null}"><slot name="next-icon"><sd-5-15-10-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-5-15-10-icon></slot></button></div><button class="${cx(
|
|
476
476
|
"ml-6 !rounded-sm",
|
|
477
477
|
"!absolute !right-0 sd-interactive",
|
|
478
478
|
this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset",
|
|
@@ -482,12 +482,12 @@ var SdCarousel = class extends SolidElement {
|
|
|
482
482
|
if (e.detail) {
|
|
483
483
|
this.autoplayControls.blur();
|
|
484
484
|
}
|
|
485
|
-
}}"><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-10-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-5-15-10-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-10-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-5-15-10-icon></slot></button></div></div>`;
|
|
486
486
|
}
|
|
487
487
|
};
|
|
488
488
|
SdCarousel.styles = [
|
|
489
489
|
...SolidElement.styles,
|
|
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-
|
|
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-10-button::part(label){align-items:center;display:flex;flex:1 1 auto;pointer-events:none}`
|
|
491
491
|
];
|
|
492
492
|
__decorateClass([
|
|
493
493
|
query('[part~="autoplay-controls"]')
|
|
@@ -560,7 +560,7 @@ __decorateClass([
|
|
|
560
560
|
watch("autoplay")
|
|
561
561
|
], SdCarousel.prototype, "handleAutoplayChange", 1);
|
|
562
562
|
SdCarousel = __decorateClass([
|
|
563
|
-
customElement("sd-5-15-
|
|
563
|
+
customElement("sd-5-15-10-carousel")
|
|
564
564
|
], SdCarousel);
|
|
565
565
|
|
|
566
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-10-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-10-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-10-step")
|
|
199
199
|
], SdStep);
|
|
200
200
|
|
|
201
201
|
export {
|
|
@@ -66,7 +66,7 @@ var SdRadioButton = class extends SolidElement {
|
|
|
66
66
|
return html`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked ? " button--checked" : ""}`}" role="radio" aria-checked="${this.checked}" class="${cx(
|
|
67
67
|
"relative text-center rounded-full transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",
|
|
68
68
|
this.size === "sm" ? "text-sm" : "text-base",
|
|
69
|
-
this.checked && !this.disabled && !this.visuallyDisabled ? "bg-primary text-white hover:bg-primary-500" : (this.disabled || this.visuallyDisabled)
|
|
69
|
+
this.checked && !this.disabled && !this.visuallyDisabled ? "bg-primary text-white hover:bg-primary-500" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent text-primary border-primary hover:text-primary-500 cursor-pointer",
|
|
70
70
|
hasDefaultSlot && {
|
|
71
71
|
sm: "px-3",
|
|
72
72
|
md: "px-4",
|
|
@@ -88,7 +88,7 @@ var SdRadioButton = class extends SolidElement {
|
|
|
88
88
|
};
|
|
89
89
|
SdRadioButton.styles = [
|
|
90
90
|
...SolidElement.styles,
|
|
91
|
-
css`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-5-15-
|
|
91
|
+
css`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-5-15-10-button-group__button:not(.sd-5-15-10-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem)*-1)}:host([size=md].sd-5-15-10-button-group__button:not(.sd-5-15-10-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem)*-1)}:host([size=sm].sd-5-15-10-button-group__button:not(.sd-5-15-10-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem)*-1)}:host(.sd-5-15-10-button-group__button--hover){z-index:20}:host(.sd-5-15-10-button-group__button--focus),:host(.sd-5-15-10-button-group__button[checked]){z-index:10}`
|
|
92
92
|
];
|
|
93
93
|
__decorateClass([
|
|
94
94
|
query(".button")
|
|
@@ -118,7 +118,7 @@ __decorateClass([
|
|
|
118
118
|
watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
|
|
119
119
|
], SdRadioButton.prototype, "handleDisabledChange", 1);
|
|
120
120
|
SdRadioButton = __decorateClass([
|
|
121
|
-
customElement("sd-5-15-
|
|
121
|
+
customElement("sd-5-15-10-radio-button")
|
|
122
122
|
], SdRadioButton);
|
|
123
123
|
|
|
124
124
|
export {
|
|
@@ -22,7 +22,7 @@ var SdBreadcrumb = class extends SolidElement {
|
|
|
22
22
|
this.isTruncated = false;
|
|
23
23
|
}
|
|
24
24
|
get items() {
|
|
25
|
-
return this.querySelectorAll("sd-5-15-
|
|
25
|
+
return this.querySelectorAll("sd-5-15-10-breadcrumb-item");
|
|
26
26
|
}
|
|
27
27
|
cacheItemPositions() {
|
|
28
28
|
this.items.forEach((item) => {
|
|
@@ -67,12 +67,12 @@ var SdBreadcrumb = class extends SolidElement {
|
|
|
67
67
|
}
|
|
68
68
|
handleMobileChevron() {
|
|
69
69
|
var _a, _b, _c;
|
|
70
|
-
const icon = document.createElement("sd-5-15-
|
|
70
|
+
const icon = document.createElement("sd-5-15-10-icon");
|
|
71
71
|
icon.setAttribute("slot", "icon-left");
|
|
72
72
|
icon.setAttribute("library", "_internal");
|
|
73
73
|
icon.setAttribute("name", "chevron-left");
|
|
74
74
|
icon.setAttribute("class", "text-base me-1 lg:hidden");
|
|
75
|
-
(_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-
|
|
75
|
+
(_c = (_b = (_a = Array.from(this.items).at(-2)) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-10-link")) == null ? void 0 : _c.appendChild(icon);
|
|
76
76
|
}
|
|
77
77
|
handleSlotChange() {
|
|
78
78
|
this.handleMobileChevron();
|
|
@@ -87,12 +87,12 @@ var SdBreadcrumb = class extends SolidElement {
|
|
|
87
87
|
this.resizeObserver.unobserve(this);
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-15-
|
|
90
|
+
return html`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-15-10-dropdown part="truncated" class="${cx(!this.isTruncated && "absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated ? "0" : "-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-15-10-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`;
|
|
91
91
|
}
|
|
92
92
|
};
|
|
93
93
|
SdBreadcrumb.styles = [
|
|
94
94
|
...SolidElement.styles,
|
|
95
|
-
css`:host{display:block;position:relative}::slotted(sd-5-15-
|
|
95
|
+
css`:host{display:block;position:relative}::slotted(sd-5-15-10-breadcrumb-item:not(:last-of-type)):after,sd-5-15-10-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-15-10-breadcrumb-item:not(:last-of-type)):after,sd-5-15-10-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-15-10-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-15-10-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-15-10-breadcrumb-item),sd-5-15-10-dropdown{align-items:center;display:none;font-size:var(--sd-font-size-sm,.875rem)}@media (min-width:1024px){::slotted(sd-5-15-10-breadcrumb-item),sd-5-15-10-dropdown{display:flex}}`
|
|
96
96
|
];
|
|
97
97
|
__decorateClass([
|
|
98
98
|
query('[part="base"]')
|
|
@@ -116,7 +116,7 @@ __decorateClass([
|
|
|
116
116
|
state()
|
|
117
117
|
], SdBreadcrumb.prototype, "isTruncated", 2);
|
|
118
118
|
SdBreadcrumb = __decorateClass([
|
|
119
|
-
customElement("sd-5-15-
|
|
119
|
+
customElement("sd-5-15-10-breadcrumb")
|
|
120
120
|
], SdBreadcrumb);
|
|
121
121
|
|
|
122
122
|
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-10-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-10-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-10-carousel-item")
|
|
29
29
|
], SdCarouselItem);
|
|
30
30
|
|
|
31
31
|
export {
|