@solid-design-system/components 6.0.0-next.13 → 6.0.0-next.14
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.SOZMBJQS.js → chunk.PNNFETDE.js} +2 -2
- package/cdn/components/step/step.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +1 -1
- package/cdn/solid-components.iife.js +1 -1
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2YVFFSZ2.js +2 -2
- package/cdn-versioned/chunks/chunk.44VVOUNS.js +2 -2
- package/cdn-versioned/chunks/chunk.47MRK77Q.js +2 -2
- package/cdn-versioned/chunks/chunk.4B2UGI4Q.js +2 -2
- package/cdn-versioned/chunks/chunk.4BA5ZOGJ.js +2 -2
- package/cdn-versioned/chunks/chunk.4XOGRPML.js +2 -2
- package/cdn-versioned/chunks/chunk.4YIPRD2R.js +2 -2
- package/cdn-versioned/chunks/chunk.56CEBIDO.js +2 -2
- package/cdn-versioned/chunks/chunk.6K6UAUJB.js +2 -2
- package/cdn-versioned/chunks/chunk.6NT553UW.js +3 -3
- package/cdn-versioned/chunks/chunk.6YG52QHB.js +2 -2
- package/cdn-versioned/chunks/chunk.7CPADVOB.js +8 -8
- package/cdn-versioned/chunks/chunk.7FOCBEJX.js +2 -2
- package/cdn-versioned/chunks/chunk.AJWY5KT4.js +1 -1
- package/cdn-versioned/chunks/chunk.AQPYT3YS.js +2 -2
- package/cdn-versioned/chunks/chunk.BM3H7EWP.js +1 -1
- package/cdn-versioned/chunks/chunk.BNUZ66HV.js +2 -2
- package/cdn-versioned/chunks/chunk.CCBHAIEN.js +2 -2
- package/cdn-versioned/chunks/chunk.CDP46OS4.js +1 -1
- package/cdn-versioned/chunks/chunk.CMUYA4JA.js +2 -2
- package/cdn-versioned/chunks/chunk.CUX2GVLG.js +2 -2
- package/cdn-versioned/chunks/chunk.E2IHOEZ2.js +2 -2
- package/cdn-versioned/chunks/chunk.EPZHTJOD.js +2 -2
- package/cdn-versioned/chunks/chunk.FDIETORH.js +1 -1
- package/cdn-versioned/chunks/chunk.FGIDTNRY.js +2 -2
- package/cdn-versioned/chunks/chunk.FUFYA576.js +2 -2
- package/cdn-versioned/chunks/chunk.FZDWRR4M.js +2 -2
- package/cdn-versioned/chunks/chunk.H5OTIIDM.js +1 -1
- package/cdn-versioned/chunks/chunk.HW2XROMU.js +1 -1
- package/cdn-versioned/chunks/chunk.HXH2R7SD.js +2 -2
- package/cdn-versioned/chunks/chunk.JLPSMSYV.js +2 -2
- package/cdn-versioned/chunks/chunk.JS2HQ2N4.js +1 -1
- package/cdn-versioned/chunks/chunk.JV3CZSIV.js +2 -2
- package/cdn-versioned/chunks/chunk.K4PQBCFA.js +2 -2
- package/cdn-versioned/chunks/chunk.K5JMQ4UD.js +2 -2
- package/cdn-versioned/chunks/chunk.K647VAIN.js +2 -2
- package/cdn-versioned/chunks/chunk.KMYA4EDE.js +1 -1
- package/cdn-versioned/chunks/chunk.KOCOMSSL.js +2 -2
- package/cdn-versioned/chunks/chunk.N2D2FFWH.js +2 -2
- package/cdn-versioned/chunks/{chunk.SOZMBJQS.js → chunk.PNNFETDE.js} +2 -2
- package/cdn-versioned/chunks/chunk.PQLUBSLH.js +2 -2
- package/cdn-versioned/chunks/chunk.RY2KL7E3.js +1 -1
- package/cdn-versioned/chunks/chunk.SPW5M7X6.js +2 -2
- package/cdn-versioned/chunks/chunk.SQ7Q6ATD.js +2 -2
- package/cdn-versioned/chunks/chunk.T527FME4.js +2 -2
- package/cdn-versioned/chunks/chunk.TNXNTP3E.js +1 -1
- package/cdn-versioned/chunks/chunk.TQKGKW36.js +2 -2
- package/cdn-versioned/chunks/chunk.UHDNXYVU.js +1 -1
- package/cdn-versioned/chunks/chunk.V2RD6VHQ.js +3 -3
- package/cdn-versioned/chunks/chunk.V6OZYBBZ.js +2 -2
- package/cdn-versioned/chunks/chunk.VRBKTE6L.js +2 -2
- package/cdn-versioned/chunks/chunk.VVX7QSXX.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WDWBQF3Q.js +1 -1
- package/cdn-versioned/chunks/chunk.XM7DA5LT.js +5 -5
- package/cdn-versioned/chunks/chunk.XUSHLNK2.js +2 -2
- package/cdn-versioned/chunks/chunk.XVIS3URC.js +5 -5
- package/cdn-versioned/chunks/chunk.YFRDMK6W.js +2 -2
- package/cdn-versioned/chunks/chunk.YH3VRHVM.js +2 -2
- package/cdn-versioned/chunks/chunk.YYVAO5XU.js +2 -2
- package/cdn-versioned/chunks/chunk.ZRYG64PN.js +2 -2
- package/cdn-versioned/chunks/chunk.ZSTABGTZ.js +2 -2
- package/cdn-versioned/chunks/chunk.ZT3DQGPM.js +1 -1
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step/step.js +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 +248 -248
- package/cdn-versioned/internal/form.js +3 -3
- package/cdn-versioned/solid-components.bundle.js +78 -78
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +78 -78
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +94 -94
- package/cdn-versioned/web-types.json +163 -163
- package/dist/chunks/{chunk.264U7CMA.js → chunk.TQFVQIUF.js} +1 -1
- package/dist/components/step/step.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +1 -1
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2NCOG3MU.js +2 -2
- package/dist-versioned/chunks/chunk.342A5SCB.js +1 -1
- package/dist-versioned/chunks/chunk.36MFTGER.js +3 -3
- package/dist-versioned/chunks/chunk.3FNTXOOI.js +4 -4
- package/dist-versioned/chunks/chunk.52VGL2RV.js +2 -2
- package/dist-versioned/chunks/chunk.6AAIPQYI.js +3 -3
- package/dist-versioned/chunks/chunk.6E6VJJCZ.js +4 -4
- package/dist-versioned/chunks/chunk.723WXRZK.js +12 -12
- package/dist-versioned/chunks/chunk.7PCENRTO.js +12 -12
- package/dist-versioned/chunks/chunk.A7UPZVBX.js +4 -4
- package/dist-versioned/chunks/chunk.BPFUHSE6.js +4 -4
- package/dist-versioned/chunks/chunk.CCVS6SCT.js +4 -4
- package/dist-versioned/chunks/chunk.CREFZXWR.js +5 -5
- package/dist-versioned/chunks/chunk.CSMEO2UQ.js +8 -8
- package/dist-versioned/chunks/chunk.CSQ6UNT7.js +2 -2
- package/dist-versioned/chunks/chunk.DXTBP2P6.js +2 -2
- package/dist-versioned/chunks/chunk.DZS26LXZ.js +3 -3
- package/dist-versioned/chunks/chunk.ECSSDS7T.js +14 -14
- package/dist-versioned/chunks/chunk.EERHCK7O.js +6 -6
- package/dist-versioned/chunks/chunk.EMU4ZNFB.js +5 -5
- package/dist-versioned/chunks/chunk.GDO3P6PZ.js +1 -1
- package/dist-versioned/chunks/chunk.GP6R4ZF6.js +1 -1
- package/dist-versioned/chunks/chunk.HEU4LDJX.js +3 -3
- package/dist-versioned/chunks/chunk.HHTYBBNM.js +2 -2
- package/dist-versioned/chunks/chunk.HSMUS45Y.js +24 -24
- package/dist-versioned/chunks/chunk.HYD6CWKB.js +3 -3
- package/dist-versioned/chunks/chunk.ISASQGOE.js +11 -11
- package/dist-versioned/chunks/chunk.IUD4JFEG.js +24 -24
- package/dist-versioned/chunks/chunk.IXLKTULT.js +3 -3
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KR3X7M5B.js +5 -5
- package/dist-versioned/chunks/chunk.KS4PRECL.js +4 -4
- package/dist-versioned/chunks/chunk.LGBFWOCJ.js +4 -4
- package/dist-versioned/chunks/chunk.LJIVAP6V.js +1 -1
- package/dist-versioned/chunks/chunk.LOVLLOYE.js +7 -7
- package/dist-versioned/chunks/chunk.MASJX3XP.js +1 -1
- package/dist-versioned/chunks/chunk.OC76JBYD.js +2 -2
- package/dist-versioned/chunks/chunk.OILA72IM.js +1 -1
- package/dist-versioned/chunks/chunk.Q57H4HOI.js +7 -7
- package/dist-versioned/chunks/chunk.QH2KLXTB.js +3 -3
- package/dist-versioned/chunks/chunk.QQX5RCHL.js +8 -8
- package/dist-versioned/chunks/chunk.QYZE4ARE.js +3 -3
- package/dist-versioned/chunks/chunk.SF447PE7.js +2 -2
- package/dist-versioned/chunks/chunk.SGCOHQSI.js +26 -26
- package/dist-versioned/chunks/chunk.SWXSBRRQ.js +2 -2
- package/dist-versioned/chunks/chunk.SYXN6E4T.js +1 -1
- package/dist-versioned/chunks/chunk.SZ7IRQY4.js +3 -3
- package/dist-versioned/chunks/{chunk.264U7CMA.js → chunk.TQFVQIUF.js} +4 -4
- package/dist-versioned/chunks/chunk.U2RRRJY3.js +4 -4
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.VBJNVPBU.js +1 -1
- package/dist-versioned/chunks/chunk.VLIPMAVX.js +6 -6
- package/dist-versioned/chunks/chunk.WLZ64OXQ.js +6 -6
- package/dist-versioned/chunks/chunk.WN5EV4N3.js +4 -4
- package/dist-versioned/chunks/chunk.WTA5BTJL.js +5 -5
- package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
- package/dist-versioned/chunks/chunk.XTHUPXCS.js +8 -8
- package/dist-versioned/chunks/chunk.XTNHNEFI.js +2 -2
- package/dist-versioned/chunks/chunk.YHJOW7S3.js +2 -2
- package/dist-versioned/chunks/chunk.YIIMAPVO.js +2 -2
- package/dist-versioned/chunks/chunk.YSE5ZECP.js +1 -1
- package/dist-versioned/chunks/chunk.Z32LVC6A.js +5 -5
- package/dist-versioned/chunks/chunk.ZHEFFMES.js +3 -3
- 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 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step/step.js +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 +248 -248
- package/dist-versioned/internal/form.js +3 -3
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +1 -1
- package/dist-versioned/vscode.html-custom-data.json +94 -94
- package/dist-versioned/web-types.json +163 -163
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as h,b as
|
|
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 [name=circle-content]
|
|
1
|
+
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as h,b as s}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YEDQWNIV.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,h as d}from"./chunk.ZT3DQGPM.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-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-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-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.14 | 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-icon,slot[name=circle-content]::slotted(sd-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-step")],t);export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.PNNFETDE.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.PV6UYBMY.js";import"../../chunks/chunk.PJ7JCMQF.js";import"../../chunks/chunk.YFRDMK6W.js";import"../../chunks/chunk.MP6XEXRW.js";import"../../chunks/chunk.D6LAH53B.js";import"../../chunks/chunk.D6O3QBSW.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.7OU5VHPS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.YEDQWNIV.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.ZT3DQGPM.js";import"../../chunks/chunk.763RLJEK.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
|
package/cdn/custom-elements.json
CHANGED
|
@@ -22215,7 +22215,7 @@
|
|
|
22215
22215
|
"package": {
|
|
22216
22216
|
"name": "@solid-design-system/components",
|
|
22217
22217
|
"description": "Solid Design System: Components",
|
|
22218
|
-
"version": "6.0.0-next.
|
|
22218
|
+
"version": "6.0.0-next.14",
|
|
22219
22219
|
"author": "Union Investment",
|
|
22220
22220
|
"homepage": "https://solid-design-system.fe.union-investment.de/docs/",
|
|
22221
22221
|
"license": "MIT"
|
|
@@ -261,7 +261,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
261
261
|
"><div class="${h("relative w-full h-full grid rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200",["invalid","activeInvalid"].includes(l)&&"form-control--invalid-color-background")}" slot="anchor"><div class="${h("input-container flex items-center w-full h-full px-4",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size])}"><input name="${this.name}" form="${this.form}" part="display-input" class="${h("top-0 left-0 appearance-none outline-none flex-grow bg-transparent flex-1 placeholder:text-neutral-700",c,this.multiple&&this.useTags&&this.value.length>0?"hidden":"")}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder||this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple&&this.useTags?p`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>`:""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(f=>f==null?void 0:f.getTextLabel()).join(", ")}</div><input class="${h("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",c)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${o?p`<button part="clear-button" class="${h("select__clear flex justify-center",u,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h("text-neutral-700 z-10",m)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h(u,m,"text-error")}" library="_internal" name="risk"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon part="valid-icon" class="${h("flex-shrink-0 text-success",u,m)}" library="_internal" name="confirm-circle"></sd-icon>`:""}<slot name="expand-icon" part="expand-icon" class="${h("inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",m)}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-icon></slot></div><button part="combobox" class="${h("relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",c,this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"min-h-[32px]",md:"min-h-[40px]",lg:"min-h-[48px]"}[this.size])}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open?"true":"false"}" aria-multiselectable="${this.multiple?"true":"false"}" aria-labelledby="label" part="listbox" class="${h("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${i?"false":"true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};F.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
262
262
|
:host{position:relative;display:block;width:auto}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-radius);padding-inline:var(--sd-spacing-1)}sd-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}`],a([fr({selector:"sd-option"})],F.prototype,"_optionsInDefaultSlot",2),a([v("sd-popup")],F.prototype,"popup",2),a([v('[part="combobox"]')],F.prototype,"combobox",2),a([v('[part="display-input"]')],F.prototype,"displayInput",2),a([v(".value-input")],F.prototype,"valueInput",2),a([v('[part="listbox"]')],F.prototype,"listbox",2),a([v("#invalid-message")],F.prototype,"invalidMessage",2),a([T()],F.prototype,"deletedTagLabel",2),a([T()],F.prototype,"hasFocus",2),a([T()],F.prototype,"currentOption",2),a([T()],F.prototype,"selectedOptions",2),a([T()],F.prototype,"showValidStyle",2),a([T()],F.prototype,"showInvalidStyle",2),a([Ht()],F.prototype,"defaultValue",2),a([d({type:Boolean,reflect:!0})],F.prototype,"open",2),a([d({type:String,reflect:!0})],F.prototype,"size",2),a([d({type:String,reflect:!0})],F.prototype,"placement",2),a([d({type:String,reflect:!0})],F.prototype,"label",2),a([d({type:String,reflect:!0})],F.prototype,"placeholder",2),a([d({type:String,attribute:"max-options-tag-label",reflect:!0})],F.prototype,"maxOptionsTagLabel",2),a([d({type:Boolean,reflect:!0})],F.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],F.prototype,"visuallyDisabled",2),a([d({type:String,attribute:"help-text",reflect:!0})],F.prototype,"helpText",2),a([T()],F.prototype,"currentPlacement",2),a([d({type:Boolean,reflect:!0})],F.prototype,"clearable",2),a([d({type:Boolean,reflect:!0})],F.prototype,"multiple",2),a([d({type:Boolean,reflect:!0})],F.prototype,"useTags",2),a([d({attribute:"max-options-visible",type:Number,reflect:!0})],F.prototype,"maxOptionsVisible",2),a([d({reflect:!0})],F.prototype,"form",2),a([d({reflect:!0})],F.prototype,"name",2),a([d({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],F.prototype,"value",2),a([d({type:Boolean,reflect:!0})],F.prototype,"required",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],F.prototype,"styleOnValid",2),a([d({type:Boolean,reflect:!0})],F.prototype,"hoist",2),a([d()],F.prototype,"getTag",2),a([k("useTags",{waitUntilFirstUpdate:!0})],F.prototype,"handleUseTagsChange",1),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],F.prototype,"handleDisabledChange",1),a([k("open",{waitUntilFirstUpdate:!0})],F.prototype,"handleOpenChange",1),a([k("size",{waitUntilFirstUpdate:!0})],F.prototype,"applySizeToOptions",1),a([k("value",{waitUntilFirstUpdate:!0})],F.prototype,"handleValueChange",1),F=a([x("sd-select")],F);R("select.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("select.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Ne=class extends g{constructor(){super(...arguments);this.color="currentColor";this.localize=new O(this)}render(){return p`<svg role="progressbar" viewBox="0 0 24 24" class="${h("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>`}};Ne.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
263
263
|
:host{display:inline-block;width:1em;height:1em}`],a([d({type:String,reflect:!0})],Ne.prototype,"color",2),Ne=a([x("sd-spinner")],Ne);var at=class extends g{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 t=this.isLink(),e=this.notInteractive||this.waiting?J`div`:t?J`a`:J`button`,i=this.hasSlotController.test("label"),o=this.label?!0:i,n=this.hasSlotController.test("[default]"),l=this.description?!0:n,c=this.horizontalInline&&this.orientation==="horizontal",u=h("flex shrink-0 gap-2",this.noTail&&!c&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",c&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),m=h("border sd-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 U`<div role="listitem" part="base" class="${h("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="${u}"><${e} part="circle" href="${E(t?this.href:void 0)}" aria-disabled="${E(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${E(this.notInteractive||this.waiting||!o?void 0:"label")}" aria-describedby="${E(this.notInteractive||this.waiting||!l?void 0:"description")}" class="${m}"><slot name="circle-content" class="${h("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?U`<sd-icon name="status-check" library="_internal" class="${h(this.size==="sm"&&"text-sm")}"></sd-icon>`:U`${this.index}`}</slot></${e}>${c?U`<div class="${h(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${h("flex w-full",o&&"gap-2",this.size==="sm"&&!l?"mt-1":"mt-3")}">${o&&U`<div part="label" id="label" class="${h("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?"":U`<div part="tail" class="${h("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div>${l?U`<div part="description" id="description" class="${h("sd-paragraph sd-paragraph--size-sm break-words",l?"flex-1":"w-0 h-0 overflow-hidden",l&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||U`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":U`<div part="tail" class="${h(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>${c?"":U`<div part="text-container" class="${h("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="${h("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="${h("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||U`<slot></slot>`}</div></div>`}</div>`}};at.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
264
|
-
: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 [name=circle-content]
|
|
264
|
+
: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-icon,slot[name=circle-content]::slotted(sd-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}`],a([d({type:String,reflect:!0})],at.prototype,"size",2),a([d({type:String,reflect:!0})],at.prototype,"orientation",2),a([d({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],at.prototype,"horizontalInline",2),a([d({type:Boolean,reflect:!0})],at.prototype,"waiting",2),a([d({type:Boolean,reflect:!0})],at.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],at.prototype,"current",2),a([d({reflect:!0,type:Boolean,attribute:"no-tail"})],at.prototype,"noTail",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],at.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],at.prototype,"label",2),a([d({type:String,reflect:!0})],at.prototype,"description",2),a([d({type:Number,reflect:!0,attribute:"index"})],at.prototype,"index",2),a([d({type:String,reflect:!0})],at.prototype,"href",2),a([k("current")],at.prototype,"handleCurrentChange",1),a([k("disabled")],at.prototype,"handleDisabledChange",1),a([k("waiting")],at.prototype,"handleWaitingChange",1),a([k("notInteractive")],at.prototype,"handleInteractivityChange",1),at=a([x("sd-step")],at);var zt=class extends g{constructor(){super(...arguments);this.steps=[];this.size="lg";this.orientation="horizontal";this.activeStep=0;this.notInteractive=!1;this.label=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.steps=this.getAllSteps(),this.steps[this.steps.length-1].noTail=!0;let t;this.steps.forEach((e,i)=>{e.index=i+1,e.size=this.size,e.orientation=this.orientation,this.notInteractive?(e.current=!1,e.disabled=!1,e.notInteractive=!0):e.current&&(t=i)}),this.setActiveStep(t||this.activeStep)})}updateSize(){this.steps.forEach(t=>{t.size=this.size})}updateOrientation(){this.steps.forEach(t=>{t.orientation=this.orientation})}getAllSteps(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-step")}setActiveStep(t){t>=0&&t<this.steps.length&&!this.notInteractive&&(this.activeStep=t,this.steps.forEach((e,i)=>{i===t?e.current=!0:i>t?e.waiting=!0:e.current=!1}))}handleInteractivityChange(){this.notInteractive&&this.steps.forEach(t=>{t.current=!1,t.disabled=!1,t.notInteractive=!0})}render(){return p`<div role="${this.notInteractive?"group":"navigation"}" class="h-full" aria-label="${this.label}"><div role="list" part="base" class="${h("flex",this.orientation==="vertical"&&"flex-col h-full")}"><slot part="body"></slot></div></div>`}};zt.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
265
265
|
:host{width:-moz-max-content;width:max-content}`],a([v("[part=body]")],zt.prototype,"body",2),a([d({type:String,reflect:!0})],zt.prototype,"size",2),a([d({type:String,reflect:!0})],zt.prototype,"orientation",2),a([d({type:Number,reflect:!0,attribute:"active-step"})],zt.prototype,"activeStep",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],zt.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],zt.prototype,"label",2),a([k("size",{waitUntilFirstUpdate:!0})],zt.prototype,"updateSize",1),a([k("orientation",{waitUntilFirstUpdate:!0})],zt.prototype,"updateOrientation",1),a([k("notInteractive")],zt.prototype,"handleInteractivityChange",1),zt=a([x("sd-step-group")],zt);var mt=class extends g{constructor(){super(...arguments);this.hasSlotController=new P(this,"tooltip");this.formControlController=new lt(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){return p`<div class="flex flex-row items-center gap-2"><label part="base" class="${h("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${E(this.value)}" .checked="${ke(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @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"}" class="${h(`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
|
|
266
266
|
peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
|
|
267
267
|
peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-switch--checked--hover-color-background":"sd-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${h("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${h("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"sd-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?p`<slot name="tooltip"></slot>`:null}</div>${this.formControlController.renderInvalidMessage()}`}};mt.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
@@ -261,7 +261,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
261
261
|
"><div class="${h("relative w-full h-full grid rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200",["invalid","activeInvalid"].includes(l)&&"form-control--invalid-color-background")}" slot="anchor"><div class="${h("input-container flex items-center w-full h-full px-4",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size])}"><input name="${this.name}" form="${this.form}" part="display-input" class="${h("top-0 left-0 appearance-none outline-none flex-grow bg-transparent flex-1 placeholder:text-neutral-700",c,this.multiple&&this.useTags&&this.value.length>0?"hidden":"")}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder||this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple&&this.useTags?p`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>`:""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(f=>f==null?void 0:f.getTextLabel()).join(", ")}</div><input class="${h("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",c)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${o?p`<button part="clear-button" class="${h("select__clear flex justify-center",u,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h("text-neutral-700 z-10",m)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h(u,m,"text-error")}" library="_internal" name="risk"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon part="valid-icon" class="${h("flex-shrink-0 text-success",u,m)}" library="_internal" name="confirm-circle"></sd-icon>`:""}<slot name="expand-icon" part="expand-icon" class="${h("inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",m)}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-icon></slot></div><button part="combobox" class="${h("relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",c,this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"min-h-[32px]",md:"min-h-[40px]",lg:"min-h-[48px]"}[this.size])}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open?"true":"false"}" aria-multiselectable="${this.multiple?"true":"false"}" aria-labelledby="label" part="listbox" class="${h("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${i?"false":"true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};V.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
262
262
|
:host{position:relative;display:block;width:auto}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-radius);padding-inline:var(--sd-spacing-1)}sd-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}`],a([fr({selector:"sd-option"})],V.prototype,"_optionsInDefaultSlot",2),a([v("sd-popup")],V.prototype,"popup",2),a([v('[part="combobox"]')],V.prototype,"combobox",2),a([v('[part="display-input"]')],V.prototype,"displayInput",2),a([v(".value-input")],V.prototype,"valueInput",2),a([v('[part="listbox"]')],V.prototype,"listbox",2),a([v("#invalid-message")],V.prototype,"invalidMessage",2),a([T()],V.prototype,"deletedTagLabel",2),a([T()],V.prototype,"hasFocus",2),a([T()],V.prototype,"currentOption",2),a([T()],V.prototype,"selectedOptions",2),a([T()],V.prototype,"showValidStyle",2),a([T()],V.prototype,"showInvalidStyle",2),a([Rt()],V.prototype,"defaultValue",2),a([d({type:Boolean,reflect:!0})],V.prototype,"open",2),a([d({type:String,reflect:!0})],V.prototype,"size",2),a([d({type:String,reflect:!0})],V.prototype,"placement",2),a([d({type:String,reflect:!0})],V.prototype,"label",2),a([d({type:String,reflect:!0})],V.prototype,"placeholder",2),a([d({type:String,attribute:"max-options-tag-label",reflect:!0})],V.prototype,"maxOptionsTagLabel",2),a([d({type:Boolean,reflect:!0})],V.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],V.prototype,"visuallyDisabled",2),a([d({type:String,attribute:"help-text",reflect:!0})],V.prototype,"helpText",2),a([T()],V.prototype,"currentPlacement",2),a([d({type:Boolean,reflect:!0})],V.prototype,"clearable",2),a([d({type:Boolean,reflect:!0})],V.prototype,"multiple",2),a([d({type:Boolean,reflect:!0})],V.prototype,"useTags",2),a([d({attribute:"max-options-visible",type:Number,reflect:!0})],V.prototype,"maxOptionsVisible",2),a([d({reflect:!0})],V.prototype,"form",2),a([d({reflect:!0})],V.prototype,"name",2),a([d({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],V.prototype,"value",2),a([d({type:Boolean,reflect:!0})],V.prototype,"required",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],V.prototype,"styleOnValid",2),a([d({type:Boolean,reflect:!0})],V.prototype,"hoist",2),a([d()],V.prototype,"getTag",2),a([k("useTags",{waitUntilFirstUpdate:!0})],V.prototype,"handleUseTagsChange",1),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],V.prototype,"handleDisabledChange",1),a([k("open",{waitUntilFirstUpdate:!0})],V.prototype,"handleOpenChange",1),a([k("size",{waitUntilFirstUpdate:!0})],V.prototype,"applySizeToOptions",1),a([k("value",{waitUntilFirstUpdate:!0})],V.prototype,"handleValueChange",1),V=a([x("sd-select")],V);R("select.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});R("select.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Oe=class extends g{constructor(){super(...arguments);this.color="currentColor";this.localize=new O(this)}render(){return p`<svg role="progressbar" viewBox="0 0 24 24" class="${h("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>`}};Oe.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
263
263
|
:host{display:inline-block;width:1em;height:1em}`],a([d({type:String,reflect:!0})],Oe.prototype,"color",2),Oe=a([x("sd-spinner")],Oe);var at=class extends g{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 t=this.isLink(),e=this.notInteractive||this.waiting?tt`div`:t?tt`a`:tt`button`,i=this.hasSlotController.test("label"),o=this.label?!0:i,n=this.hasSlotController.test("[default]"),l=this.description?!0:n,c=this.horizontalInline&&this.orientation==="horizontal",u=h("flex shrink-0 gap-2",this.noTail&&!c&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",c&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),m=h("border sd-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 U`<div role="listitem" part="base" class="${h("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="${u}"><${e} part="circle" href="${E(t?this.href:void 0)}" aria-disabled="${E(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${E(this.notInteractive||this.waiting||!o?void 0:"label")}" aria-describedby="${E(this.notInteractive||this.waiting||!l?void 0:"description")}" class="${m}"><slot name="circle-content" class="${h("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?U`<sd-icon name="status-check" library="_internal" class="${h(this.size==="sm"&&"text-sm")}"></sd-icon>`:U`${this.index}`}</slot></${e}>${c?U`<div class="${h(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${h("flex w-full",o&&"gap-2",this.size==="sm"&&!l?"mt-1":"mt-3")}">${o&&U`<div part="label" id="label" class="${h("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?"":U`<div part="tail" class="${h("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div>${l?U`<div part="description" id="description" class="${h("sd-paragraph sd-paragraph--size-sm break-words",l?"flex-1":"w-0 h-0 overflow-hidden",l&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||U`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":U`<div part="tail" class="${h(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>${c?"":U`<div part="text-container" class="${h("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="${h("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="${h("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||U`<slot></slot>`}</div></div>`}</div>`}};at.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
264
|
-
: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 [name=circle-content]
|
|
264
|
+
: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-icon,slot[name=circle-content]::slotted(sd-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}`],a([d({type:String,reflect:!0})],at.prototype,"size",2),a([d({type:String,reflect:!0})],at.prototype,"orientation",2),a([d({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],at.prototype,"horizontalInline",2),a([d({type:Boolean,reflect:!0})],at.prototype,"waiting",2),a([d({type:Boolean,reflect:!0})],at.prototype,"disabled",2),a([d({type:Boolean,reflect:!0})],at.prototype,"current",2),a([d({reflect:!0,type:Boolean,attribute:"no-tail"})],at.prototype,"noTail",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],at.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],at.prototype,"label",2),a([d({type:String,reflect:!0})],at.prototype,"description",2),a([d({type:Number,reflect:!0,attribute:"index"})],at.prototype,"index",2),a([d({type:String,reflect:!0})],at.prototype,"href",2),a([k("current")],at.prototype,"handleCurrentChange",1),a([k("disabled")],at.prototype,"handleDisabledChange",1),a([k("waiting")],at.prototype,"handleWaitingChange",1),a([k("notInteractive")],at.prototype,"handleInteractivityChange",1),at=a([x("sd-step")],at);var St=class extends g{constructor(){super(...arguments);this.steps=[];this.size="lg";this.orientation="horizontal";this.activeStep=0;this.notInteractive=!1;this.label=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.steps=this.getAllSteps(),this.steps[this.steps.length-1].noTail=!0;let t;this.steps.forEach((e,i)=>{e.index=i+1,e.size=this.size,e.orientation=this.orientation,this.notInteractive?(e.current=!1,e.disabled=!1,e.notInteractive=!0):e.current&&(t=i)}),this.setActiveStep(t||this.activeStep)})}updateSize(){this.steps.forEach(t=>{t.size=this.size})}updateOrientation(){this.steps.forEach(t=>{t.orientation=this.orientation})}getAllSteps(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-step")}setActiveStep(t){t>=0&&t<this.steps.length&&!this.notInteractive&&(this.activeStep=t,this.steps.forEach((e,i)=>{i===t?e.current=!0:i>t?e.waiting=!0:e.current=!1}))}handleInteractivityChange(){this.notInteractive&&this.steps.forEach(t=>{t.current=!1,t.disabled=!1,t.notInteractive=!0})}render(){return p`<div role="${this.notInteractive?"group":"navigation"}" class="h-full" aria-label="${this.label}"><div role="list" part="base" class="${h("flex",this.orientation==="vertical"&&"flex-col h-full")}"><slot part="body"></slot></div></div>`}};St.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
265
265
|
:host{width:-moz-max-content;width:max-content}`],a([v("[part=body]")],St.prototype,"body",2),a([d({type:String,reflect:!0})],St.prototype,"size",2),a([d({type:String,reflect:!0})],St.prototype,"orientation",2),a([d({type:Number,reflect:!0,attribute:"active-step"})],St.prototype,"activeStep",2),a([d({type:Boolean,reflect:!0,attribute:"not-interactive"})],St.prototype,"notInteractive",2),a([d({type:String,reflect:!0})],St.prototype,"label",2),a([k("size",{waitUntilFirstUpdate:!0})],St.prototype,"updateSize",1),a([k("orientation",{waitUntilFirstUpdate:!0})],St.prototype,"updateOrientation",1),a([k("notInteractive")],St.prototype,"handleInteractivityChange",1),St=a([x("sd-step-group")],St);var mt=class extends g{constructor(){super(...arguments);this.hasSlotController=new P(this,"tooltip");this.formControlController=new ut(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){return p`<div class="flex flex-row items-center gap-2"><label part="base" class="${h("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${E(this.value)}" .checked="${$e(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @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"}" class="${h(`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
|
|
266
266
|
peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
|
|
267
267
|
peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:sd-switch--checked--hover-color-background":"sd-switch--unchecked-color-border bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${h("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${h("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"sd-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?p`<slot name="tooltip"></slot>`:null}</div>${this.formControlController.renderInvalidMessage()}`}};mt.styles=[...g.styles,w`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
package/cdn/solid-components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./chunks/chunk.HAL7R4WT.js";import{a as ae}from"./chunks/chunk.TNXNTP3E.js";import{a as ee}from"./chunks/chunk.V2RD6VHQ.js";import{a as oe}from"./chunks/chunk.ZRYG64PN.js";import{a as fe}from"./chunks/chunk.XUSHLNK2.js";import{a as U}from"./chunks/chunk.YH3VRHVM.js";import{a as W}from"./chunks/chunk.JLPSMSYV.js";import{a as X}from"./chunks/chunk.7FOCBEJX.js";import{a as Y}from"./chunks/chunk.CCBHAIEN.js";import{a as Z}from"./chunks/chunk.N2D2FFWH.js";import{a as _}from"./chunks/chunk.FZDWRR4M.js";import{a as $}from"./chunks/chunk.SPW5M7X6.js";import{a as V}from"./chunks/chunk.HXH2R7SD.js";import"./chunks/chunk.IVHEBGOY.js";import{a as j}from"./chunks/chunk.VVX7QSXX.js";import{a as q}from"./chunks/chunk.TQKGKW36.js";import{a as y}from"./chunks/chunk.XM7DA5LT.js";import{a as z}from"./chunks/chunk.WDWBQF3Q.js";import{a as J}from"./chunks/chunk.
|
|
1
|
+
import"./chunks/chunk.HAL7R4WT.js";import{a as ae}from"./chunks/chunk.TNXNTP3E.js";import{a as ee}from"./chunks/chunk.V2RD6VHQ.js";import{a as oe}from"./chunks/chunk.ZRYG64PN.js";import{a as fe}from"./chunks/chunk.XUSHLNK2.js";import{a as U}from"./chunks/chunk.YH3VRHVM.js";import{a as W}from"./chunks/chunk.JLPSMSYV.js";import{a as X}from"./chunks/chunk.7FOCBEJX.js";import{a as Y}from"./chunks/chunk.CCBHAIEN.js";import{a as Z}from"./chunks/chunk.N2D2FFWH.js";import{a as _}from"./chunks/chunk.FZDWRR4M.js";import{a as $}from"./chunks/chunk.SPW5M7X6.js";import{a as V}from"./chunks/chunk.HXH2R7SD.js";import"./chunks/chunk.IVHEBGOY.js";import{a as j}from"./chunks/chunk.VVX7QSXX.js";import{a as q}from"./chunks/chunk.TQKGKW36.js";import{a as y}from"./chunks/chunk.XM7DA5LT.js";import{a as z}from"./chunks/chunk.WDWBQF3Q.js";import{a as J}from"./chunks/chunk.PNNFETDE.js";import{a as K}from"./chunks/chunk.V6OZYBBZ.js";import{a as N}from"./chunks/chunk.4XOGRPML.js";import{a as O}from"./chunks/chunk.K4PQBCFA.js";import{a as P}from"./chunks/chunk.4YIPRD2R.js";import{a as E}from"./chunks/chunk.CUX2GVLG.js";import{a as H}from"./chunks/chunk.FGIDTNRY.js";import{a as Q}from"./chunks/chunk.56CEBIDO.js";import{a as F}from"./chunks/chunk.47MRK77Q.js";import{a as M}from"./chunks/chunk.ZSTABGTZ.js";import{a as R}from"./chunks/chunk.AJWY5KT4.js";import{a as A}from"./chunks/chunk.FUFYA576.js";import{a as w}from"./chunks/chunk.JV3CZSIV.js";import{a as L}from"./chunks/chunk.2YVFFSZ2.js";import"./chunks/chunk.CDP46OS4.js";import"./chunks/chunk.CSLPZKLY.js";import{a as v}from"./chunks/chunk.44VVOUNS.js";import{a as G}from"./chunks/chunk.FDIETORH.js";import{a as g}from"./chunks/chunk.E2IHOEZ2.js";import"./chunks/chunk.635MGLIZ.js";import{a as k}from"./chunks/chunk.4B2UGI4Q.js";import{a as I}from"./chunks/chunk.K5JMQ4UD.js";import{a as B}from"./chunks/chunk.6NT553UW.js";import{a as h}from"./chunks/chunk.PQLUBSLH.js";import{a as C}from"./chunks/chunk.VRBKTE6L.js";import{a as D}from"./chunks/chunk.YYVAO5XU.js";import{a as i}from"./chunks/chunk.T527FME4.js";import"./chunks/chunk.VYBQ3X2B.js";import"./chunks/chunk.SIY4LRPB.js";import{a as n}from"./chunks/chunk.SQ7Q6ATD.js";import{a as T}from"./chunks/chunk.XVIS3URC.js";import"./chunks/chunk.US3OB3XU.js";import{a as b}from"./chunks/chunk.6K6UAUJB.js";import{a as c}from"./chunks/chunk.H5OTIIDM.js";import"./chunks/chunk.N3WG3NAL.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.BNUZ66HV.js";import{a as l}from"./chunks/chunk.HW2XROMU.js";import{a as m}from"./chunks/chunk.EPZHTJOD.js";import{a as x}from"./chunks/chunk.CMUYA4JA.js";import"./chunks/chunk.AQPYT3YS.js";import{a as S}from"./chunks/chunk.KOCOMSSL.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as s}from"./chunks/chunk.RY2KL7E3.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.BM3H7EWP.js";import{a as o}from"./chunks/chunk.4BA5ZOGJ.js";import{a as r}from"./chunks/chunk.KMYA4EDE.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.K647VAIN.js";import{a as f}from"./chunks/chunk.6YG52QHB.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.7CPADVOB.js";import{a as t}from"./chunks/chunk.UHDNXYVU.js";import"./chunks/chunk.JS2HQ2N4.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.PV6UYBMY.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.PJ7JCMQF.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.YFRDMK6W.js";import"./chunks/chunk.MP6XEXRW.js";import"./chunks/chunk.D6LAH53B.js";import{d as re,e as te}from"./chunks/chunk.D6O3QBSW.js";import"./chunks/chunk.3FMN7C5N.js";import"./chunks/chunk.7OU5VHPS.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.YEDQWNIV.js";import{a as de}from"./chunks/chunk.7BPPDSHY.js";import"./chunks/chunk.CIAY7P3F.js";import"./chunks/chunk.2PZOUYOE.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.ZT3DQGPM.js";import"./chunks/chunk.763RLJEK.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{de as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,S as SdCarousel,s as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDatepicker,k as SdDialog,I as SdDivider,f as SdDrawer,B as SdDropdown,h as SdExpandable,C as SdFlipcard,D as SdHeader,e as SdIcon,G as SdInclude,M as SdInput,R as SdLink,t as SdLoader,A as SdMapMarker,w as SdMenu,L as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,P as SdOption,c as SdPopup,E as SdQuickfact,F as SdRadio,H as SdRadioButton,Q as SdRadioGroup,V as SdRange,j as SdRangeTick,q as SdScrollable,y as SdSelect,z as SdSpinner,J as SdStep,K as SdStepGroup,U as SdSwitch,W as SdTab,X as SdTabGroup,Y as SdTabPanel,b as SdTag,Z as SdTeaser,_ as SdTeaserMedia,$ as SdTextarea,ae as SdThemeListener,ee as SdTooltip,oe as SdVideo,re as registerIconLibrary,fe as setupAutocomplete,te as unregisterIconLibrary};
|
package/cdn/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@solid-design-system/components",
|
|
4
|
-
"version": "6.0.0-next.
|
|
4
|
+
"version": "6.0.0-next.14",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as b}from"./chunk.CDP46OS4.js";import{a as d,b as u}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,d as r,h as n}from"./chunk.ZT3DQGPM.js";import{b as c,e as i}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new d(this,"submenu");this.submenuController=new b(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return u(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let s=this.submenuController.isExpanded(),p={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return i`<div id="anchor" part="base" class="${l("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-6-0-0-next-
|
|
2
|
-
:host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-6-0-0-next-
|
|
1
|
+
import{a as b}from"./chunk.CDP46OS4.js";import{a as d,b as u}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,d as r,h as n}from"./chunk.ZT3DQGPM.js";import{b as c,e as i}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new d(this,"submenu");this.submenuController=new b(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return u(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let s=this.submenuController.isExpanded(),p={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return i`<div id="anchor" part="base" class="${l("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-6-0-0-next-14-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-6-0-0-next-14-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&s&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!s}">${this.type==="checkbox"?i`<span part="checked-icon" class="${l("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-6-0-0-next-14-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-6-0-0-next-14-icon></span>`:""} ${p.iconIndent?i`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?i`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-6-0-0-next-14-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-6-0-0-next-14-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};e.styles=[...n.styles,c`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-6-0-0-next-14-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary));outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}:host [part=checked-icon],:host [part=icon-indent],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon))}:host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon))}sd-6-0-0-next-14-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-6-0-0-next-14-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],t([r("slot:not([name])")],e.prototype,"defaultSlot",2),t([r('part="base"')],e.prototype,"menuItem",2),t([a()],e.prototype,"type",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a()],e.prototype,"value",2),t([a({type:Boolean,reflect:!0})],e.prototype,"chevron",2),t([o("checked")],e.prototype,"handleCheckedChange",1),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("type")],e.prototype,"handleTypeChange",1),e=t([h("sd-6-0-0-next-14-menu-item")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as y}from"./chunk.CGQ2BPPZ.js";import{a as o}from"./chunk.PV6UYBMY.js";import{a as u,b as s}from"./chunk.PJ7JCMQF.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as b}from"./chunk.7BPPDSHY.js";import{a as m,b as r,d as p,h as f}from"./chunk.ZT3DQGPM.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 y}from"./chunk.CGQ2BPPZ.js";import{a as o}from"./chunk.PV6UYBMY.js";import{a as u,b as s}from"./chunk.PJ7JCMQF.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as b}from"./chunk.7BPPDSHY.js";import{a as m,b as r,d as p,h as f}from"./chunk.ZT3DQGPM.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-14-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-14-navigation-item-color-text",this.current&&"font-bold sd-6-0-0-next-14-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-14-divider part="divider" class="${l("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-0-0-next-14-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-14-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-14-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-14-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-14-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.14 | 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-14-navigation-item")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"./chunk.YEDQWNIV.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as a}from"./chunk.ZT3DQGPM.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.YEDQWNIV.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as a}from"./chunk.ZT3DQGPM.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-14-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-14-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-14-radio--checked--invalid--default-color-background":"sd-6-0-0-next-14-radio--default--invalid-color-background"):this.checked?"sd-6-0-0-next-14-radio--checked--default-color-background hover:sd-6-0-0-next-14-radio--checked--hover-color-background group-hover:sd-6-0-0-next-14-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-14-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-14-radio--checked--invalid--default__icon-color-background hover:sd-6-0-0-next-14-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-0-0-next-14-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-6-0-0-next-14-radio--checked--default__icon-color-background hover:sd-6-0-0-next-14-radio--checked--hover__icon-color-background group-hover:sd-6-0-0-next-14-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.14 | 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-14-radio")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as C}from"./chunk.2AQOPKKH.js";import{a as M}from"./chunk.G7HKVXLR.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as f}from"./chunk.PV6UYBMY.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as p}from"./chunk.YEDQWNIV.js";import{a as x}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.ZT3DQGPM.js";import{b as g,e as l}from"./chunk.763RLJEK.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-6-0-0-next-
|
|
2
|
-
:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-6-0-0-next-
|
|
1
|
+
import{a as C}from"./chunk.2AQOPKKH.js";import{a as M}from"./chunk.G7HKVXLR.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as f}from"./chunk.PV6UYBMY.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as p}from"./chunk.YEDQWNIV.js";import{a as x}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.ZT3DQGPM.js";import{b as g,e as l}from"./chunk.763RLJEK.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-6-0-0-next-14-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-6-0-0-next-14-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-0-0-next-14-icon></sd-6-0-0-next-14-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...u.styles,g`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-6-0-0-next-14-dialog")],t);a("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});a("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});a("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});a("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p,c as m}from"./chunk.B2NUKX6G.js";import{b as w}from"./chunk.PJ7JCMQF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YEDQWNIV.js";import{a as g}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as y,b as n,d as a,h as c}from"./chunk.ZT3DQGPM.js";import{b as f}from"./chunk.763RLJEK.js";import{b as l,e as d,f as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-0-0-next-
|
|
2
|
-
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-6-0-0-next-
|
|
1
|
+
import{a as p,c as m}from"./chunk.B2NUKX6G.js";import{b as w}from"./chunk.PJ7JCMQF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YEDQWNIV.js";import{a as g}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as y,b as n,d as a,h as c}from"./chunk.ZT3DQGPM.js";import{b as f}from"./chunk.763RLJEK.js";import{b as l,e as d,f as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-0-0-next-14-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 sd-6-0-0-next-14-accordion-color-text relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200",this.open&&"sd-6-0-0-next-14-accordion-color-background")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${s(!this.open&&"opacity-0","w-1 sd-6-0-0-next-14-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${s("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${s(this.open&&"hidden")}"><sd-6-0-0-next-14-icon library="_internal" name="chevron-down"></sd-6-0-0-next-14-icon></slot><slot name="collapse-icon" class="${s(!this.open&&"hidden")}"><sd-6-0-0-next-14-icon library="_internal" name="chevron-down"></sd-6-0-0-next-14-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...c.styles,f`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-6-0-0-next-14-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:"var(--sd-duration-fast, 150)",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 o}from"./chunk.YEDQWNIV.js";import{a as H}from"./chunk.7BPPDSHY.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.ZT3DQGPM.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 o}from"./chunk.YEDQWNIV.js";import{a as H}from"./chunk.7BPPDSHY.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.ZT3DQGPM.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-14-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-14-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 border-neutral-400",{info:"sd-6-0-0-next-14-notification--info-color-background",success:"sd-6-0-0-next-14-notification--success-color-background",warning:"sd-6-0-0-next-14-notification--warning-color-background",error:"sd-6-0-0-next-14-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-14-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-14-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-0-0-next-14-icon></sd-6-0-0-next-14-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 border-neutral-400"></div>`:""}</div></div>`}};t.styles=[...w.styles,v`/*! tailwindcss v4.1.14 | 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-14-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,2 +1,2 @@
|
|
|
1
|
-
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.YEDQWNIV.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.ZT3DQGPM.js";import{b as c,e as l}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" class="${i("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?l`<sd-6-0-0-next-
|
|
2
|
-
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([r()],e.prototype,"isKeyboardFocus",2),t([a({type:String,reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-6-0-0-next-
|
|
1
|
+
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.YEDQWNIV.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.ZT3DQGPM.js";import{b as c,e as l}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" class="${i("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?l`<sd-6-0-0-next-14-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-6-0-0-next-14-icon>`:""}</span>`:""} ${s.left?l`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${s.right?l`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([r()],e.prototype,"isKeyboardFocus",2),t([a({type:String,reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-6-0-0-next-14-option")],e);export{e as a};
|