@solid-design-system/components 6.29.0 → 6.29.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/chunks/{chunk.FVGRD6FB.js → chunk.AM4XV4Z3.js} +1 -1
- package/cdn/components/notification/notification.js +1 -1
- package/cdn/custom-elements.json +169 -169
- 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/vscode.html-custom-data.json +22 -22
- package/cdn/web-types.json +46 -46
- package/cdn-versioned/chunks/chunk.2QDU75ZN.js +2 -2
- package/cdn-versioned/chunks/chunk.2RKSDCDG.js +2 -2
- package/cdn-versioned/chunks/chunk.36QLPRT4.js +2 -2
- package/cdn-versioned/chunks/chunk.3AMTNKLX.js +10 -10
- package/cdn-versioned/chunks/chunk.3WFZS3BV.js +2 -2
- package/cdn-versioned/chunks/chunk.3WYCL4IT.js +2 -2
- package/cdn-versioned/chunks/chunk.4YAUNXGE.js +2 -2
- package/cdn-versioned/chunks/chunk.5LFQBAR4.js +2 -2
- package/cdn-versioned/chunks/chunk.6PD5QPCL.js +2 -2
- package/cdn-versioned/chunks/chunk.7PBHJ3AA.js +2 -2
- package/cdn-versioned/chunks/chunk.7VEYTFRZ.js +2 -2
- package/cdn-versioned/chunks/chunk.AHBE5NFY.js +2 -2
- package/cdn-versioned/chunks/{chunk.FVGRD6FB.js → chunk.AM4XV4Z3.js} +2 -2
- package/cdn-versioned/chunks/chunk.ANATT6AT.js +2 -2
- package/cdn-versioned/chunks/chunk.AO6JCKAN.js +2 -2
- package/cdn-versioned/chunks/chunk.AOREPZKA.js +2 -2
- package/cdn-versioned/chunks/chunk.ARHQV4EC.js +1 -1
- package/cdn-versioned/chunks/chunk.ASKKOJCO.js +2 -2
- package/cdn-versioned/chunks/chunk.C45254AN.js +2 -2
- package/cdn-versioned/chunks/chunk.CXBBQLKH.js +2 -2
- package/cdn-versioned/chunks/chunk.DAOJL6S4.js +1 -1
- package/cdn-versioned/chunks/chunk.DPQT6F7D.js +2 -2
- package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
- package/cdn-versioned/chunks/chunk.E534YUSM.js +2 -2
- package/cdn-versioned/chunks/chunk.EI4IMAYD.js +2 -2
- package/cdn-versioned/chunks/chunk.ESAXBMID.js +1 -1
- package/cdn-versioned/chunks/chunk.EUMQZSE2.js +2 -2
- package/cdn-versioned/chunks/chunk.EYIJIVD6.js +2 -2
- package/cdn-versioned/chunks/chunk.F3U2DTSD.js +2 -2
- package/cdn-versioned/chunks/chunk.GIS4DVXQ.js +2 -2
- package/cdn-versioned/chunks/chunk.GJX26DHL.js +2 -2
- package/cdn-versioned/chunks/chunk.GSAQ2Q4R.js +2 -2
- package/cdn-versioned/chunks/chunk.HPIATY3V.js +2 -2
- package/cdn-versioned/chunks/chunk.IFEBOLGE.js +2 -2
- package/cdn-versioned/chunks/chunk.JBAA7CJY.js +2 -2
- package/cdn-versioned/chunks/chunk.JE3YJUVL.js +2 -2
- package/cdn-versioned/chunks/chunk.JL2MPTKO.js +2 -2
- package/cdn-versioned/chunks/chunk.K5N6255P.js +2 -2
- package/cdn-versioned/chunks/chunk.KIOINDJP.js +2 -2
- package/cdn-versioned/chunks/chunk.L2ZKD7MK.js +2 -2
- package/cdn-versioned/chunks/chunk.L336NHPB.js +2 -2
- package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
- package/cdn-versioned/chunks/chunk.NFGX5YRE.js +3 -3
- package/cdn-versioned/chunks/chunk.NM7MY55L.js +5 -5
- package/cdn-versioned/chunks/chunk.NP23CN3G.js +1 -1
- package/cdn-versioned/chunks/chunk.NXMAZ6GM.js +1 -1
- package/cdn-versioned/chunks/chunk.PKZ4ESIN.js +2 -2
- package/cdn-versioned/chunks/chunk.PYCLTLDF.js +1 -1
- package/cdn-versioned/chunks/chunk.QSJUZLB2.js +2 -2
- package/cdn-versioned/chunks/chunk.QVVPGDHH.js +2 -2
- package/cdn-versioned/chunks/chunk.QZRU4P73.js +2 -2
- package/cdn-versioned/chunks/chunk.T2SNKUUJ.js +1 -1
- package/cdn-versioned/chunks/chunk.TSUM3HLK.js +2 -2
- package/cdn-versioned/chunks/chunk.U27XNZYB.js +5 -5
- package/cdn-versioned/chunks/chunk.VP43465X.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WBW76Z2R.js +1 -1
- package/cdn-versioned/chunks/chunk.WD66IVTH.js +2 -2
- package/cdn-versioned/chunks/chunk.WEIQTVUC.js +2 -2
- package/cdn-versioned/chunks/chunk.WZRSNXL5.js +2 -2
- package/cdn-versioned/chunks/chunk.YOZZZJAW.js +1 -1
- package/cdn-versioned/chunks/chunk.YV24RFB5.js +2 -2
- package/cdn-versioned/chunks/chunk.Z4YHZJIF.js +3 -3
- package/cdn-versioned/chunks/chunk.ZKZHOLT2.js +3 -3
- package/cdn-versioned/chunks/chunk.ZVWS6LEP.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 +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/notification/notification.js +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/progress-bar/progress-bar.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/theme-listener/theme-listener.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 +423 -423
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +81 -81
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +81 -81
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +134 -134
- package/cdn-versioned/web-types.json +211 -211
- package/dist/chunks/{chunk.SRHXZUZH.js → chunk.DZ52GJMF.js} +1 -1
- package/dist/components/notification/notification.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.2R6BV36X.js +3 -3
- package/dist-versioned/chunks/chunk.3SKQW3OF.js +1 -1
- package/dist-versioned/chunks/chunk.5JXNGWGO.js +6 -6
- package/dist-versioned/chunks/chunk.5LPEWRVH.js +1 -1
- package/dist-versioned/chunks/chunk.67F53YIT.js +3 -3
- package/dist-versioned/chunks/chunk.6A5KL2ME.js +2 -2
- package/dist-versioned/chunks/chunk.6CQHWDTR.js +2 -2
- package/dist-versioned/chunks/chunk.73VNCNET.js +5 -5
- package/dist-versioned/chunks/chunk.7QCSVC6W.js +5 -5
- package/dist-versioned/chunks/chunk.AQ2YHTJT.js +5 -5
- package/dist-versioned/chunks/chunk.AQPWS7H5.js +1 -1
- package/dist-versioned/chunks/chunk.BHAJNYNR.js +2 -2
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.DANLADQA.js +6 -6
- package/dist-versioned/chunks/chunk.DEKB47SU.js +7 -7
- package/dist-versioned/chunks/{chunk.SRHXZUZH.js → chunk.DZ52GJMF.js} +11 -11
- package/dist-versioned/chunks/chunk.E7TO66OI.js +11 -11
- package/dist-versioned/chunks/chunk.EVXE6QT5.js +5 -5
- package/dist-versioned/chunks/chunk.FGGJHWJQ.js +4 -4
- package/dist-versioned/chunks/chunk.G3YXVIXP.js +5 -5
- package/dist-versioned/chunks/chunk.G4M5E52C.js +11 -11
- package/dist-versioned/chunks/chunk.GGTNOUL3.js +2 -2
- package/dist-versioned/chunks/chunk.GKK76LN5.js +10 -10
- package/dist-versioned/chunks/chunk.J2IWPOVN.js +5 -5
- package/dist-versioned/chunks/chunk.JZERVNQH.js +4 -4
- package/dist-versioned/chunks/chunk.KBLFP77D.js +4 -4
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KLDMZEUO.js +1 -1
- package/dist-versioned/chunks/chunk.KOYTK43J.js +8 -8
- package/dist-versioned/chunks/chunk.KPKOJGRC.js +2 -2
- package/dist-versioned/chunks/chunk.L3QZLYWI.js +5 -5
- package/dist-versioned/chunks/chunk.LCMQJOE7.js +2 -2
- package/dist-versioned/chunks/chunk.M74NHLSR.js +25 -25
- package/dist-versioned/chunks/chunk.NEPWG7EE.js +2 -2
- package/dist-versioned/chunks/chunk.NZOLXA5P.js +4 -4
- package/dist-versioned/chunks/chunk.OPHYFYBJ.js +7 -7
- package/dist-versioned/chunks/chunk.OVLIDOUF.js +6 -6
- package/dist-versioned/chunks/chunk.Q6BM6VB4.js +13 -13
- package/dist-versioned/chunks/chunk.QGERTGJH.js +4 -4
- package/dist-versioned/chunks/chunk.QP6NYUMR.js +3 -3
- package/dist-versioned/chunks/chunk.RM4W3RUJ.js +2 -2
- package/dist-versioned/chunks/chunk.RZYQYD7F.js +23 -23
- package/dist-versioned/chunks/chunk.S7MVQQ7P.js +10 -10
- package/dist-versioned/chunks/chunk.SFQPANQ4.js +42 -42
- package/dist-versioned/chunks/chunk.SMXDKTQJ.js +1 -1
- package/dist-versioned/chunks/chunk.SUBKF7CK.js +6 -6
- package/dist-versioned/chunks/chunk.SZX2DZVG.js +3 -3
- package/dist-versioned/chunks/chunk.T73O2TL3.js +1 -1
- package/dist-versioned/chunks/chunk.TCCVXGO3.js +5 -5
- package/dist-versioned/chunks/chunk.TD274Z54.js +2 -2
- package/dist-versioned/chunks/chunk.TH56Y5BD.js +12 -12
- package/dist-versioned/chunks/chunk.U3TJBK63.js +7 -7
- package/dist-versioned/chunks/chunk.UHD76K4J.js +6 -6
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.UPUTDGVP.js +14 -14
- package/dist-versioned/chunks/chunk.UU33HKYA.js +3 -3
- package/dist-versioned/chunks/chunk.WQ53PAAJ.js +1 -1
- package/dist-versioned/chunks/chunk.WWVBSSYI.js +3 -3
- package/dist-versioned/chunks/chunk.XDHACCFS.js +5 -5
- package/dist-versioned/chunks/chunk.YJ3HFB7U.js +10 -10
- package/dist-versioned/chunks/chunk.YVETO4SL.js +1 -1
- package/dist-versioned/chunks/chunk.YXXCQXMG.js +3 -3
- package/dist-versioned/chunks/chunk.ZJE7OCFV.js +2 -2
- package/dist-versioned/chunks/chunk.ZN6NBM5K.js +12 -12
- package/dist-versioned/chunks/chunk.ZOAGCGB2.js +11 -11
- 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 +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/notification/notification.js +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/progress-bar/progress-bar.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/theme-listener/theme-listener.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 +423 -423
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +4 -4
- package/dist-versioned/vscode.html-custom-data.json +134 -134
- package/dist-versioned/web-types.json +211 -211
- package/package.json +1 -1
|
@@ -215,7 +215,7 @@ var SdNotification = class extends SolidElement {
|
|
|
215
215
|
info: "info-circle",
|
|
216
216
|
success: "confirm-circle",
|
|
217
217
|
warning: "exclamation-circle",
|
|
218
|
-
error: "
|
|
218
|
+
error: "risk"
|
|
219
219
|
}[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${cx(
|
|
220
220
|
"h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
|
|
221
221
|
"border-solid border-[1px] border-l-0 sd-notification-color-border",
|
|
@@ -23723,7 +23723,7 @@
|
|
|
23723
23723
|
"package": {
|
|
23724
23724
|
"name": "@solid-design-system/components",
|
|
23725
23725
|
"description": "Solid Design System: Components",
|
|
23726
|
-
"version": "6.29.
|
|
23726
|
+
"version": "6.29.1",
|
|
23727
23727
|
"author": "Union Investment",
|
|
23728
23728
|
"homepage": "https://solid-design-system.fe.union-investment.de/docs/",
|
|
23729
23729
|
"license": "MIT"
|
package/dist/solid-components.js
CHANGED
|
@@ -68,7 +68,7 @@ import {
|
|
|
68
68
|
} from "./chunks/chunk.YJ3HFB7U.js";
|
|
69
69
|
import {
|
|
70
70
|
SdNotification
|
|
71
|
-
} from "./chunks/chunk.
|
|
71
|
+
} from "./chunks/chunk.DZ52GJMF.js";
|
|
72
72
|
import {
|
|
73
73
|
SdOptgroup
|
|
74
74
|
} from "./chunks/chunk.NZOLXA5P.js";
|
|
@@ -167,13 +167,13 @@ import "./chunks/chunk.F4VGSDIW.js";
|
|
|
167
167
|
import {
|
|
168
168
|
SdAccordionGroup
|
|
169
169
|
} from "./chunks/chunk.QP6NYUMR.js";
|
|
170
|
-
import {
|
|
171
|
-
SdAccordion
|
|
172
|
-
} from "./chunks/chunk.SUBKF7CK.js";
|
|
173
170
|
import {
|
|
174
171
|
SdAnimation
|
|
175
172
|
} from "./chunks/chunk.KLDMZEUO.js";
|
|
176
173
|
import "./chunks/chunk.TJOP7HQP.js";
|
|
174
|
+
import {
|
|
175
|
+
SdAccordion
|
|
176
|
+
} from "./chunks/chunk.SUBKF7CK.js";
|
|
177
177
|
import {
|
|
178
178
|
SdAudio
|
|
179
179
|
} from "./chunks/chunk.UHD76K4J.js";
|
package/dist/web-types.json
CHANGED
|
@@ -31,12 +31,12 @@ var SdQuickfact = class extends SdAccordion {
|
|
|
31
31
|
this.expandable && "cursor-pointer select-none"
|
|
32
32
|
)}" role="${ifDefined(this.expandable ? "button" : void 0)}" aria-expanded="${ifDefined(this.expandable ? this.open ? "true" : "false" : void 0)}" aria-controls="${ifDefined(this.expandable ? "content" : void 0)}" tabindex="${this.expandable ? "0" : "-1"}" @click="${this.expandable ? this.handleSummaryClick : null}" @keydown="${this.expandable ? this.handleSummaryKeyDown : null}"><div part="icon" class="${cx("flex flex-grow-0 flex-shrink-0 flex-auto items-center", !this.expandable && "cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${cx(
|
|
33
33
|
"flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",
|
|
34
|
-
this.expandable ? "sd-6-29-
|
|
34
|
+
this.expandable ? "sd-6-29-1-quickfact--expandable-color-text" : "text-black cursor-default"
|
|
35
35
|
)}">${this.summary}</slot><span part="summary-icon" class="${cx(
|
|
36
36
|
"flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",
|
|
37
37
|
this.open && "rotate-180",
|
|
38
38
|
!this.expandable && "hidden"
|
|
39
|
-
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-29-
|
|
39
|
+
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-29-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-29-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}>`;
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
SdQuickfact.styles = [
|
|
@@ -48,7 +48,7 @@ __decorateClass([
|
|
|
48
48
|
property({ type: Boolean, reflect: true })
|
|
49
49
|
], SdQuickfact.prototype, "expandable", 2);
|
|
50
50
|
SdQuickfact = __decorateClass([
|
|
51
|
-
customElement("sd-6-29-
|
|
51
|
+
customElement("sd-6-29-1-quickfact")
|
|
52
52
|
], SdQuickfact);
|
|
53
53
|
setDefaultAnimation("quickfact.show", {
|
|
54
54
|
keyframes: [{ height: "0" }, { height: "auto" }],
|
|
@@ -324,7 +324,7 @@ __decorateClass([
|
|
|
324
324
|
property({ attribute: "auto-size-padding", type: Number })
|
|
325
325
|
], SdPopup.prototype, "autoSizePadding", 2);
|
|
326
326
|
SdPopup = __decorateClass([
|
|
327
|
-
customElement("sd-6-29-
|
|
327
|
+
customElement("sd-6-29-1-popup")
|
|
328
328
|
], SdPopup);
|
|
329
329
|
|
|
330
330
|
export {
|
|
@@ -45,10 +45,10 @@ var SdTeaserMedia = class extends SolidElement {
|
|
|
45
45
|
)}"></div><div class="${cx("relative", ["primary", "gradient-dark"].includes(this.variant) && "text-white")}"><div class="${cx(
|
|
46
46
|
"absolute inset-0 pointer-events-none",
|
|
47
47
|
{
|
|
48
|
-
white: "sd-6-29-
|
|
49
|
-
"neutral-100": "sd-6-29-
|
|
48
|
+
white: "sd-6-29-1-teaser-media--white-color-background group-hover:sd-6-29-1-teaser-media--white--hover-color-background ",
|
|
49
|
+
"neutral-100": "sd-6-29-1-teaser-media--neutral-100-color-background group-hover:sd-6-29-1-teaser-media--neutral-100--hover-color-background",
|
|
50
50
|
primary: "bg-primary/80 text-white group-hover:bg-primary/90",
|
|
51
|
-
"primary-100": "sd-6-29-
|
|
51
|
+
"primary-100": "sd-6-29-1-teaser-media--primary-100-color-background group-hover:sd-6-29-1-teaser-media--primary-100--hover-color-background",
|
|
52
52
|
"gradient-light": "bg-gradient-to-t from-white/75 to-white/60",
|
|
53
53
|
"gradient-dark": "bg-gradient-to-t from-primary-800/75 to-primary-800/60"
|
|
54
54
|
}[this.variant]
|
|
@@ -58,8 +58,8 @@ var SdTeaserMedia = class extends SolidElement {
|
|
|
58
58
|
this.open ? "opacity-100" : "opacity-0"
|
|
59
59
|
)}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="${cx(
|
|
60
60
|
"mt-2",
|
|
61
|
-
["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-29-
|
|
62
|
-
)}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-29-
|
|
61
|
+
["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-29-1-teaser-media-color-icon-fill"
|
|
62
|
+
)}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-29-1-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-6-29-1-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
SdTeaserMedia.styles = [
|
|
@@ -80,7 +80,7 @@ __decorateClass([
|
|
|
80
80
|
query('[part="base"]')
|
|
81
81
|
], SdTeaserMedia.prototype, "teaserMedia", 2);
|
|
82
82
|
SdTeaserMedia = __decorateClass([
|
|
83
|
-
customElement("sd-6-29-
|
|
83
|
+
customElement("sd-6-29-1-teaser-media")
|
|
84
84
|
], SdTeaserMedia);
|
|
85
85
|
|
|
86
86
|
export {
|
|
@@ -228,7 +228,7 @@ var SdTextarea = class extends SolidElement {
|
|
|
228
228
|
textareaState === "disabled" || textareaState === "visuallyDisabled" ? "text-neutral-500" : "text-black",
|
|
229
229
|
["invalid", "activeInvalid"].includes(textareaState) && "form-control--invalid-color-background"
|
|
230
230
|
)}"><textarea part="textarea" id="input" class="${cx(
|
|
231
|
-
"ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-29-
|
|
231
|
+
"ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-29-1-icon]:pe-8",
|
|
232
232
|
{
|
|
233
233
|
sm: isFloatingLabelActive ? "pb-1" : "py-2",
|
|
234
234
|
md: isFloatingLabelActive ? "pb-1" : "py-2",
|
|
@@ -236,7 +236,7 @@ var SdTextarea = class extends SolidElement {
|
|
|
236
236
|
}[this.size],
|
|
237
237
|
this.disabled && "cursor-not-allowed",
|
|
238
238
|
textSize
|
|
239
|
-
)}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-29-
|
|
239
|
+
)}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-29-1-icon class="${cx("text-error absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="risk" part="invalid-icon"></sd-6-29-1-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-29-1-icon class="${cx("text-success absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-29-1-icon>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
|
|
240
240
|
"text-sm mt-1",
|
|
241
241
|
hasHelpText && !this.showInvalidStyle ? "block" : "hidden",
|
|
242
242
|
this.visuallyDisabled || this.disabled ? "text-neutral-500" : "text-neutral-700"
|
|
@@ -361,7 +361,7 @@ __decorateClass([
|
|
|
361
361
|
watch(["size", "floatingLabel"])
|
|
362
362
|
], SdTextarea.prototype, "handleSizeChange", 1);
|
|
363
363
|
SdTextarea = __decorateClass([
|
|
364
|
-
customElement("sd-6-29-
|
|
364
|
+
customElement("sd-6-29-1-textarea")
|
|
365
365
|
], SdTextarea);
|
|
366
366
|
|
|
367
367
|
export {
|
|
@@ -62,7 +62,7 @@ var SdStepGroup = class extends SolidElement {
|
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
getAllSteps() {
|
|
65
|
-
return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-6-29-
|
|
65
|
+
return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-6-29-1-step");
|
|
66
66
|
}
|
|
67
67
|
/**
|
|
68
68
|
* Sets the active step.
|
|
@@ -137,7 +137,7 @@ __decorateClass([
|
|
|
137
137
|
watch("notInteractive")
|
|
138
138
|
], SdStepGroup.prototype, "handleInteractivityChange", 1);
|
|
139
139
|
SdStepGroup = __decorateClass([
|
|
140
|
-
customElement("sd-6-29-
|
|
140
|
+
customElement("sd-6-29-1-step-group")
|
|
141
141
|
], SdStepGroup);
|
|
142
142
|
|
|
143
143
|
export {
|
|
@@ -94,7 +94,7 @@ var SdExpandable = class extends SolidElement {
|
|
|
94
94
|
)}" @click="${this.onToggleClick}" aria-expanded="${this.open}"><div class="${cx("h-full justify-center w-full text-base flex items-center toggle")}"><span part="toggle-icon" class="${cx(
|
|
95
95
|
"flex items-center mr-2 transition-transform duration-medium ease-in-out",
|
|
96
96
|
this.open && "rotate-180"
|
|
97
|
-
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-29-
|
|
97
|
+
)}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="text-xl"></sd-6-29-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="text-xl"></sd-6-29-1-icon></slot></span><slot name="toggle-closed" class="${cx(this.open && "hidden")}">${this.localize.term("showMore")}</slot><slot name="toggle-open" class="${cx(!this.open && "hidden")}">${this.localize.term("showLess")}</slot></div></button><details part="details" ?inert="${ifDefined(!this.open)}"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details></div>`;
|
|
98
98
|
}
|
|
99
99
|
firstUpdated() {
|
|
100
100
|
this.cloneContentToLightDOM();
|
|
@@ -139,7 +139,7 @@ __decorateClass([
|
|
|
139
139
|
watch("open", { waitUntilFirstUpdate: true })
|
|
140
140
|
], SdExpandable.prototype, "onOpenChange", 1);
|
|
141
141
|
SdExpandable = __decorateClass([
|
|
142
|
-
customElement("sd-6-29-
|
|
142
|
+
customElement("sd-6-29-1-expandable")
|
|
143
143
|
], SdExpandable);
|
|
144
144
|
setDefaultAnimation("expandable.show", {
|
|
145
145
|
keyframes: [{ height: "var(--component-expandable-max-block-size, 90px)" }, { height: "auto" }],
|
|
@@ -84,7 +84,7 @@ var SdRange = class extends SolidElement {
|
|
|
84
84
|
var _a, _b;
|
|
85
85
|
const tooltip = thumb.parentElement;
|
|
86
86
|
await tooltip.updateComplete;
|
|
87
|
-
(_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-29-
|
|
87
|
+
(_b = (_a = tooltip.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-29-1-popup")) == null ? void 0 : _b.setAttribute("distance", "14");
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
90
|
willUpdate(changedProperties) {
|
|
@@ -260,7 +260,7 @@ var SdRange = class extends SolidElement {
|
|
|
260
260
|
_preventTextSelection() {
|
|
261
261
|
if (!this._dragStyleElement) {
|
|
262
262
|
const style = document.createElement("style");
|
|
263
|
-
style.setAttribute("data-sd-6-29-
|
|
263
|
+
style.setAttribute("data-sd-6-29-1-range-drag", "");
|
|
264
264
|
style.textContent = "*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }";
|
|
265
265
|
document.head.appendChild(style);
|
|
266
266
|
this._dragStyleElement = style;
|
|
@@ -445,10 +445,10 @@ var SdRange = class extends SolidElement {
|
|
|
445
445
|
ariaLabel = this.tooltipFormatter(value);
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
|
-
return html`<sd-6-29-
|
|
448
|
+
return html`<sd-6-29-1-tooltip trigger="${this.tooltip === "on-interaction" ? "focus" : "manual"}" disabled="${ifDefined(this.disabled || this.visuallyDisabled || this.tooltip === "hidden" ? true : void 0)}"><div id="${id}" part="thumb" role="slider" tabindex="${this.disabled || this.visuallyDisabled ? -1 : 0}" aria-disabled="${ifDefined(this.disabled || this.visuallyDisabled ? "true" : void 0)}" aria-labelledby="${ariaLabeledBy}" aria-label="${ariaLabel}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${value}" aria-valuetext="${this.tooltipFormatter(value)}" data-range-id="${rangeId}" data-disabled="${ifDefined(this.disabled || this.visuallyDisabled || void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${cx(
|
|
449
449
|
"rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",
|
|
450
450
|
this.disabled || this.visuallyDisabled ? "outline-none" : "cursor-pointer focus-visible:focus-outline"
|
|
451
|
-
)}"></div></sd-6-29-
|
|
451
|
+
)}"></div></sd-6-29-1-tooltip>`;
|
|
452
452
|
});
|
|
453
453
|
}
|
|
454
454
|
render() {
|
|
@@ -518,7 +518,7 @@ __decorateClass([
|
|
|
518
518
|
property({ type: String })
|
|
519
519
|
], SdRange.prototype, "value", 1);
|
|
520
520
|
SdRange = __decorateClass([
|
|
521
|
-
customElement("sd-6-29-
|
|
521
|
+
customElement("sd-6-29-1-range")
|
|
522
522
|
], SdRange);
|
|
523
523
|
|
|
524
524
|
export {
|
|
@@ -92,7 +92,7 @@ var SdStep = class extends SolidElement {
|
|
|
92
92
|
this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" || this.size === "xs" ? "mt-1" : "mt-3"
|
|
93
93
|
);
|
|
94
94
|
const circleButtonClasses = cx(
|
|
95
|
-
"border sd-6-29-
|
|
95
|
+
"border sd-6-29-1-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
|
|
96
96
|
this.disabled ? "focus-visible:outline-none cursor-not-allowed" : !this.notInteractive && !this.waiting ? "focus-visible:focus-outline hover:cursor-pointer" : "",
|
|
97
97
|
this.notInteractive ? this.size === "lg" ? "not-interactive-lg" : this.size === "xs" ? "w-2" : "w-12" : this.size === "lg" ? "w-12" : this.size === "xs" ? "w-2" : "w-8 h-8",
|
|
98
98
|
this.disabled && "border-neutral-500 text-neutral-500",
|
|
@@ -110,8 +110,8 @@ var SdStep = class extends SolidElement {
|
|
|
110
110
|
)}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${circleAndTailContainerClasses}"><${tag} part="circle" href="${ifDefined(isLink ? this.href : void 0)}" aria-disabled="${ifDefined(this.disabled || this.waiting || void 0)}" aria-current="${this.current ? "step" : void 0}" aria-labelledby="${ifDefined(this.notInteractive || this.waiting || !hasLabel ? void 0 : "label")}" aria-describedby="${ifDefined(this.notInteractive || this.waiting || !hasDescription ? void 0 : "description")}" class="${circleButtonClasses}"><slot name="circle-content" class="${cx(
|
|
111
111
|
"text-lg",
|
|
112
112
|
!this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
|
|
113
|
-
this.notInteractive && "sd-6-29-
|
|
114
|
-
)}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-6-29-
|
|
113
|
+
this.notInteractive && "sd-6-29-1-step-color-text"
|
|
114
|
+
)}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-6-29-1-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-29-1-icon>` : this.size === "xs" ? "" : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
|
|
115
115
|
"flex w-full",
|
|
116
116
|
hasLabel && "gap-2",
|
|
117
117
|
this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
|
|
@@ -152,7 +152,7 @@ var SdStep = class extends SolidElement {
|
|
|
152
152
|
SdStep.styles = [
|
|
153
153
|
...SolidElement.styles,
|
|
154
154
|
css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
155
|
-
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-29-
|
|
155
|
+
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-29-1-icon,slot[name=circle-content]::slotted(sd-6-29-1-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-29-1-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-29-1-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:0;flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
|
|
156
156
|
];
|
|
157
157
|
__decorateClass([
|
|
158
158
|
property({ type: String, reflect: true })
|
|
@@ -203,7 +203,7 @@ __decorateClass([
|
|
|
203
203
|
watch("notInteractive")
|
|
204
204
|
], SdStep.prototype, "handleInteractivityChange", 1);
|
|
205
205
|
SdStep = __decorateClass([
|
|
206
|
-
customElement("sd-6-29-
|
|
206
|
+
customElement("sd-6-29-1-step")
|
|
207
207
|
], SdStep);
|
|
208
208
|
|
|
209
209
|
export {
|
|
@@ -26,7 +26,7 @@ var SdCheckboxGroup = class extends SolidElement {
|
|
|
26
26
|
this.helpText = "";
|
|
27
27
|
}
|
|
28
28
|
getAllCheckboxes() {
|
|
29
|
-
return [...this.querySelectorAll("sd-6-29-
|
|
29
|
+
return [...this.querySelectorAll("sd-6-29-1-checkbox")];
|
|
30
30
|
}
|
|
31
31
|
async syncCheckboxElements() {
|
|
32
32
|
const checkboxes = this.getAllCheckboxes();
|
|
@@ -39,10 +39,10 @@ var SdCheckboxGroup = class extends SolidElement {
|
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
41
|
syncCheckboxes() {
|
|
42
|
-
if (customElements.get("sd-6-29-
|
|
42
|
+
if (customElements.get("sd-6-29-1-checkbox")) {
|
|
43
43
|
this.syncCheckboxElements();
|
|
44
44
|
} else {
|
|
45
|
-
customElements.whenDefined("sd-6-29-
|
|
45
|
+
customElements.whenDefined("sd-6-29-1-checkbox").then(() => this.syncCheckboxes());
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
handleSizeChange() {
|
|
@@ -80,7 +80,7 @@ var SdCheckboxGroup = class extends SolidElement {
|
|
|
80
80
|
SdCheckboxGroup.styles = [
|
|
81
81
|
...SolidElement.styles,
|
|
82
82
|
css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
83
|
-
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-29-
|
|
83
|
+
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-29-1-checkbox){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-29-1-checkbox:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-6-29-1-checkbox){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-29-1-checkbox:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-1-checkbox){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-29-1-checkbox:last-of-type){margin-right:0}`
|
|
84
84
|
];
|
|
85
85
|
__decorateClass([
|
|
86
86
|
property({ type: String, reflect: true })
|
|
@@ -101,7 +101,7 @@ __decorateClass([
|
|
|
101
101
|
watch("invalid", { waitUntilFirstUpdate: true })
|
|
102
102
|
], SdCheckboxGroup.prototype, "handleInvalid", 1);
|
|
103
103
|
SdCheckboxGroup = __decorateClass([
|
|
104
|
-
customElement("sd-6-29-
|
|
104
|
+
customElement("sd-6-29-1-checkbox-group")
|
|
105
105
|
], SdCheckboxGroup);
|
|
106
106
|
|
|
107
107
|
export {
|
|
@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
|
|
|
84
84
|
SdLink.styles = [
|
|
85
85
|
...SolidElement.styles,
|
|
86
86
|
css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
87
|
-
::slotted(sd-6-29-
|
|
87
|
+
::slotted(sd-6-29-1-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-29-1-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-29-1-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
|
|
88
88
|
];
|
|
89
89
|
__decorateClass([
|
|
90
90
|
query("a")
|
|
@@ -111,7 +111,7 @@ __decorateClass([
|
|
|
111
111
|
property({ reflect: true })
|
|
112
112
|
], SdLink.prototype, "download", 2);
|
|
113
113
|
SdLink = __decorateClass([
|
|
114
|
-
customElement("sd-6-29-
|
|
114
|
+
customElement("sd-6-29-1-link")
|
|
115
115
|
], SdLink);
|
|
116
116
|
|
|
117
117
|
export {
|
|
@@ -15,7 +15,7 @@ var FormControlController = class {
|
|
|
15
15
|
const disabled = this.options.disabled(this.host);
|
|
16
16
|
const name = this.options.name(this.host);
|
|
17
17
|
const value = this.options.value(this.host);
|
|
18
|
-
const isButton = this.host.tagName.toLowerCase() === "sd-6-29-
|
|
18
|
+
const isButton = this.host.tagName.toLowerCase() === "sd-6-29-1-button";
|
|
19
19
|
if (!disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
|
|
20
20
|
if (Array.isArray(value)) {
|
|
21
21
|
value.forEach((val) => {
|
|
@@ -40,7 +40,7 @@ var FormControlController = class {
|
|
|
40
40
|
event.stopImmediatePropagation();
|
|
41
41
|
const invalidElements = (_b = this.form) == null ? void 0 : _b.querySelectorAll("[data-invalid]");
|
|
42
42
|
const sdRadioGroups = Array.from(invalidElements).filter(
|
|
43
|
-
(element) => element.tagName.toLowerCase() === "sd-6-29-
|
|
43
|
+
(element) => element.tagName.toLowerCase() === "sd-6-29-1-radio-group"
|
|
44
44
|
);
|
|
45
45
|
sdRadioGroups.forEach((radioGroup) => {
|
|
46
46
|
var _a2, _b2;
|
|
@@ -55,19 +55,19 @@ var SdProgressBar = class extends SolidElement {
|
|
|
55
55
|
this.isLoading ? this.localize.term("loading") : this.valueFormatter(this.clampedValue)
|
|
56
56
|
)}" aria-label="${ifDefined(!hasLabel ? this.label || this.localize.term("progress") : void 0)}" aria-labelledby="${ifDefined(hasLabel ? "label" : this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading ? html`<div part="track" class="${cx(
|
|
57
57
|
"absolute top-0 left-0 h-full progress-bar__track--loading-left",
|
|
58
|
-
this.inverted ? "sd-6-29-
|
|
58
|
+
this.inverted ? "sd-6-29-1-progress-bar__slide-bar--inverted-color-background" : "sd-6-29-1-progress-bar__slide-bar-color-background"
|
|
59
59
|
)}"></div><div part="track" class="${cx(
|
|
60
60
|
"absolute top-0 right-0 h-full progress-bar__track--loading-right",
|
|
61
|
-
this.inverted ? "sd-6-29-
|
|
61
|
+
this.inverted ? "sd-6-29-1-progress-bar__slide-bar--inverted-color-background" : "sd-6-29-1-progress-bar__slide-bar-color-background"
|
|
62
62
|
)}"></div><div part="indicator" class="${cx(
|
|
63
63
|
"absolute top-0 h-full progress-bar__indicator--loading",
|
|
64
|
-
this.inverted ? "sd-6-29-
|
|
64
|
+
this.inverted ? "sd-6-29-1-progress-bar--active--inverted-color-background" : "bg-accent"
|
|
65
65
|
)}"></div>` : html`<div part="indicator" class="${cx(
|
|
66
66
|
"w-[var(--percentage)]",
|
|
67
|
-
this.inverted ? "sd-6-29-
|
|
67
|
+
this.inverted ? "sd-6-29-1-progress-bar--active--inverted-color-background" : "bg-accent"
|
|
68
68
|
)}"></div>${this.value && this.value > 0 && this.value < this.safeMax ? html`<div class="w-0.5 shrink-0"></div>` : nothing}<div part="track" class="${cx(
|
|
69
69
|
"flex-1",
|
|
70
|
-
this.inverted ? "sd-6-29-
|
|
70
|
+
this.inverted ? "sd-6-29-1-progress-bar__slide-bar--inverted-color-background" : "sd-6-29-1-progress-bar__slide-bar-color-background"
|
|
71
71
|
)}"></div>`}</div>${this.showValue ? html`<span class="${cx(
|
|
72
72
|
"text-neutral-700 text-xs w-shrink-0",
|
|
73
73
|
this.inverted ? "text-white" : "text-neutral-700",
|
|
@@ -103,7 +103,7 @@ __decorateClass([
|
|
|
103
103
|
property({ attribute: false })
|
|
104
104
|
], SdProgressBar.prototype, "valueFormatter", 2);
|
|
105
105
|
SdProgressBar = __decorateClass([
|
|
106
|
-
customElement("sd-6-29-
|
|
106
|
+
customElement("sd-6-29-1-progress-bar")
|
|
107
107
|
], SdProgressBar);
|
|
108
108
|
|
|
109
109
|
export {
|
|
@@ -24,7 +24,7 @@ var SdTab = class extends SolidElement {
|
|
|
24
24
|
constructor() {
|
|
25
25
|
super(...arguments);
|
|
26
26
|
this.attrId = ++id;
|
|
27
|
-
this.componentId = `sd-6-29-
|
|
27
|
+
this.componentId = `sd-6-29-1-tab-${this.attrId}`;
|
|
28
28
|
this.hasSlotController = new HasSlotController(this, "left");
|
|
29
29
|
this.localize = new LocalizeController(this);
|
|
30
30
|
this.variant = "default";
|
|
@@ -62,17 +62,17 @@ var SdTab = class extends SolidElement {
|
|
|
62
62
|
"outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",
|
|
63
63
|
this.variant === "container" ? "tab-container-border bg-white rounded-[4px_4px_0_0]" : "navigable-border-radius",
|
|
64
64
|
this.variant === "container" && this.active && "tab--active-container-border bg-white",
|
|
65
|
-
this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-29-
|
|
66
|
-
this.active && "z-20 sd-6-29-
|
|
65
|
+
this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-29-1-tab--hover-color-background",
|
|
66
|
+
this.active && "z-20 sd-6-29-1-tab--active-color-text"
|
|
67
67
|
)}" tabindex="${!this.active || this.disabled ? "-1" : "0"}"><div class="${cx("flex h-full items-center justify-center whitespace-nowrap")}"><slot name="left" class="${cx(
|
|
68
68
|
slots.left && "block pr-2",
|
|
69
|
-
this.disabled || this.visuallyDisabled ? "sd-6-29-
|
|
69
|
+
this.disabled || this.visuallyDisabled ? "sd-6-29-1-tab--disabled-color-text" : this.active ? "sd-6-29-1-tab--active-color-text" : "sd-6-29-1-tab-color-text"
|
|
70
70
|
)}"></slot><slot class="${cx(
|
|
71
|
-
this.disabled || this.visuallyDisabled ? "sd-6-29-
|
|
71
|
+
this.disabled || this.visuallyDisabled ? "sd-6-29-1-tab--disabled-color-text" : this.active ? "sd-6-29-1-tab--active-color-text" : "sd-6-29-1-tab-color-text"
|
|
72
72
|
)}"></slot>${this.variant === "container" ? html`<div part="active-tab-indicator" class="${cx(
|
|
73
73
|
"absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius"
|
|
74
74
|
)}"></div>` : ""}<div part="hover-bottom-border" class="${cx(
|
|
75
|
-
!this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-29-
|
|
75
|
+
!this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-29-1-tab-color-border"
|
|
76
76
|
)}"></div></div></div>`;
|
|
77
77
|
}
|
|
78
78
|
};
|
|
@@ -109,7 +109,7 @@ __decorateClass([
|
|
|
109
109
|
watch(["disabled", "visually-disabled"])
|
|
110
110
|
], SdTab.prototype, "handleDisabledChange", 1);
|
|
111
111
|
SdTab = __decorateClass([
|
|
112
|
-
customElement("sd-6-29-
|
|
112
|
+
customElement("sd-6-29-1-tab")
|
|
113
113
|
], SdTab);
|
|
114
114
|
|
|
115
115
|
export {
|
|
@@ -211,22 +211,22 @@ var SdNotification = class extends SolidElement {
|
|
|
211
211
|
warning: "bg-warning",
|
|
212
212
|
error: "bg-error"
|
|
213
213
|
}[this.variant]
|
|
214
|
-
)}"><sd-6-29-
|
|
214
|
+
)}"><sd-6-29-1-icon name="${{
|
|
215
215
|
info: "info-circle",
|
|
216
216
|
success: "confirm-circle",
|
|
217
217
|
warning: "exclamation-circle",
|
|
218
|
-
error: "
|
|
219
|
-
}[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-29-
|
|
218
|
+
error: "risk"
|
|
219
|
+
}[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-29-1-icon></slot><div part="content" class="${cx(
|
|
220
220
|
"h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
|
|
221
|
-
"border-solid border-[1px] border-l-0 sd-6-29-
|
|
221
|
+
"border-solid border-[1px] border-l-0 sd-6-29-1-notification-color-border",
|
|
222
222
|
{
|
|
223
|
-
info: "sd-6-29-
|
|
224
|
-
success: "sd-6-29-
|
|
225
|
-
warning: "sd-6-29-
|
|
226
|
-
error: "sd-6-29-
|
|
223
|
+
info: "sd-6-29-1-notification--info-color-background",
|
|
224
|
+
success: "sd-6-29-1-notification--success-color-background",
|
|
225
|
+
warning: "sd-6-29-1-notification--warning-color-background",
|
|
226
|
+
error: "sd-6-29-1-notification--error-color-background"
|
|
227
227
|
}[this.variant]
|
|
228
|
-
)}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-29-
|
|
229
|
-
`absolute w-0 h-[2px] bottom-0 sd-6-29-
|
|
228
|
+
)}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-29-1-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-29-1-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-29-1-icon></sd-6-29-1-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(
|
|
229
|
+
`absolute w-0 h-[2px] bottom-0 sd-6-29-1-notification__duration-indicator-color-background z-10 animate-grow`
|
|
230
230
|
)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
|
|
231
231
|
}
|
|
232
232
|
};
|
|
@@ -272,7 +272,7 @@ __decorateClass([
|
|
|
272
272
|
watch("duration")
|
|
273
273
|
], SdNotification.prototype, "handleDurationChange", 1);
|
|
274
274
|
SdNotification = __decorateClass([
|
|
275
|
-
customElement("sd-6-29-
|
|
275
|
+
customElement("sd-6-29-1-notification")
|
|
276
276
|
], SdNotification);
|
|
277
277
|
setDefaultAnimation("notification.show", {
|
|
278
278
|
keyframes: [
|
|
@@ -58,16 +58,16 @@ var SdMapMarker = class extends SolidElement {
|
|
|
58
58
|
this.variant === "cluster" && this.state === "hover" && "scale-110",
|
|
59
59
|
this.variant === "cluster" && !this.notInteractive && "transition-transform duration-fast ease-in-out hover:scale-110",
|
|
60
60
|
{
|
|
61
|
-
cluster: "sd-6-29-
|
|
61
|
+
cluster: "sd-6-29-1-map-marker--cluster-color-text",
|
|
62
62
|
main: "sd-color-fill-accent",
|
|
63
|
-
place: "sd-6-29-
|
|
63
|
+
place: "sd-6-29-1-map-marker--pin-color-text"
|
|
64
64
|
}[this.variant]
|
|
65
65
|
)}"><div id="motion-wrapper" part="motion-wrapper" class="${cx(
|
|
66
66
|
"absolute inset-0 overflow-hidden pointer-events-none",
|
|
67
67
|
{
|
|
68
|
-
cluster: "sd-6-29-
|
|
69
|
-
main: "sd-6-29-
|
|
70
|
-
place: "sd-6-29-
|
|
68
|
+
cluster: "sd-6-29-1-map-marker--cluster--default-color-background group-hover:sd-6-29-1-map-marker--cluster--hover-color-background",
|
|
69
|
+
main: "sd-6-29-1-map-marker--main-color-background",
|
|
70
|
+
place: "sd-6-29-1-map-marker--pin--default-color-background"
|
|
71
71
|
}[this.variant]
|
|
72
72
|
)}" style="mask-image:${mask};-webkit-mask-image:${mask}"><div class="${cx(
|
|
73
73
|
"absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",
|
|
@@ -77,15 +77,15 @@ var SdMapMarker = class extends SolidElement {
|
|
|
77
77
|
{
|
|
78
78
|
cluster: "",
|
|
79
79
|
main: this.state === "active" ? "bg-accent-700" : this.state === "hover" ? "bg-accent-550" : "group-hover:bg-accent-550 group-active:bg-accent-700",
|
|
80
|
-
place: this.state === "active" || this.state === "hover" ? "sd-6-29-
|
|
80
|
+
place: this.state === "active" || this.state === "hover" ? "sd-6-29-1-map-marker--pin--hover-color-background" : "group-active:bg-primary-200"
|
|
81
81
|
}[this.variant]
|
|
82
82
|
)}"></div></div>${this.variant === "main" ? html`<div id="marker-circle" class="absolute rounded-full"></div>` : ""}</div>${marker} ${this.variant === "cluster" ? html`<div id="cluster-border" class="${cx(
|
|
83
|
-
"absolute inset-0 sd-6-29-
|
|
84
|
-
this.state === "hover" && "sd-6-29-
|
|
83
|
+
"absolute inset-0 sd-6-29-1-map-marker--cluster--default-color-background rounded-full opacity-30 hover:sd-6-29-1-map-marker--cluster--hover-color-background",
|
|
84
|
+
this.state === "hover" && "sd-6-29-1-map-marker--cluster--hover-color-background"
|
|
85
85
|
)}"></div>` : ""}</div><div id="content" part="content" class="${cx(
|
|
86
86
|
"absolute self-center pointer-events-none",
|
|
87
|
-
this.variant === "cluster" && "font-bold sd-6-29-
|
|
88
|
-
this.variant === "place" && "font-bold sd-6-29-
|
|
87
|
+
this.variant === "cluster" && "font-bold sd-6-29-1-map-marker--cluster-color-text",
|
|
88
|
+
this.variant === "place" && "font-bold sd-6-29-1-map-marker--pin-color-text"
|
|
89
89
|
)}"><slot></slot></div></${tag}>`;
|
|
90
90
|
}
|
|
91
91
|
};
|
|
@@ -119,7 +119,7 @@ __decorateClass([
|
|
|
119
119
|
property({ reflect: true })
|
|
120
120
|
], SdMapMarker.prototype, "label", 2);
|
|
121
121
|
SdMapMarker = __decorateClass([
|
|
122
|
-
customElement("sd-6-29-
|
|
122
|
+
customElement("sd-6-29-1-map-marker")
|
|
123
123
|
], SdMapMarker);
|
|
124
124
|
|
|
125
125
|
export {
|