@solid-design-system/components 6.0.0-next.22 → 6.0.0-next.23
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.4WC24WXI.js +2 -0
- package/cdn/components/radio-group/radio-group.d.ts +0 -1
- package/cdn/components/radio-group/radio-group.js +1 -1
- package/cdn/custom-elements.json +1 -21
- package/cdn/solid-components.bundle.js +5 -5
- package/cdn/solid-components.iife.js +10 -10
- package/cdn/solid-components.js +1 -1
- package/cdn/vscode.html-custom-data.json +0 -5
- package/cdn/web-types.json +1 -11
- package/cdn-versioned/chunks/chunk.2VK2CPV6.js +1 -1
- package/cdn-versioned/chunks/chunk.2ZDBC4NO.js +2 -2
- package/cdn-versioned/chunks/chunk.3LQ6BPSV.js +5 -5
- package/cdn-versioned/chunks/chunk.3O7D7WND.js +2 -2
- package/cdn-versioned/chunks/chunk.4WC24WXI.js +2 -0
- package/cdn-versioned/chunks/chunk.55ZOVACN.js +3 -3
- package/cdn-versioned/chunks/chunk.5UPYGDHE.js +1 -1
- package/cdn-versioned/chunks/chunk.5YOQAPGO.js +2 -2
- package/cdn-versioned/chunks/chunk.6CBTTZGN.js +2 -2
- package/cdn-versioned/chunks/chunk.6WBN2N4O.js +2 -2
- package/cdn-versioned/chunks/chunk.75PEEH7J.js +2 -2
- package/cdn-versioned/chunks/chunk.7KRLENTN.js +1 -1
- package/cdn-versioned/chunks/chunk.ARQOKY6B.js +2 -2
- package/cdn-versioned/chunks/chunk.BJBD3K7E.js +2 -2
- package/cdn-versioned/chunks/chunk.BNGAA2G7.js +2 -2
- package/cdn-versioned/chunks/chunk.CDP46OS4.js +1 -1
- package/cdn-versioned/chunks/chunk.CFP3UQ4K.js +2 -2
- package/cdn-versioned/chunks/chunk.CG2XMP5P.js +2 -2
- package/cdn-versioned/chunks/chunk.CODGMHKX.js +1 -1
- package/cdn-versioned/chunks/chunk.CXDC7HVF.js +2 -2
- package/cdn-versioned/chunks/chunk.DAEPT3H4.js +2 -2
- package/cdn-versioned/chunks/chunk.DFWW4H4B.js +2 -2
- package/cdn-versioned/chunks/chunk.EUGUFF7W.js +2 -2
- package/cdn-versioned/chunks/chunk.F4D4MB45.js +2 -2
- package/cdn-versioned/chunks/chunk.IFFVSUII.js +2 -2
- package/cdn-versioned/chunks/chunk.IPL4LTDH.js +2 -2
- package/cdn-versioned/chunks/chunk.J4OSIFRV.js +2 -2
- package/cdn-versioned/chunks/chunk.J52HZ4Y3.js +2 -2
- package/cdn-versioned/chunks/chunk.JS2HQ2N4.js +1 -1
- package/cdn-versioned/chunks/chunk.K6DCMB43.js +2 -2
- package/cdn-versioned/chunks/chunk.KFR44ZHE.js +2 -2
- package/cdn-versioned/chunks/chunk.KJU3DTTS.js +2 -2
- package/cdn-versioned/chunks/chunk.KTEJYSCF.js +2 -2
- package/cdn-versioned/chunks/chunk.LDQIVUJG.js +1 -1
- package/cdn-versioned/chunks/chunk.LEGQ7UUP.js +1 -1
- package/cdn-versioned/chunks/chunk.LEKTGPY4.js +2 -2
- package/cdn-versioned/chunks/chunk.M2OQAQW7.js +2 -2
- package/cdn-versioned/chunks/chunk.MOANQMSV.js +9 -9
- package/cdn-versioned/chunks/chunk.MUKILXUA.js +2 -2
- package/cdn-versioned/chunks/chunk.MUQCEPDF.js +2 -2
- package/cdn-versioned/chunks/chunk.N4SYLRH6.js +2 -2
- package/cdn-versioned/chunks/chunk.O6J7O4MM.js +1 -1
- package/cdn-versioned/chunks/chunk.OQC4S6XH.js +2 -2
- package/cdn-versioned/chunks/chunk.P43KSU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.P67KWOFJ.js +2 -2
- package/cdn-versioned/chunks/chunk.PACLE3DM.js +2 -2
- package/cdn-versioned/chunks/chunk.PG6R3PLC.js +2 -2
- package/cdn-versioned/chunks/chunk.RTFSEMNA.js +2 -2
- package/cdn-versioned/chunks/chunk.RYAD7IRY.js +1 -1
- package/cdn-versioned/chunks/chunk.TBF33CEP.js +2 -2
- package/cdn-versioned/chunks/chunk.UI456PWE.js +2 -2
- package/cdn-versioned/chunks/chunk.VOI4EXFV.js +2 -2
- package/cdn-versioned/chunks/chunk.VTDQOKJM.js +2 -2
- package/cdn-versioned/chunks/chunk.W22ZXNBC.js +2 -2
- package/cdn-versioned/chunks/chunk.W36B3LKW.js +1 -1
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WGOAIYU5.js +2 -2
- package/cdn-versioned/chunks/chunk.WO2J2S6V.js +1 -1
- package/cdn-versioned/chunks/chunk.XF6Q3IDC.js +1 -1
- package/cdn-versioned/chunks/chunk.XZMHSJLR.js +3 -3
- package/cdn-versioned/chunks/chunk.YWKNDVUM.js +5 -5
- package/cdn-versioned/chunks/chunk.Z2YSS7RK.js +2 -2
- package/cdn-versioned/chunks/chunk.ZGGBASR4.js +2 -2
- package/cdn-versioned/chunks/chunk.ZTPOVIKT.js +2 -2
- 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/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 -2
- package/cdn-versioned/components/radio-group/radio-group.js +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 +244 -264
- package/cdn-versioned/internal/form.js +3 -3
- package/cdn-versioned/solid-components.bundle.js +80 -80
- 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 +94 -99
- package/cdn-versioned/web-types.json +157 -167
- package/dist/chunks/{chunk.LLMYZ2DB.js → chunk.5BKAP2R5.js} +1 -9
- package/dist/components/radio-group/radio-group.d.ts +0 -1
- package/dist/components/radio-group/radio-group.js +1 -1
- package/dist/custom-elements.json +1 -21
- package/dist/solid-components.js +9 -9
- package/dist/vscode.html-custom-data.json +0 -5
- package/dist/web-types.json +1 -11
- package/dist-versioned/chunks/chunk.2DNMPJJ2.js +26 -26
- package/dist-versioned/chunks/chunk.2Z7CXAOD.js +3 -3
- package/dist-versioned/chunks/chunk.3DVN6TIZ.js +1 -1
- package/dist-versioned/chunks/chunk.3QHBV32W.js +5 -5
- package/dist-versioned/chunks/chunk.4H273N32.js +1 -1
- package/dist-versioned/chunks/chunk.4KOK7NFI.js +2 -2
- package/dist-versioned/chunks/chunk.4QTDQJIH.js +1 -1
- package/dist-versioned/chunks/{chunk.LLMYZ2DB.js → chunk.5BKAP2R5.js} +13 -21
- package/dist-versioned/chunks/chunk.6VZW3ADW.js +4 -4
- package/dist-versioned/chunks/chunk.6Y22XPHZ.js +4 -4
- package/dist-versioned/chunks/chunk.7FO25F4H.js +5 -5
- package/dist-versioned/chunks/chunk.7G7TEHPB.js +2 -2
- package/dist-versioned/chunks/chunk.AMRAVTSA.js +2 -2
- package/dist-versioned/chunks/chunk.ARH5HQTN.js +4 -4
- package/dist-versioned/chunks/chunk.CMW2TFVK.js +7 -7
- package/dist-versioned/chunks/chunk.D2WY74SG.js +4 -4
- package/dist-versioned/chunks/chunk.D7D7W462.js +10 -10
- package/dist-versioned/chunks/chunk.ESO3UE3C.js +9 -9
- package/dist-versioned/chunks/chunk.FENRLNP2.js +4 -4
- package/dist-versioned/chunks/chunk.GLHGV3VF.js +2 -2
- package/dist-versioned/chunks/chunk.H4SEXNBN.js +1 -1
- package/dist-versioned/chunks/chunk.H5D3NZVT.js +4 -4
- package/dist-versioned/chunks/chunk.HSAMYW74.js +3 -3
- package/dist-versioned/chunks/chunk.I2P23QTW.js +3 -3
- package/dist-versioned/chunks/chunk.IAEDCKKK.js +11 -11
- package/dist-versioned/chunks/chunk.IAEZIPFH.js +2 -2
- package/dist-versioned/chunks/chunk.IL64EXT6.js +4 -4
- package/dist-versioned/chunks/chunk.JG3MCP7W.js +5 -5
- package/dist-versioned/chunks/chunk.K4Z3IEUN.js +12 -12
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KZU2A6M6.js +6 -6
- package/dist-versioned/chunks/chunk.LMWUXHPK.js +3 -3
- package/dist-versioned/chunks/chunk.MI6R5ZZP.js +28 -28
- package/dist-versioned/chunks/chunk.MKJHGK5E.js +1 -1
- package/dist-versioned/chunks/chunk.MO6NWHBW.js +8 -8
- package/dist-versioned/chunks/chunk.NQQUKOWG.js +3 -3
- package/dist-versioned/chunks/chunk.O2ADKKAZ.js +3 -3
- package/dist-versioned/chunks/chunk.OBK3EO2G.js +3 -3
- package/dist-versioned/chunks/chunk.OBSDK2VV.js +2 -2
- package/dist-versioned/chunks/chunk.ONQR2THN.js +4 -4
- package/dist-versioned/chunks/chunk.P6HO4QVG.js +3 -3
- package/dist-versioned/chunks/chunk.PFVAHB5W.js +4 -4
- package/dist-versioned/chunks/chunk.POWK7YFC.js +3 -3
- package/dist-versioned/chunks/chunk.PSFJL5BC.js +14 -14
- package/dist-versioned/chunks/chunk.PVDLPPTV.js +1 -1
- package/dist-versioned/chunks/chunk.Q3WYBER2.js +6 -6
- package/dist-versioned/chunks/chunk.QCP6K5CZ.js +5 -5
- package/dist-versioned/chunks/chunk.QKIZQ6XB.js +3 -3
- package/dist-versioned/chunks/chunk.QZBVTJJG.js +24 -24
- package/dist-versioned/chunks/chunk.RD3IRAC3.js +2 -2
- package/dist-versioned/chunks/chunk.RJWK5GMF.js +1 -1
- package/dist-versioned/chunks/chunk.RR3Q5MBE.js +4 -4
- package/dist-versioned/chunks/chunk.SK4YQFUJ.js +4 -4
- package/dist-versioned/chunks/chunk.SMJX5NIM.js +2 -2
- package/dist-versioned/chunks/chunk.U2BN2DBY.js +4 -4
- package/dist-versioned/chunks/chunk.U6ST552E.js +8 -8
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.V4N7KIXL.js +2 -2
- package/dist-versioned/chunks/chunk.WNEVZO6O.js +1 -1
- package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
- package/dist-versioned/chunks/chunk.YF3BJYUM.js +2 -2
- package/dist-versioned/chunks/chunk.YF5UEAZB.js +1 -1
- package/dist-versioned/chunks/chunk.Z5JYDAEW.js +1 -1
- package/dist-versioned/chunks/chunk.ZKYLWME6.js +8 -8
- 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/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 -2
- package/dist-versioned/components/radio-group/radio-group.js +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 +244 -264
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +9 -9
- package/dist-versioned/vscode.html-custom-data.json +94 -99
- package/dist-versioned/web-types.json +157 -167
- package/package.json +1 -1
- package/cdn/chunks/chunk.SI4JS23V.js +0 -2
- package/cdn-versioned/chunks/chunk.SI4JS23V.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{a as n}from"./chunk.IQPMMUES.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a,b as c,h as i}from"./chunk.W36B3LKW.js";import{b as l,e as o}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var r=class extends i{constructor(){super(...arguments);this.color="currentColor";this.localize=new n(this)}render(){return o`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="20" cy="12" r="2" fill="currentColor"/><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="12" cy="12" r="2" fill="currentColor"/><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="4" cy="12" r="2" fill="currentColor"/></svg>`}};r.styles=[...i.styles,l`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{display:inline-block;width:1em;height:1em}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(1){animation-delay:.2s}`],t([c({type:String,reflect:!0})],r.prototype,"color",2),r=t([a("sd-6-0-0-next-
|
|
2
|
+
:host{display:inline-block;width:1em;height:1em}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(1){animation-delay:.2s}`],t([c({type:String,reflect:!0})],r.prototype,"color",2),r=t([a("sd-6-0-0-next-23-loader")],r);export{r as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as h}from"./chunk.PG6R3PLC.js";import{a as s}from"./chunk.PV6UYBMY.js";import{a as i}from"./chunk.B2NUKX6G.js";import{a,b as p}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as d,b as m,h as c}from"./chunk.W36B3LKW.js";import{b as l}from"./chunk.763RLJEK.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends h{constructor(){super(...arguments);this.expandable=!1}render(){let n=this.expandable?a`details`:a`div`,r=this.expandable?a`summary`:a`div`;return p`<${n} part="base" class="sm:p-6"><${r} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(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="${e("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="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-6-0-0-next-
|
|
2
|
-
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([m({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=o([d("sd-6-0-0-next-
|
|
1
|
+
import{a as h}from"./chunk.PG6R3PLC.js";import{a as s}from"./chunk.PV6UYBMY.js";import{a as i}from"./chunk.B2NUKX6G.js";import{a,b as p}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as d,b as m,h as c}from"./chunk.W36B3LKW.js";import{b as l}from"./chunk.763RLJEK.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends h{constructor(){super(...arguments);this.expandable=!1}render(){let n=this.expandable?a`details`:a`div`,r=this.expandable?a`summary`:a`div`;return p`<${n} part="base" class="sm:p-6"><${r} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(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="${e("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="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-6-0-0-next-23-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${e("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",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${e(this.open&&"hidden")}"><sd-6-0-0-next-23-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-0-0-next-23-icon></slot><slot name="collapse-icon" class="${e(!this.open&&"hidden")}"><sd-6-0-0-next-23-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-0-0-next-23-icon></slot></span></${r}><div part="content" id="content" class="${e("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${n}>`}};t.styles=[...c.styles,l`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([m({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=o([d("sd-6-0-0-next-23-quickfact")],t);i("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});i("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.IQPMMUES.js";import{a as p}from"./chunk.YFQFOIEM.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.W36B3LKW.js";import{b as k,e as u}from"./chunk.763RLJEK.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 overlay-color-background pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-0-0-next-
|
|
2
|
-
:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid var(--sd-panel-color-border,transparent)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-0-0-next-
|
|
1
|
+
import{a as g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.IQPMMUES.js";import{a as p}from"./chunk.YFQFOIEM.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.W36B3LKW.js";import{b as k,e as u}from"./chunk.763RLJEK.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 overlay-color-background pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-0-0-next-23-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-0-0-next-23-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-23-icon></sd-6-0-0-next-23-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-0-0-next-23-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-6-0-0-next-23-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-0-0-next-23-icon></sd-6-0-0-next-23-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...b.styles,k`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid var(--sd-panel-color-border,transparent)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-0-0-next-23-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as y,b as k}from"./chunk.I2H6CZK5.js";import{a as c,c as d}from"./chunk.B2NUKX6G.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as H}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.YFQFOIEM.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.W36B3LKW.js";import{b as v,e as u}from"./chunk.763RLJEK.js";import{b as n,e as l,f as b}from"./chunk.W4QBFD6E.js";import{e}from"./chunk.6EV4YU6C.js";var m={"top-right":null,"bottom-center":null},$=()=>{Object.entries(m).forEach(([a])=>{let h=document.querySelector(`#sd-toast-stack--${a}`);if(h){h.setAttribute("role","region"),m[a]=h;return}m[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};$();var t=class extends w{constructor(){super(...arguments);this.localize=new H(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return m[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([l(this.base),l(this.wrapper)]),this.wrapper.hidden=!1;let i=d(this,"notification.show",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.show${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([l(this.base),l(this.wrapper)]);let i=d(this,"notification.hide",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.hide${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return u`<div part="base" class="${o("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${o("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-6-0-0-next-
|
|
2
|
-
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([p('[part~="base"]')],t.prototype,"base",2),e([p('[part~="wrapper"]')],t.prototype,"wrapper",2),e([p('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([f("duration")],t.prototype,"handleDurationChange",1),t=e([T("sd-6-0-0-next-
|
|
1
|
+
import{a as y,b as k}from"./chunk.I2H6CZK5.js";import{a as c,c as d}from"./chunk.B2NUKX6G.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as H}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.YFQFOIEM.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.W36B3LKW.js";import{b as v,e as u}from"./chunk.763RLJEK.js";import{b as n,e as l,f as b}from"./chunk.W4QBFD6E.js";import{e}from"./chunk.6EV4YU6C.js";var m={"top-right":null,"bottom-center":null},$=()=>{Object.entries(m).forEach(([a])=>{let h=document.querySelector(`#sd-toast-stack--${a}`);if(h){h.setAttribute("role","region"),m[a]=h;return}m[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};$();var t=class extends w{constructor(){super(...arguments);this.localize=new H(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return m[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([l(this.base),l(this.wrapper)]),this.wrapper.hidden=!1;let i=d(this,"notification.show",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.show${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([l(this.base),l(this.wrapper)]);let i=d(this,"notification.hide",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.hide${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return u`<div part="base" class="${o("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${o("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-6-0-0-next-23-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-6-0-0-next-23-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-6-0-0-next-23-notification-color-border",{info:"sd-6-0-0-next-23-notification--info-color-background",success:"sd-6-0-0-next-23-notification--success-color-background",warning:"sd-6-0-0-next-23-notification--warning-color-background",error:"sd-6-0-0-next-23-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-6-0-0-next-23-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-0-0-next-23-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-0-0-next-23-icon></sd-6-0-0-next-23-button>`:""}</div>${this.durationIndicator?u`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-6-0-0-next-23-notification-color-border"></div>`:""}</div></div>`}};t.styles=[...w.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([p('[part~="base"]')],t.prototype,"base",2),e([p('[part~="wrapper"]')],t.prototype,"wrapper",2),e([p('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([f("duration")],t.prototype,"handleDurationChange",1),t=e([T("sd-6-0-0-next-23-notification")],t);c("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});c("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as f}from"./chunk.CSLPZKLY.js";import{b as c}from"./chunk.D6LAH53B.js";import{e as l,i as u}from"./chunk.763RLJEK.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.G!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-0-0-next-
|
|
1
|
+
import{a as f}from"./chunk.CSLPZKLY.js";import{b as c}from"./chunk.D6LAH53B.js";import{e as l,i as u}from"./chunk.763RLJEK.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.G!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-0-0-next-23-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-6-0-0-next-23-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-6-0-0-next-23-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-6-0-0-next-23-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-6-0-0-next-23-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
lit-html/directives/ref.js:
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.IQPMMUES.js";import{a}from"./chunk.YFQFOIEM.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as o,h as l}from"./chunk.W36B3LKW.js";import{b as d,e as s}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-0-0-next-
|
|
2
|
-
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([o("[part=base]")],t.prototype,"tab",2),e([o("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-0-0-next-
|
|
1
|
+
import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.IQPMMUES.js";import{a}from"./chunk.YFQFOIEM.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as o,h as l}from"./chunk.W36B3LKW.js";import{b as d,e as s}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-0-0-next-23-tab-${this.attrId}`;this.hasSlotController=new b(this,"left");this.localize=new u(this);this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let r=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",r?"true":"false")}focus(r){this.tab.focus(r)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let r={left:this.hasSlotController.test("left")};return s`<div part="base" class="${a("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative","outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",this.variant==="container"?"tab-container-border bg-white rounded-[4px_4px_0_0]":"navigable-border-radius",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:color-background",this.active&&"z-20")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${a("flex h-full items-center justify-center whitespace-nowrap",this.disabled||this.visuallyDisabled&&"opacity-50 ")}"><slot name="left" class="${a(r.left&&"block pr-2",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary")}"></slot><slot class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary")}"></slot>${this.variant==="container"?s`<div part="active-tab-indicator" class="${a("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")}"></div>`:""}<div part="hover-bottom-border" class="${a(!this.active&&!this.disabled&&"absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-0-0-next-23-tab-color-border")}"></div></div></div>`}};t.styles=[...l.styles,d`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([o("[part=base]")],t.prototype,"tab",2),e([o("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-0-0-next-23-tab")],t);export{t as a};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{a as b}from"./chunk.PV6UYBMY.js";import{a as h,c as p}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as y}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.YFQFOIEM.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as v,b as a,d as n,h as c}from"./chunk.W36B3LKW.js";import{b as g,e as u}from"./chunk.763RLJEK.js";import{b as r,e as l,f as d}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.open=!1;this.inverted=!1;this.localize=new y(this)}updateMaxHeight(){var s;let e=(s=this.contentPreview)==null?void 0:s.scrollHeight.toString();this.style.setProperty("--max-height-pixel",`${e}px`),this.style.setProperty("--max-height",e)}onToggleClick(){this.updateMaxHeight(),this.open=!this.open}async onOpenChange(){if(this.body.classList.add("transitioning"),this.open){this.emit("sd-show"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.show",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-show")})}else{this.emit("sd-hide"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.hide",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-hide")})}this.details.setAttribute("open",this.open.toString()),this.body.classList.remove("transitioning")}async show(){if(!this.open)return this.onToggleClick(),m(this,"sd-after-show")}async hide(){if(this.open)return this.onToggleClick(),m(this,"sd-after-hide")}render(){return u`<div part="base" class="flex flex-col-reverse gap-4"><button part="toggle" class="${o("sd-interactive sd-interactive--reset",this.inverted&&"sd-interactive--inverted",this.inverted?"!focus-visible:focus-outline-inverted":"!focus-visible:focus-outline")}" @click="${this.onToggleClick}" aria-expanded="${this.open}"><div class="${o("h-full justify-center w-full text-base flex items-center toggle")}"><span part="toggle-icon" class="${o("flex items-center mr-2 transition-transform duration-medium ease-in-out",this.open&&"rotate-180")}"><slot name="expand-icon" class="${o(this.open&&"hidden")}"><sd-6-0-0-next-
|
|
1
|
+
import{a as b}from"./chunk.PV6UYBMY.js";import{a as h,c as p}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as y}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.YFQFOIEM.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as v,b as a,d as n,h as c}from"./chunk.W36B3LKW.js";import{b as g,e as u}from"./chunk.763RLJEK.js";import{b as r,e as l,f as d}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.open=!1;this.inverted=!1;this.localize=new y(this)}updateMaxHeight(){var s;let e=(s=this.contentPreview)==null?void 0:s.scrollHeight.toString();this.style.setProperty("--max-height-pixel",`${e}px`),this.style.setProperty("--max-height",e)}onToggleClick(){this.updateMaxHeight(),this.open=!this.open}async onOpenChange(){if(this.body.classList.add("transitioning"),this.open){this.emit("sd-show"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.show",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-show")})}else{this.emit("sd-hide"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.hide",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-hide")})}this.details.setAttribute("open",this.open.toString()),this.body.classList.remove("transitioning")}async show(){if(!this.open)return this.onToggleClick(),m(this,"sd-after-show")}async hide(){if(this.open)return this.onToggleClick(),m(this,"sd-after-hide")}render(){return u`<div part="base" class="flex flex-col-reverse gap-4"><button part="toggle" class="${o("sd-interactive sd-interactive--reset",this.inverted&&"sd-interactive--inverted",this.inverted?"!focus-visible:focus-outline-inverted":"!focus-visible:focus-outline")}" @click="${this.onToggleClick}" aria-expanded="${this.open}"><div class="${o("h-full justify-center w-full text-base flex items-center toggle")}"><span part="toggle-icon" class="${o("flex items-center mr-2 transition-transform duration-medium ease-in-out",this.open&&"rotate-180")}"><slot name="expand-icon" class="${o(this.open&&"hidden")}"><sd-6-0-0-next-23-icon library="_internal" name="chevron-down" class="text-xl"></sd-6-0-0-next-23-icon></slot><slot name="collapse-icon" class="${o(!this.open&&"hidden")}"><sd-6-0-0-next-23-icon library="_internal" name="chevron-down" class="text-xl"></sd-6-0-0-next-23-icon></slot></span><slot name="toggle-closed" class="${o(this.open&&"hidden")}">${this.localize.term("showMore")}</slot><slot name="toggle-open" class="${o(!this.open&&"hidden")}">${this.localize.term("showLess")}</slot></div></button><details part="details" ?inert="${b(!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>`}firstUpdated(){this.cloneContentToLightDOM(),this.details.setAttribute("open",this.open.toString())}cloneContentToLightDOM(){let e=document.createElement("div");e.setAttribute("slot","clone"),Array.from(this.childNodes).forEach(w=>{let x=w.cloneNode(!0);e.appendChild(x)}),this.appendChild(e)}};t.styles=[...c.styles,g`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
2
|
:host{--component-expandable-max-block-size:90px;--gradient-height:24px;--gradient:var(
|
|
3
3
|
--gradient-color-start,
|
|
4
4
|
transparent,
|
|
5
5
|
var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))))
|
|
6
|
-
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],i([n(".content-preview")],t.prototype,"contentPreview",2),i([n("details")],t.prototype,"details",2),i([n('[part="content"]')],t.prototype,"body",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"onOpenChange",1),t=i([v("sd-6-0-0-next-
|
|
6
|
+
) 80%,var(--gradient-color-end, rgba(var(--sd-color-background-white, rgba(var(--sd-color-white))))) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{--tw-border-style:none;border-style:none;padding:calc(var(--sd-spacing-1) * 0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content::after{position:absolute;bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);display:block;width:100%;opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]){--color-primary-rgb:0,53,142;--gradient-color-start:rgba(var(--color-primary-rgb), 0);--gradient-color-end:rgba(var(--color-primary-rgb), 1)}:host([inverted]) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,var(--gradient)))}:host(:not([open])) .content::after{opacity:var(--sd-opacity-100)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],i([n(".content-preview")],t.prototype,"contentPreview",2),i([n("details")],t.prototype,"details",2),i([n('[part="content"]')],t.prototype,"body",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"onOpenChange",1),t=i([v("sd-6-0-0-next-23-expandable")],t);h("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});h("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{a}from"./chunk.IQPMMUES.js";import{a as m}from"./chunk.YFQFOIEM.js";import{a as i,b as s,h as t}from"./chunk.W36B3LKW.js";import{b as l,e as o}from"./chunk.763RLJEK.js";import{e as r}from"./chunk.6EV4YU6C.js";var e=class extends t{constructor(){super(...arguments);this.color="currentColor";this.localize=new a(this)}render(){return o`<svg role="progressbar" viewBox="0 0 24 24" class="${m("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};e.styles=[...t.styles,l`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{display:inline-block;width:1em;height:1em}`],r([s({type:String,reflect:!0})],e.prototype,"color",2),e=r([i("sd-6-0-0-next-
|
|
2
|
+
:host{display:inline-block;width:1em;height:1em}`],r([s({type:String,reflect:!0})],e.prototype,"color",2),e=r([i("sd-6-0-0-next-23-spinner")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as d}from"./chunk.VYBQ3X2B.js";import{a as b}from"./chunk.N3WG3NAL.js";import{b as m}from"./chunk.JS2HQ2N4.js";import{a as p}from"./chunk.PV6UYBMY.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as h,b as l,c,d as a,h as o}from"./chunk.W36B3LKW.js";import{b as u,e as s}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,f)=>e.checked=f});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=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";return s`<label part="base" class="${r("sd-6-0-0-next-
|
|
2
|
-
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}:host([required]) #label::after{content:' *'}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],i([a('input[type="checkbox"]')],t.prototype,"input",2),i([a("#invalid-message")],t.prototype,"invalidMessage",2),i([l({type:String,reflect:!0})],t.prototype,"title",2),i([l({type:String,reflect:!0})],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([l({type:String,reflect:!0})],t.prototype,"size",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([l({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([l({type:String,reflect:!0})],t.prototype,"form",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([c()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-6-0-0-next-
|
|
1
|
+
import{a as d}from"./chunk.VYBQ3X2B.js";import{a as b}from"./chunk.N3WG3NAL.js";import{b as m}from"./chunk.JS2HQ2N4.js";import{a as p}from"./chunk.PV6UYBMY.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as h,b as l,c,d as a,h as o}from"./chunk.W36B3LKW.js";import{b as u,e as s}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,f)=>e.checked=f});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=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";return s`<label part="base" class="${r("sd-6-0-0-next-23-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${r("relative flex flex-shrink-0 items-center justify-center border sd-6-0-0-next-23-checkbox-border-width rounded-sm h-4 w-4","transition-colors ease-in-out duration-medium group-hover:duration-fast","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"><div class="${r("absolute h-3 transition-[width] right-0 duration-medium",this.checked||this.indeterminate?"w-0":"w-3")}"><div class="${r("w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",{disabledIndeterminate:"bg-neutral-500",disabledChecked:" bg-neutral-500",disabled:"",visuallyDisabled:"",invalidIndeterminate:" bg-error group-hover:bg-error-400",invalid:"group-hover:bg-neutral-200",filled:"bg-accent group-hover:bg-accent-550",default:"hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"></div></div>${this.checked?s`<sd-6-0-0-next-23-icon part="checked-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-check"></sd-6-0-0-next-23-icon>`:""} ${!this.checked&&this.indeterminate?s`<sd-6-0-0-next-23-icon part="indeterminate-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-minus"></sd-6-0-0-next-23-icon>`:""} </span><span part="label" id="label" class="${r("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};t.styles=[...o.styles,u`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}:host([required]) #label::after{content:' *'}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],i([a('input[type="checkbox"]')],t.prototype,"input",2),i([a("#invalid-message")],t.prototype,"invalidMessage",2),i([l({type:String,reflect:!0})],t.prototype,"title",2),i([l({type:String,reflect:!0})],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([l({type:String,reflect:!0})],t.prototype,"size",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([l({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([l({type:String,reflect:!0})],t.prototype,"form",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([c()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-6-0-0-next-23-checkbox")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as o}from"./chunk.PV6UYBMY.js";import{a as y}from"./chunk.CGQ2BPPZ.js";import{a as u,b as s}from"./chunk.PJ7JCMQF.js";import{a as b}from"./chunk.IQPMMUES.js";import{a as l}from"./chunk.YFQFOIEM.js";import{a as m,b as r,d as p,h as f}from"./chunk.W36B3LKW.js";import{b as v}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new y(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let e=this.defaultSlot.assignedNodes({flatten:!0});return e.length>0&&e.every(a=>{var d;return a.nodeType===Node.TEXT_NODE?!((d=a.textContent)!=null&&d.trim()):a.nodeType===Node.ELEMENT_NODE?a.tagName.toLowerCase()==="sd-6-0-0-next-
|
|
2
|
-
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],i([p('[part="base"]')],t.prototype,"button",2),i([p("slot:not([name])")],t.prototype,"defaultSlot",2),i([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({reflect:!0})],t.prototype,"href",2),i([r({type:String,reflect:!0})],t.prototype,"target",2),i([r({reflect:!0})],t.prototype,"download",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),i([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),i([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=i([m("sd-6-0-0-next-
|
|
1
|
+
import{a as o}from"./chunk.PV6UYBMY.js";import{a as y}from"./chunk.CGQ2BPPZ.js";import{a as u,b as s}from"./chunk.PJ7JCMQF.js";import{a as b}from"./chunk.IQPMMUES.js";import{a as l}from"./chunk.YFQFOIEM.js";import{a as m,b as r,d as p,h as f}from"./chunk.W36B3LKW.js";import{b as v}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new y(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let e=this.defaultSlot.assignedNodes({flatten:!0});return e.length>0&&e.every(a=>{var d;return a.nodeType===Node.TEXT_NODE?!((d=a.textContent)!=null&&d.trim()):a.nodeType===Node.ELEMENT_NODE?a.tagName.toLowerCase()==="sd-6-0-0-next-23-icon":!1})}handleClickButton(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}handleClickSummary(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?u`div`:this.isAccordion&&!this.isLink?u`summary`:this.isLink?u`a`:u`button`}focus(){var e;this.disabled||(e=this.button)==null||e.focus()}blur(){var e;(e=this.button)==null||e.blur()}render(){let e=this.tag,a=this.isLink,d=this.isButton,n=this.isAccordion,g=this.isIconOnly,c={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},x=this.vertical?"py-3":"py-2",h=s`<${e} part="base" class="${l("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-6-0-0-next-23-navigation-item-color-text",this.current&&"font-bold sd-6-0-0-next-23-navigation-item--current-color-text",!n&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",g?"justify-center aspect-square p-3":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(d?this.disabled:void 0)}" href="${o(a?this.href:void 0)}" target="${o(a?this.target:void 0)}" download="${o(a?this.download:void 0)}" rel="${o(a&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:n?this.handleClickSummary:d?this.handleClickButton:void 0}"><div part="current-indicator" class="${l("absolute bg-accent left-0 pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"navigable__current-indicator-height w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="inline-flex flex-col justify-center gap-1 w-full h-full"><span part="content-area" class="${l("relative inline-flex justify-between items-center",n?"grow":"w-full",c.description&&"pt-3",!c.description&&!this.separated&&x,this.calculatePaddingX)}">${this.divider&&this.vertical?s`<sd-6-0-0-next-23-divider part="divider" class="${l("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-0-0-next-23-divider>`:""} <span id="content" part="content-container" class="inline-flex items-center flex-auto"><slot part="content" class="inline-flex text-start"></slot></span>${this.chevron||c.children&&this.vertical&&!this.separated?s`<sd-6-0-0-next-23-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${l("h-6 w-6 ml-2 transition-all",n?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-0-0-next-23-icon>`:""} </span>${c.description&&this.vertical?s`<slot id="description" name="description" part="description" class="${l("inline-block text-sm text-left font-normal text-black pb-3",n||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${e}>`;return this.separated?s`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${h} ${c.children&&this.vertical?s`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-0-0-next-23-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${l("m-4 h-6 w-6 transition-all",n||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-0-0-next-23-icon></button>`:""}</div>${this.open?s`<slot name="children"></slot>`:""}</div>`:n?s`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${h}<slot name="children"></slot></details>`:s`${h}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],i([p('[part="base"]')],t.prototype,"button",2),i([p("slot:not([name])")],t.prototype,"defaultSlot",2),i([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({reflect:!0})],t.prototype,"href",2),i([r({type:String,reflect:!0})],t.prototype,"target",2),i([r({reflect:!0})],t.prototype,"download",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),i([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),i([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=i([m("sd-6-0-0-next-23-navigation-item")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.PV6UYBMY.js";import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.YFQFOIEM.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as i,c as u,d as r,h as o}from"./chunk.W36B3LKW.js";import{b as c,e as a}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.hasSlotController=new b(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return a`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center sd-6-0-0-next-
|
|
2
|
-
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--sd-color-border-error,var(--sd-color-error));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:var(--sd-spacing-12)}.lg-no-label{height:var(--sd-spacing-12);padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:var(--sd-spacing-10)}.md-no-label{height:var(--sd-spacing-10);padding-inline:var(--sd-spacing-4)}.sm-label{height:var(--sd-spacing-8)}.sm-no-label{height:var(--sd-spacing-8);padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-0-0-next-
|
|
1
|
+
import{a as p}from"./chunk.PV6UYBMY.js";import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.YFQFOIEM.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as i,c as u,d as r,h as o}from"./chunk.W36B3LKW.js";import{b as c,e as a}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends o{constructor(){super(...arguments);this.hasSlotController=new b(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return a`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center sd-6-0-0-next-23-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"sd-6-0-0-next-23-button--primary--default-color-background sd-6-0-0-next-23-button--primary--default-color-text hover:sd-6-0-0-next-23-button--primary--hover-color-background":!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 sd-6-0-0-next-23-radio-button-color-text border-primary hover:text-primary-500 cursor-pointer",e&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",e&&"button--has-label",l&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${p(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${n(l&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!l}"></slot>${e?a`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...o.styles,c`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--sd-color-border-error,var(--sd-color-error));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:var(--sd-spacing-12)}.lg-no-label{height:var(--sd-spacing-12);padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:var(--sd-spacing-10)}.md-no-label{height:var(--sd-spacing-10);padding-inline:var(--sd-spacing-4)}.sm-label{height:var(--sd-spacing-8)}.sm-no-label{height:var(--sd-spacing-8);padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-0-0-next-23-button-group__button:not(.sd-6-0-0-next-23-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-0-0-next-23-button-group__button:not(.sd-6-0-0-next-23-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-0-0-next-23-button-group__button:not(.sd-6-0-0-next-23-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-0-0-next-23-button-group__button--hover){z-index:20}:host(.sd-6-0-0-next-23-button-group__button--focus),:host(.sd-6-0-0-next-23-button-group__button[checked]){z-index:10}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],s([r(".button")],t.prototype,"input",2),s([r(".hidden-input")],t.prototype,"hiddenInput",2),s([u()],t.prototype,"hasFocus",2),s([i({type:String,reflect:!0})],t.prototype,"size",2),s([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([i()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([d("sd-6-0-0-next-23-radio-button")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as a}from"./chunk.W36B3LKW.js";import{b as o,e as d}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends a{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return d`<span part="base" class="${s("sd-6-0-0-next-
|
|
2
|
-
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:var(--sd-color-border-primary,var(--sd-color-primary))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([c("sd-6-0-0-next-
|
|
1
|
+
import{a as s}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as a}from"./chunk.W36B3LKW.js";import{b as o,e as d}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends a{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return d`<span part="base" class="${s("sd-6-0-0-next-23-radio group flex items-center text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${s("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-0-0-next-23-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?s("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-6-0-0-next-23-radio--checked--invalid--default-color-background":"sd-6-0-0-next-23-radio--default--invalid-color-background"):this.checked?"sd-6-0-0-next-23-radio--checked--default-color-background hover:sd-6-0-0-next-23-radio--checked--hover-color-background group-hover:sd-6-0-0-next-23-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550":"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${s("rounded-full inline-flex text-white sd-6-0-0-next-23-radio--checked--default__icon-color-background h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"bg-neutral-500":this.visuallyDisabled?"bg-white":this.invalid?"sd-6-0-0-next-23-radio--checked--invalid--default__icon-color-background hover:sd-6-0-0-next-23-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-0-0-next-23-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-6-0-0-next-23-radio--checked--default__icon-color-background hover:sd-6-0-0-next-23-radio--checked--hover__icon-color-background group-hover:sd-6-0-0-next-23-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${s("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};e.styles=[...a.styles,o`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:var(--sd-color-border-primary,var(--sd-color-primary))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([c("sd-6-0-0-next-23-radio")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.W36B3LKW.js";import{b as l,e as n}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-0-0-next-
|
|
2
|
-
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-0-0-next-
|
|
1
|
+
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.W36B3LKW.js";import{b as l,e as n}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-0-0-next-23-teaser--neutral-400-color-border","neutral-100":"sd-6-0-0-next-23-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-0-0-next-23-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. <h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-0-0-next-23-teaser")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as v}from"./chunk.IQPMMUES.js";import{a as g}from"./chunk.YFQFOIEM.js";import{a as b,b as f,c,d as o,h}from"./chunk.W36B3LKW.js";import{b as m,e as u}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.label="";this.itemPositionsCached=!1;this.isTruncated=!1}get items(){return this.querySelectorAll("sd-6-0-0-next-
|
|
2
|
-
:host{position:relative;display:block}::slotted(sd-6-0-0-next-
|
|
1
|
+
import{a as v}from"./chunk.IQPMMUES.js";import{a as g}from"./chunk.YFQFOIEM.js";import{a as b,b as f,c,d as o,h}from"./chunk.W36B3LKW.js";import{b as m,e as u}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.label="";this.itemPositionsCached=!1;this.isTruncated=!1}get items(){return this.querySelectorAll("sd-6-0-0-next-23-breadcrumb-item")}cacheItemPositions(){this.items.forEach(t=>{let{width:r}=t.getBoundingClientRect();t.dataset.size=`${r}`}),this.itemPositionsCached=!0}handleTruncation(){var a;if(document.documentElement.clientWidth<=1024)return;let{width:t}=this.base.getBoundingClientRect(),{width:r}=this.truncated.getBoundingClientRect();this.itemPositionsCached||this.cacheItemPositions(),this.dropdown.innerHTML="",this.isTruncated=!1;let n=0;for(let[p,i]of Array.from(this.items).reverse().entries()){let l=parseFloat(`${(a=i.dataset.size)!=null?a:i.getBoundingClientRect().width}`);if(i.hidden=!1,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0;continue}if(p===0||p===1){n+=l;continue}if(this.isTruncated=n+l+r>t,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0}else n+=l}}handleMobileChevron(){var r,n,a;let t=document.createElement("sd-6-0-0-next-23-icon");t.setAttribute("slot","icon-left"),t.setAttribute("library","_internal"),t.setAttribute("name","chevron-left"),t.setAttribute("class","text-base me-1 lg:hidden"),(a=(n=(r=Array.from(this.items).at(-2))==null?void 0:r.shadowRoot)==null?void 0:n.querySelector("sd-6-0-0-next-23-link"))==null||a.appendChild(t)}handleSlotChange(){this.handleMobileChevron()}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.handleTruncation()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}render(){return u`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-6-0-0-next-23-dropdown part="truncated" class="${g(!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-6-0-0-next-23-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`}};e.styles=[...h.styles,m`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:block}::slotted(sd-6-0-0-next-23-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-23-dropdown::after{margin-inline:var(--sd-spacing-2);display:none;height:var(--sd-spacing-1);width:var(--sd-spacing-1);border-radius:var(--sd-radius-full);background-color:rgba(var(--sd-breadcrumb__separator-color,rgba(var(--sd-color-neutral-400))));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-6-0-0-next-23-breadcrumb-item:not(:last-of-type))::after,sd-6-0-0-next-23-dropdown::after{display:inline-block}}::slotted(sd-6-0-0-next-23-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-6-0-0-next-23-breadcrumb-item:nth-last-child(2))::after{background-color:rgba(var(--sd-color-background-accent))}}::slotted(sd-6-0-0-next-23-breadcrumb-item),sd-6-0-0-next-23-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-6-0-0-next-23-breadcrumb-item),sd-6-0-0-next-23-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],s([o('[part="base"]')],e.prototype,"base",2),s([o('[part="truncated"]')],e.prototype,"truncated",2),s([o('[part="truncated-dropdown"]')],e.prototype,"dropdown",2),s([o("slot")],e.prototype,"defaultSlot",2),s([f({type:String,reflect:!0})],e.prototype,"label",2),s([c()],e.prototype,"itemPositionsCached",2),s([c()],e.prototype,"isTruncated",2),e=s([b("sd-6-0-0-next-23-breadcrumb")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as y}from"./chunk.MP6XEXRW.js";import{a as u,b as p,c as a}from"./chunk.54UVKIZB.js";import{a as v}from"./chunk.TWZDCIM2.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as f,h as n}from"./chunk.W36B3LKW.js";import{b as g,e as b}from"./chunk.763RLJEK.js";import{e as r}from"./chunk.6EV4YU6C.js";var c,t=class extends n{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),u(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),p(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"?e.resolver(this.name,this):e.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var m;let e=a(this.library),i=this.getUrl();if(c||(c=new DOMParser),i)try{let l=await v(i);if(i===this.getUrl())if(l.ok){let o=c.parseFromString(l.svg,"text/html").body.querySelector("svg");o!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(l){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return b`<sd-6-0-0-next-
|
|
2
|
-
:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-text-primary))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([h("label")],t.prototype,"handleLabelChange",1),r([h(["name","src","library"])],t.prototype,"setIcon",1),t=r([d("sd-6-0-0-next-
|
|
1
|
+
import{b as y}from"./chunk.MP6XEXRW.js";import{a as u,b as p,c as a}from"./chunk.54UVKIZB.js";import{a as v}from"./chunk.TWZDCIM2.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as f,h as n}from"./chunk.W36B3LKW.js";import{b as g,e as b}from"./chunk.763RLJEK.js";import{e as r}from"./chunk.6EV4YU6C.js";var c,t=class extends n{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),u(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),p(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"?e.resolver(this.name,this):e.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var m;let e=a(this.library),i=this.getUrl();if(c||(c=new DOMParser),i)try{let l=await v(i);if(i===this.getUrl())if(l.ok){let o=c.parseFromString(l.svg,"text/html").body.querySelector("svg");o!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(l){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return b`<sd-6-0-0-next-23-theme-listener></sd-6-0-0-next-23-theme-listener>${y(this.svg)}`}};t.styles=[...n.styles,g`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-text-primary))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([h("label")],t.prototype,"handleLabelChange",1),r([h(["name","src","library"])],t.prototype,"setIcon",1),t=r([d("sd-6-0-0-next-23-icon")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as n}from"./chunk.PV6UYBMY.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,h as d}from"./chunk.W36B3LKW.js";import{b}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,v=this.hasSlotController.test("label"),c=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=e("border sd-6-0-0-next-
|
|
2
|
-
: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])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-0-0-next-
|
|
1
|
+
import{a as n}from"./chunk.PV6UYBMY.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,h as d}from"./chunk.W36B3LKW.js";import{b}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,v=this.hasSlotController.test("label"),c=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=e("border sd-6-0-0-next-23-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${w}"><${u} part="circle" href="${n(f?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${x}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"text-primary")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?s`<sd-6-0-0-next-23-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-0-0-next-23-icon>`:s`${this.index}`}</slot></${u}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm break-words",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-400")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
: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])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-0-0-next-23-icon,slot[name=circle-content]::slotted(sd-6-0-0-next-23-icon){color:rgba(var(--sd-color-icon-fill-primary))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([m("sd-6-0-0-next-23-step")],t);export{t as a};
|