@solid-design-system/components 5.17.0 → 5.17.1
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/components/datepicker/datepicker.d.ts +3 -0
- package/cdn/components/datepicker/datepicker.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +2 -2
- 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.23JJBCLW.js +1 -1
- package/cdn-versioned/chunks/chunk.2D3B6W4C.js +1 -1
- package/cdn-versioned/chunks/chunk.2RPN4LHN.js +4 -4
- package/cdn-versioned/chunks/chunk.2YMJV2KL.js +1 -1
- package/cdn-versioned/chunks/{chunk.NZFGKV2I.js → chunk.37O5FAM6.js} +1 -1
- package/cdn-versioned/chunks/chunk.3PTWVC7K.js +1 -1
- package/cdn-versioned/chunks/chunk.4HEDUSC5.js +1 -1
- package/cdn-versioned/chunks/chunk.4THKQ4PC.js +1 -1
- package/cdn-versioned/chunks/chunk.4USO2EJG.js +2 -2
- package/cdn-versioned/chunks/chunk.5GPPZUNF.js +1 -1
- package/cdn-versioned/chunks/chunk.6QNQMWSQ.js +2 -2
- package/cdn-versioned/chunks/chunk.6XOV6LQS.js +1 -1
- package/cdn-versioned/chunks/chunk.72JQHJ3G.js +1 -1
- package/cdn-versioned/chunks/chunk.75UMJKQC.js +1 -1
- package/cdn-versioned/chunks/chunk.7FMD6ZWC.js +1 -1
- package/cdn-versioned/chunks/chunk.7NHEEBDB.js +1 -1
- package/cdn-versioned/chunks/chunk.7SJXKLVN.js +1 -1
- package/cdn-versioned/chunks/chunk.ADTHFKFC.js +1 -1
- package/cdn-versioned/chunks/chunk.AKJ7U3Y3.js +1 -1
- package/cdn-versioned/chunks/chunk.BV42CEWL.js +1 -1
- package/cdn-versioned/chunks/chunk.CARQ25VA.js +1 -1
- package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
- package/cdn-versioned/chunks/chunk.CTOV3B4T.js +1 -1
- package/cdn-versioned/chunks/chunk.EIGW4PKE.js +1 -1
- package/cdn-versioned/chunks/chunk.EIRHQEOO.js +1 -1
- package/cdn-versioned/chunks/chunk.FYOUHXBZ.js +1 -1
- package/cdn-versioned/chunks/chunk.H3W4J4F4.js +1 -1
- package/cdn-versioned/chunks/chunk.H7I6O5HE.js +1 -1
- package/cdn-versioned/chunks/chunk.HJ4O4XQA.js +1 -1
- package/cdn-versioned/chunks/chunk.HXUQZXCZ.js +1 -1
- package/cdn-versioned/chunks/chunk.KVJJEMOI.js +1 -1
- package/cdn-versioned/chunks/chunk.LLJ2OCGM.js +4 -4
- package/cdn-versioned/chunks/chunk.M6XINJ52.js +1 -1
- package/cdn-versioned/chunks/chunk.MGCXOSRH.js +1 -1
- package/cdn-versioned/chunks/chunk.MMM4IMJD.js +1 -1
- package/cdn-versioned/chunks/chunk.N4RSYGAV.js +1 -1
- package/cdn-versioned/chunks/chunk.NRBNWX7R.js +1 -1
- package/cdn-versioned/chunks/chunk.NTP4LLF3.js +1 -1
- package/cdn-versioned/chunks/chunk.OCIA2UJP.js +1 -1
- package/cdn-versioned/chunks/chunk.OIOXSZHI.js +1 -1
- package/cdn-versioned/chunks/chunk.OPMX2Q3A.js +1 -1
- package/cdn-versioned/chunks/chunk.OQSPWMNR.js +1 -1
- package/cdn-versioned/chunks/chunk.PCAKJGIV.js +1 -1
- package/cdn-versioned/chunks/chunk.PIAYQI7K.js +1 -1
- package/cdn-versioned/chunks/chunk.QJAN6R4E.js +1 -1
- package/cdn-versioned/chunks/chunk.QJFZKBPG.js +1 -1
- package/cdn-versioned/chunks/chunk.QJVPLDR4.js +1 -1
- package/cdn-versioned/chunks/chunk.RCMXIAQV.js +1 -1
- package/cdn-versioned/chunks/chunk.RIOXBQBC.js +1 -1
- package/cdn-versioned/chunks/chunk.ROIKKEJQ.js +1 -1
- package/cdn-versioned/chunks/chunk.SQ7OLI7Q.js +1 -1
- package/cdn-versioned/chunks/chunk.TDRPE2QQ.js +1 -1
- package/cdn-versioned/chunks/chunk.TFKNNQ5S.js +1 -1
- package/cdn-versioned/chunks/chunk.TTG6Y6QJ.js +1 -1
- package/cdn-versioned/chunks/chunk.W2JKI6K3.js +1 -1
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.XAIFQKHV.js +1 -1
- package/cdn-versioned/chunks/chunk.YMTUR575.js +1 -1
- package/cdn-versioned/chunks/chunk.YVU7BES7.js +1 -1
- package/cdn-versioned/chunks/chunk.Z4V7WPTW.js +1 -1
- package/cdn-versioned/chunks/chunk.ZENM3WVO.js +1 -1
- package/cdn-versioned/chunks/chunk.ZKBX734R.js +1 -1
- package/cdn-versioned/chunks/chunk.ZZAPDP7V.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-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/datepicker/datepicker.d.ts +4 -1
- package/cdn-versioned/components/datepicker/datepicker.js +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/skeleton/skeleton.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 +248 -248
- 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 +94 -94
- package/cdn-versioned/web-types.json +163 -163
- package/dist/components/datepicker/datepicker.d.ts +3 -0
- package/dist/components/datepicker/datepicker.js +10 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +7 -7
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.22DM7THN.js +2 -2
- package/dist-versioned/chunks/chunk.246LUIGB.js +1 -1
- package/dist-versioned/chunks/chunk.2EN4CJ2E.js +1 -1
- package/dist-versioned/chunks/chunk.3CUXBZXY.js +1 -1
- package/dist-versioned/chunks/chunk.4D5SPJ27.js +1 -1
- package/dist-versioned/chunks/chunk.4VSYGWIQ.js +2 -2
- package/dist-versioned/chunks/chunk.5L52M55A.js +3 -3
- package/dist-versioned/chunks/chunk.63D5DO3S.js +2 -2
- package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
- package/dist-versioned/chunks/chunk.6KCL3YWT.js +3 -3
- package/dist-versioned/chunks/chunk.6OGLZOU3.js +1 -1
- package/dist-versioned/chunks/chunk.A5GKQZGQ.js +2 -2
- package/dist-versioned/chunks/chunk.AAK5STGD.js +2 -2
- package/dist-versioned/chunks/chunk.ATKLZZWE.js +2 -2
- package/dist-versioned/chunks/chunk.AUMWRORX.js +6 -6
- package/dist-versioned/chunks/chunk.AWVURKQ3.js +8 -8
- package/dist-versioned/chunks/chunk.AZ5YCFXX.js +2 -2
- package/dist-versioned/chunks/chunk.DOGMVREV.js +3 -3
- package/dist-versioned/chunks/chunk.E4O3LVAZ.js +1 -1
- package/dist-versioned/chunks/chunk.FPIRMH7R.js +4 -4
- package/dist-versioned/chunks/chunk.FWDG6KMC.js +1 -1
- package/dist-versioned/chunks/chunk.HTEXYS4A.js +26 -26
- package/dist-versioned/chunks/chunk.IKDVBWFR.js +2 -2
- package/dist-versioned/chunks/chunk.J2MPIUT5.js +1 -1
- package/dist-versioned/chunks/chunk.JUZY76ML.js +1 -1
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KHS7FSFX.js +5 -5
- package/dist-versioned/chunks/chunk.KMU4KABG.js +2 -2
- package/dist-versioned/chunks/chunk.MCUIYSD6.js +2 -2
- package/dist-versioned/chunks/chunk.NBHVDDUK.js +4 -4
- package/dist-versioned/chunks/chunk.NYOWE72U.js +1 -1
- package/dist-versioned/chunks/chunk.OH3W4PGL.js +24 -24
- package/dist-versioned/chunks/chunk.OWYDTY46.js +2 -2
- package/dist-versioned/chunks/chunk.P2JBJQH6.js +1 -1
- package/dist-versioned/chunks/chunk.PKG3F2KC.js +1 -1
- package/dist-versioned/chunks/chunk.Q4HWX7FF.js +5 -5
- package/dist-versioned/chunks/chunk.QP27BG3Y.js +1 -1
- package/dist-versioned/chunks/chunk.QPBHKXL6.js +3 -3
- package/dist-versioned/chunks/chunk.QPBJEOPN.js +12 -12
- package/dist-versioned/chunks/chunk.QTQEKSJS.js +1 -1
- package/dist-versioned/chunks/chunk.QVNC3EJB.js +1 -1
- package/dist-versioned/chunks/chunk.RZLBIMEH.js +1 -1
- package/dist-versioned/chunks/chunk.S253T7LE.js +11 -11
- package/dist-versioned/chunks/chunk.SJZCQ5SU.js +12 -12
- package/dist-versioned/chunks/chunk.TD5EDBVC.js +2 -2
- package/dist-versioned/chunks/{chunk.3FCBHDPH.js → chunk.TJKIQ2ZR.js} +5 -5
- package/dist-versioned/chunks/chunk.TMJN75ST.js +6 -6
- package/dist-versioned/chunks/chunk.U5L4ZATG.js +5 -5
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.URTB3C7J.js +3 -3
- package/dist-versioned/chunks/chunk.VDSIXERI.js +2 -2
- package/dist-versioned/chunks/chunk.VUTMPKYK.js +3 -3
- package/dist-versioned/chunks/chunk.W6RMEFFR.js +2 -2
- package/dist-versioned/chunks/chunk.WRP3NGPP.js +4 -4
- package/dist-versioned/chunks/chunk.WTG2WY6X.js +5 -5
- package/dist-versioned/chunks/chunk.WUB4VSXU.js +2 -2
- package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
- package/dist-versioned/chunks/chunk.XRKSJCLQ.js +6 -6
- package/dist-versioned/chunks/chunk.YBAAPYHP.js +14 -14
- package/dist-versioned/chunks/chunk.YGHO5R3O.js +3 -3
- package/dist-versioned/chunks/chunk.ZAQS4XFO.js +2 -2
- package/dist-versioned/chunks/chunk.ZBDFCFOP.js +3 -3
- package/dist-versioned/chunks/chunk.ZUL25WD4.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-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/datepicker/datepicker.d.ts +4 -1
- package/dist-versioned/components/datepicker/datepicker.js +10 -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/skeleton/skeleton.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 +248 -248
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +7 -7
- package/dist-versioned/vscode.html-custom-data.json +94 -94
- package/dist-versioned/web-types.json +163 -163
- package/package.json +1 -1
- /package/cdn/chunks/{chunk.NZFGKV2I.js → chunk.37O5FAM6.js} +0 -0
- /package/dist/chunks/{chunk.3FCBHDPH.js → chunk.TJKIQ2ZR.js} +0 -0
|
@@ -37,8 +37,8 @@ var SdTabGroup = class extends SolidElement {
|
|
|
37
37
|
}
|
|
38
38
|
connectedCallback() {
|
|
39
39
|
const whenAllDefined = Promise.all([
|
|
40
|
-
customElements.whenDefined("sd-5-17-
|
|
41
|
-
customElements.whenDefined("sd-5-17-
|
|
40
|
+
customElements.whenDefined("sd-5-17-1-tab"),
|
|
41
|
+
customElements.whenDefined("sd-5-17-1-tab-panel")
|
|
42
42
|
]);
|
|
43
43
|
super.connectedCallback();
|
|
44
44
|
this.resizeObserver = new ResizeObserver(() => {
|
|
@@ -86,20 +86,20 @@ var SdTabGroup = class extends SolidElement {
|
|
|
86
86
|
}
|
|
87
87
|
getAllTabs(options = { includeDisabled: true }) {
|
|
88
88
|
const slot = this.shadowRoot.querySelector('slot[name="nav"]');
|
|
89
|
-
return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-5-17-
|
|
90
|
-
return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-5-17-
|
|
89
|
+
return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-5-17-1-tab" ? el : el.querySelector("sd-5-17-1-tab")).filter((el) => {
|
|
90
|
+
return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-5-17-1-tab" : el.tagName.toLowerCase() === "sd-5-17-1-tab" && !el.disabled;
|
|
91
91
|
});
|
|
92
92
|
}
|
|
93
93
|
getAllPanels() {
|
|
94
|
-
return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-17-
|
|
94
|
+
return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-17-1-tab-panel");
|
|
95
95
|
}
|
|
96
96
|
getActiveTab() {
|
|
97
97
|
return this.tabs.find((t) => t.matches(":focus"));
|
|
98
98
|
}
|
|
99
99
|
handleClick(event) {
|
|
100
100
|
const target = event.target;
|
|
101
|
-
const tab = target.closest("sd-5-17-
|
|
102
|
-
const tabGroup = tab == null ? void 0 : tab.closest("sd-5-17-
|
|
101
|
+
const tab = target.closest("sd-5-17-1-tab");
|
|
102
|
+
const tabGroup = tab == null ? void 0 : tab.closest("sd-5-17-1-tab-group");
|
|
103
103
|
if (tabGroup !== this) {
|
|
104
104
|
return;
|
|
105
105
|
}
|
|
@@ -109,8 +109,8 @@ var SdTabGroup = class extends SolidElement {
|
|
|
109
109
|
}
|
|
110
110
|
handleKeyDown(event) {
|
|
111
111
|
const target = event.target;
|
|
112
|
-
const tab = target.closest("sd-5-17-
|
|
113
|
-
const tabGroup = tab == null ? void 0 : tab.closest("sd-5-17-
|
|
112
|
+
const tab = target.closest("sd-5-17-1-tab");
|
|
113
|
+
const tabGroup = tab == null ? void 0 : tab.closest("sd-5-17-1-tab-group");
|
|
114
114
|
if (tabGroup !== this) {
|
|
115
115
|
return;
|
|
116
116
|
}
|
|
@@ -137,7 +137,7 @@ var SdTabGroup = class extends SolidElement {
|
|
|
137
137
|
if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
|
|
138
138
|
const activeEl = this.tabs.find((t) => t.matches(":focus"));
|
|
139
139
|
const isRtl = this.localize.dir() === "rtl";
|
|
140
|
-
if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-5-17-
|
|
140
|
+
if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-5-17-1-tab") {
|
|
141
141
|
let index = this.tabs.indexOf(activeEl);
|
|
142
142
|
if (event.key === "Home") {
|
|
143
143
|
index = 0;
|
|
@@ -258,15 +258,15 @@ var SdTabGroup = class extends SolidElement {
|
|
|
258
258
|
return html`<div part="base" class="${cx("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${cx(this.hasScrollControls && "relative py-0 px-12")}">${this.hasScrollControls ? html`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${ifDefined(!this.canScroll.left || void 0)}" class="${cx(
|
|
259
259
|
"sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",
|
|
260
260
|
this.localize.dir() === "rtl" && "left-auto right-0"
|
|
261
|
-
)}" @click="${this.handleScrollToStart}"><sd-5-17-
|
|
261
|
+
)}" @click="${this.handleScrollToStart}"><sd-5-17-1-icon library="_internal" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-17-1-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist">${((_a = this.activeTab) == null ? void 0 : _a.variant) !== "container" ? html`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30"></div>` : ""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${ifDefined(!this.canScroll.right || void 0)}" class="${cx(
|
|
262
262
|
"sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",
|
|
263
263
|
this.localize.dir() === "rtl" && "right-auto left-0"
|
|
264
|
-
)}" @click="${this.handleScrollToEnd}"><sd-5-17-
|
|
264
|
+
)}" @click="${this.handleScrollToEnd}"><sd-5-17-1-icon library="_internal" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-17-1-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
|
|
265
265
|
}
|
|
266
266
|
};
|
|
267
267
|
SdTabGroup.styles = [
|
|
268
268
|
...SolidElement.styles,
|
|
269
|
-
css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}::slotted(sd-5-17-
|
|
269
|
+
css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}::slotted(sd-5-17-1-tab-panel){--padding:1rem 0}::slotted(sd-5-17-1-tab-panel:focus-visible){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`
|
|
270
270
|
];
|
|
271
271
|
__decorateClass([
|
|
272
272
|
query("[part=base]")
|
|
@@ -299,7 +299,7 @@ __decorateClass([
|
|
|
299
299
|
debounce(20)
|
|
300
300
|
], SdTabGroup.prototype, "handleScroll", 1);
|
|
301
301
|
SdTabGroup = __decorateClass([
|
|
302
|
-
customElement("sd-5-17-
|
|
302
|
+
customElement("sd-5-17-1-tab-group")
|
|
303
303
|
], SdTabGroup);
|
|
304
304
|
|
|
305
305
|
export {
|
|
@@ -38,12 +38,12 @@ var SdBreadcrumbItem = class extends SolidElement {
|
|
|
38
38
|
requestAnimationFrame(() => this.handleCurrentChange());
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return html`<sd-5-17-
|
|
41
|
+
return html`<sd-5-17-1-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-5-17-1-link>`;
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
SdBreadcrumbItem.styles = [
|
|
45
45
|
...SolidElement.styles,
|
|
46
|
-
css`:host{align-items:center;display:inline-flex}sd-5-17-
|
|
46
|
+
css`:host{align-items:center;display:inline-flex}sd-5-17-1-link::part(base){align-items:center}sd-5-17-1-link::part(icon-left){display:inline-flex;margin-right:var(--sd-spacing-0,0)}sd-5-17-1-link sd-5-17-1-icon{margin:var(--sd-spacing-0,0)}:host([current]) sd-5-17-1-link::part(base){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}:host([current]) sd-5-17-1-link::part(label){text-decoration-line:none}`
|
|
47
47
|
];
|
|
48
48
|
__decorateClass([
|
|
49
49
|
query('[part="base"]')
|
|
@@ -61,7 +61,7 @@ __decorateClass([
|
|
|
61
61
|
watch("current")
|
|
62
62
|
], SdBreadcrumbItem.prototype, "handleCurrentChange", 1);
|
|
63
63
|
SdBreadcrumbItem = __decorateClass([
|
|
64
|
-
customElement("sd-5-17-
|
|
64
|
+
customElement("sd-5-17-1-breadcrumb-item")
|
|
65
65
|
], SdBreadcrumbItem);
|
|
66
66
|
|
|
67
67
|
export {
|
|
@@ -35,7 +35,7 @@ var SdQuickfact = class extends SdAccordion {
|
|
|
35
35
|
"flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:text-4xl sm:mt-2",
|
|
36
36
|
this.open && "rotate-180",
|
|
37
37
|
!this.expandable && "hidden"
|
|
38
|
-
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-17-
|
|
38
|
+
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-17-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-17-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-5-17-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-17-1-icon></slot></span></${header}><div part="content" id="content" class="${cx("overflow-hidden", !this.expandable && "hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${base}>`;
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
SdQuickfact.styles = [
|
|
@@ -46,7 +46,7 @@ __decorateClass([
|
|
|
46
46
|
property({ type: Boolean, reflect: true })
|
|
47
47
|
], SdQuickfact.prototype, "expandable", 2);
|
|
48
48
|
SdQuickfact = __decorateClass([
|
|
49
|
-
customElement("sd-5-17-
|
|
49
|
+
customElement("sd-5-17-1-quickfact")
|
|
50
50
|
], SdQuickfact);
|
|
51
51
|
setDefaultAnimation("quickfact.show", {
|
|
52
52
|
keyframes: [{ height: "0" }, { height: "auto" }],
|
|
@@ -118,7 +118,7 @@ var SdCheckbox = class extends SolidElement {
|
|
|
118
118
|
render() {
|
|
119
119
|
const checkboxState = this.disabled && this.indeterminate ? "disabledIndeterminate" : this.disabled && this.checked ? "disabledChecked" : this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.showInvalidStyle && this.indeterminate ? "invalidIndeterminate" : this.showInvalidStyle ? "invalid" : this.checked || this.indeterminate ? "filled" : "default";
|
|
120
120
|
return html`<label part="base" class="${cx(
|
|
121
|
-
"sd-5-17-
|
|
121
|
+
"sd-5-17-1-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
|
|
122
122
|
(this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
|
|
123
123
|
{
|
|
124
124
|
/* sizes, fonts */
|
|
@@ -160,7 +160,7 @@ var SdCheckbox = class extends SolidElement {
|
|
|
160
160
|
filled: "bg-accent group-hover:bg-accent-550",
|
|
161
161
|
default: "hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
|
|
162
162
|
}[checkboxState]
|
|
163
|
-
)}"></div></div>${this.checked ? html`<sd-5-17-
|
|
163
|
+
)}"></div></div>${this.checked ? html`<sd-5-17-1-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-17-1-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-5-17-1-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-17-1-icon>` : ""} </span><span part="label" id="label" class="${cx(
|
|
164
164
|
"select-none inline-block ml-2",
|
|
165
165
|
this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
|
|
166
166
|
)}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;
|
|
@@ -222,7 +222,7 @@ __decorateClass([
|
|
|
222
222
|
watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
|
|
223
223
|
], SdCheckbox.prototype, "handleStateChange", 1);
|
|
224
224
|
SdCheckbox = __decorateClass([
|
|
225
|
-
customElement("sd-5-17-
|
|
225
|
+
customElement("sd-5-17-1-checkbox")
|
|
226
226
|
], SdCheckbox);
|
|
227
227
|
|
|
228
228
|
export {
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import '../divider/divider';
|
|
2
|
+
import '../icon/icon';
|
|
3
|
+
import '../popup/popup';
|
|
1
4
|
import { LocalizeController } from '../../utilities/localize';
|
|
2
5
|
import SolidElement from '../../internal/solid-element';
|
|
3
6
|
import type { SolidFormControl } from '../../internal/solid-element';
|
|
@@ -115,6 +118,6 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
|
|
|
115
118
|
}
|
|
116
119
|
declare global {
|
|
117
120
|
interface HTMLElementTagNameMap {
|
|
118
|
-
'sd-5-17-
|
|
121
|
+
'sd-5-17-1-datepicker': SdDatepicker;
|
|
119
122
|
}
|
|
120
123
|
}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SdDatepicker
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.TJKIQ2ZR.js";
|
|
4
4
|
import "../../chunks/chunk.CDM2I6O2.js";
|
|
5
|
+
import "../../chunks/chunk.OWYDTY46.js";
|
|
6
|
+
import "../../chunks/chunk.2EN4CJ2E.js";
|
|
5
7
|
import "../../chunks/chunk.XCQC3F3H.js";
|
|
6
8
|
import "../../chunks/chunk.IVMQWO2L.js";
|
|
9
|
+
import "../../chunks/chunk.PKG3F2KC.js";
|
|
10
|
+
import "../../chunks/chunk.UVOGBJGP.js";
|
|
11
|
+
import "../../chunks/chunk.7VPFFNHR.js";
|
|
12
|
+
import "../../chunks/chunk.QSQRQKYT.js";
|
|
13
|
+
import "../../chunks/chunk.4TPOL3LB.js";
|
|
14
|
+
import "../../chunks/chunk.P52GZVKG.js";
|
|
15
|
+
import "../../chunks/chunk.RPB53XXV.js";
|
|
7
16
|
import "../../chunks/chunk.X3FE7OHE.js";
|
|
8
17
|
import "../../chunks/chunk.ID6DABAJ.js";
|
|
9
18
|
import "../../chunks/chunk.3S7EW72P.js";
|