@solid-design-system/components 6.18.0 → 6.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/chunks/{chunk.PUDOHTPG.js → chunk.MOZSGQET.js} +1 -1
- package/cdn/components/radio-button/radio-button.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +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.2DHBC2XZ.js +2 -2
- package/cdn-versioned/chunks/chunk.3GRKVX3Y.js +2 -2
- package/cdn-versioned/chunks/chunk.4V4SW2MU.js +2 -2
- package/cdn-versioned/chunks/chunk.52TRFRJK.js +2 -2
- package/cdn-versioned/chunks/chunk.72BMHDYW.js +2 -2
- package/cdn-versioned/chunks/chunk.A4Y2ZTQS.js +2 -2
- package/cdn-versioned/chunks/chunk.ACBSQQGQ.js +2 -2
- package/cdn-versioned/chunks/chunk.B66QBBOC.js +1 -1
- package/cdn-versioned/chunks/chunk.BAAF4SAM.js +2 -2
- package/cdn-versioned/chunks/chunk.BDF5Y2DV.js +2 -2
- package/cdn-versioned/chunks/chunk.BOEKLLMY.js +2 -2
- package/cdn-versioned/chunks/chunk.C2B2WHBX.js +2 -2
- package/cdn-versioned/chunks/chunk.CEWEUYL5.js +2 -2
- package/cdn-versioned/chunks/chunk.CSMKAOUE.js +2 -2
- package/cdn-versioned/chunks/chunk.CZUZXVXM.js +1 -1
- package/cdn-versioned/chunks/chunk.DDGEG3JJ.js +2 -2
- package/cdn-versioned/chunks/chunk.DSXSUMRR.js +3 -3
- package/cdn-versioned/chunks/chunk.E2V26BUA.js +1 -1
- package/cdn-versioned/chunks/chunk.ETLWMEM7.js +5 -5
- package/cdn-versioned/chunks/chunk.EYHWAYCC.js +2 -2
- package/cdn-versioned/chunks/chunk.F2YBTYYO.js +1 -1
- package/cdn-versioned/chunks/chunk.FSMYSRQ5.js +2 -2
- package/cdn-versioned/chunks/chunk.G6OWFL7B.js +2 -2
- package/cdn-versioned/chunks/chunk.GBSKWBQY.js +5 -5
- package/cdn-versioned/chunks/chunk.GS46R6QO.js +2 -2
- package/cdn-versioned/chunks/chunk.HX4A7MNJ.js +2 -2
- package/cdn-versioned/chunks/chunk.JG5FT5V3.js +2 -2
- package/cdn-versioned/chunks/chunk.K65Y3BMV.js +2 -2
- package/cdn-versioned/chunks/chunk.KAVHO7BF.js +2 -2
- package/cdn-versioned/chunks/chunk.KXYEKUBH.js +1 -1
- package/cdn-versioned/chunks/chunk.L4Q4HWT2.js +1 -1
- package/cdn-versioned/chunks/chunk.LFLXMIIF.js +2 -2
- package/cdn-versioned/chunks/{chunk.PUDOHTPG.js → chunk.MOZSGQET.js} +2 -2
- package/cdn-versioned/chunks/chunk.OGNOPC3L.js +1 -1
- package/cdn-versioned/chunks/chunk.PCPQDPIJ.js +2 -2
- package/cdn-versioned/chunks/chunk.Q36PSPCX.js +1 -1
- package/cdn-versioned/chunks/chunk.QDWVVB6U.js +2 -2
- package/cdn-versioned/chunks/chunk.QKQ2FAEH.js +2 -2
- package/cdn-versioned/chunks/chunk.QRCDP5AE.js +2 -2
- package/cdn-versioned/chunks/chunk.RAP66B6O.js +1 -1
- package/cdn-versioned/chunks/chunk.RJVOMEKW.js +2 -2
- package/cdn-versioned/chunks/chunk.SH4PMEHV.js +2 -2
- package/cdn-versioned/chunks/chunk.SWMRHLCD.js +2 -2
- package/cdn-versioned/chunks/chunk.T2VQOPNR.js +2 -2
- package/cdn-versioned/chunks/chunk.TEQ3DTJK.js +2 -2
- package/cdn-versioned/chunks/chunk.THPGET7V.js +2 -2
- package/cdn-versioned/chunks/chunk.TXQVRNR7.js +2 -2
- package/cdn-versioned/chunks/chunk.U5H4A4ZD.js +2 -2
- package/cdn-versioned/chunks/chunk.UK3QQAGA.js +2 -2
- package/cdn-versioned/chunks/chunk.VREAKVXD.js +2 -2
- package/cdn-versioned/chunks/chunk.VW4SG3XG.js +2 -2
- package/cdn-versioned/chunks/chunk.VXGSYVQJ.js +3 -3
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WC4UPG7R.js +2 -2
- package/cdn-versioned/chunks/chunk.WMBV6H4W.js +2 -2
- package/cdn-versioned/chunks/chunk.WOCCV524.js +1 -1
- package/cdn-versioned/chunks/chunk.XF2NJUOO.js +2 -2
- package/cdn-versioned/chunks/chunk.XFJLF5M4.js +2 -2
- package/cdn-versioned/chunks/chunk.XGLBODZT.js +2 -2
- package/cdn-versioned/chunks/chunk.XYQCPWUJ.js +1 -1
- package/cdn-versioned/chunks/chunk.YDS5VIM3.js +2 -2
- package/cdn-versioned/chunks/chunk.YPTZDABK.js +1 -1
- package/cdn-versioned/chunks/chunk.ZMRAUCHT.js +9 -9
- package/cdn-versioned/chunks/chunk.ZSZLZIYX.js +2 -2
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.js +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +245 -245
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +80 -80
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +80 -80
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +107 -107
- package/cdn-versioned/web-types.json +157 -157
- package/dist/chunks/{chunk.B43IHGRK.js → chunk.4Z5IGWSP.js} +1 -1
- package/dist/components/radio-button/radio-button.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +1 -1
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2U32VSHR.js +3 -3
- package/dist-versioned/chunks/chunk.2WGBXYET.js +3 -3
- package/dist-versioned/chunks/chunk.33OSBM2L.js +1 -1
- package/dist-versioned/chunks/chunk.37VMM4OR.js +1 -1
- package/dist-versioned/chunks/chunk.3ZZBKPOH.js +5 -5
- package/dist-versioned/chunks/chunk.4VG6NHCU.js +6 -6
- package/dist-versioned/chunks/{chunk.B43IHGRK.js → chunk.4Z5IGWSP.js} +4 -4
- package/dist-versioned/chunks/chunk.5IARX66P.js +11 -11
- package/dist-versioned/chunks/chunk.6RD6BJ43.js +1 -1
- package/dist-versioned/chunks/chunk.6UAU2Y7U.js +2 -2
- package/dist-versioned/chunks/chunk.7EU5PQGA.js +5 -5
- package/dist-versioned/chunks/chunk.AFMRRRYY.js +2 -2
- package/dist-versioned/chunks/chunk.AXQ65JS3.js +6 -6
- package/dist-versioned/chunks/chunk.B46QWFGW.js +5 -5
- package/dist-versioned/chunks/chunk.BDBRCTEF.js +10 -10
- package/dist-versioned/chunks/chunk.BDOSAOAF.js +1 -1
- package/dist-versioned/chunks/chunk.BKNVWJRC.js +4 -4
- package/dist-versioned/chunks/chunk.BNUP4TMP.js +6 -6
- package/dist-versioned/chunks/chunk.BQINNFJP.js +5 -5
- package/dist-versioned/chunks/chunk.BV25PV23.js +6 -6
- package/dist-versioned/chunks/chunk.BWFGZZU7.js +10 -10
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.COSVGBTT.js +12 -12
- package/dist-versioned/chunks/chunk.DEYMV3AS.js +11 -11
- package/dist-versioned/chunks/chunk.E2PJNXY4.js +3 -3
- package/dist-versioned/chunks/chunk.EQ3WBPH5.js +1 -1
- package/dist-versioned/chunks/chunk.EREHAJGM.js +5 -5
- package/dist-versioned/chunks/chunk.FKPD6TIK.js +14 -14
- package/dist-versioned/chunks/chunk.GQEY7HYL.js +1 -1
- package/dist-versioned/chunks/chunk.GU6XT67W.js +2 -2
- package/dist-versioned/chunks/chunk.GXX7ZVMH.js +2 -2
- package/dist-versioned/chunks/chunk.HPHV4VKP.js +3 -3
- package/dist-versioned/chunks/chunk.HPYZXPZN.js +2 -2
- package/dist-versioned/chunks/chunk.IOIU7TDJ.js +9 -9
- package/dist-versioned/chunks/chunk.IQMEFOSJ.js +4 -4
- package/dist-versioned/chunks/chunk.JZSKAHSL.js +2 -2
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KENPAY6Q.js +2 -2
- package/dist-versioned/chunks/chunk.KQYOSLIW.js +5 -5
- package/dist-versioned/chunks/chunk.KVQN5R3X.js +11 -11
- package/dist-versioned/chunks/chunk.MACL5DD6.js +6 -6
- package/dist-versioned/chunks/chunk.MFLCJDVY.js +25 -25
- package/dist-versioned/chunks/chunk.MQG727Y4.js +4 -4
- package/dist-versioned/chunks/chunk.N4W5UD4U.js +3 -3
- package/dist-versioned/chunks/chunk.NMS67TKX.js +13 -13
- package/dist-versioned/chunks/chunk.NO5K5NRM.js +5 -5
- package/dist-versioned/chunks/chunk.RC4YZBAG.js +4 -4
- package/dist-versioned/chunks/chunk.RJQAUVFZ.js +5 -5
- package/dist-versioned/chunks/chunk.S4SI3HWM.js +2 -2
- package/dist-versioned/chunks/chunk.SBC2I6JO.js +8 -8
- package/dist-versioned/chunks/chunk.T27MZUKA.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.UQIEZ6RZ.js +25 -25
- package/dist-versioned/chunks/chunk.USC7EHJV.js +32 -32
- package/dist-versioned/chunks/chunk.VDMPM2P2.js +2 -2
- package/dist-versioned/chunks/chunk.VLHNMJ5F.js +10 -10
- package/dist-versioned/chunks/chunk.VSWXW4QR.js +3 -3
- package/dist-versioned/chunks/chunk.W76DK5Q3.js +2 -2
- package/dist-versioned/chunks/chunk.WC2SM7KI.js +4 -4
- package/dist-versioned/chunks/chunk.WG6PNLWA.js +10 -10
- package/dist-versioned/chunks/chunk.WOZA4YTR.js +5 -5
- package/dist-versioned/chunks/chunk.XF6FDNUR.js +2 -2
- package/dist-versioned/chunks/chunk.ZGCNF5LQ.js +1 -1
- package/dist-versioned/chunks/chunk.ZR5RDB6B.js +7 -7
- 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-button/radio-button.js +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +245 -245
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +1 -1
- package/dist-versioned/vscode.html-custom-data.json +107 -107
- package/dist-versioned/web-types.json +157 -157
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{a as p}from"./chunk.SLXPE3UU.js";import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.QIKBKQXB.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as i,c as u,d as a,h as r}from"./chunk.E2V26BUA.js";import{b as c,e as o}from"./chunk.UOAG5PNU.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new b(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return o`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background hover:text-primary-100":!this.checked&&(this.disabled||this.visuallyDisabled)?"text-neutral-500 hover:cursor-not-allowed":this.checked&&(this.disabled||this.visuallyDisabled)?"bg-neutral-400 text-white hover:cursor-not-allowed ":"bg-transparent sd-radio-button-color-text border-primary cursor-pointer hover:sd-radio-button--hover-color-background hover:sd-radio-button--hover-color-text",e&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",e&&"button--has-label",l&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${p(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${n(l&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!l}"></slot>${e?o`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...r.styles,c`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
-
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus)
|
|
2
|
+
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus){z-index:30}:host(.sd-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],s([a(".button")],t.prototype,"input",2),s([a(".hidden-input")],t.prototype,"hiddenInput",2),s([u()],t.prototype,"hasFocus",2),s([i({type:String,reflect:!0})],t.prototype,"size",2),s([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([i()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([d("sd-radio-button")],t);export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.MOZSGQET.js";import"../../chunks/chunk.SLXPE3UU.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.QIKBKQXB.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.E2V26BUA.js";import"../../chunks/chunk.UOAG5PNU.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
|
package/cdn/custom-elements.json
CHANGED
|
@@ -22887,7 +22887,7 @@
|
|
|
22887
22887
|
"package": {
|
|
22888
22888
|
"name": "@solid-design-system/components",
|
|
22889
22889
|
"description": "Solid Design System: Components",
|
|
22890
|
-
"version": "6.18.
|
|
22890
|
+
"version": "6.18.1",
|
|
22891
22891
|
"author": "Union Investment",
|
|
22892
22892
|
"homepage": "https://solid-design-system.fe.union-investment.de/docs/",
|
|
22893
22893
|
"license": "MIT"
|
|
@@ -242,7 +242,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
242
242
|
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`],a([v('[part="base"]')],kt.prototype,"defaultSlot",2),a([L()],kt.prototype,"current",2),a([L()],kt.prototype,"selected",2),a([L()],kt.prototype,"hasHover",2),a([L()],kt.prototype,"isKeyboardFocus",2),a([d({type:String,reflect:!0})],kt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],kt.prototype,"checkbox",2),a([d({type:Boolean,reflect:!0})],kt.prototype,"disabled",2),a([d({type:String,reflect:!0})],kt.prototype,"value",2),a([k("disabled")],kt.prototype,"handleDisabledChange",1),a([k("selected")],kt.prototype,"handleSelectedChange",1),a([k("value")],kt.prototype,"handleValueChange",1),kt=a([C("sd-option")],kt);var Fe=class extends Pt{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?et`details`:et`div`,e=this.expandable?et`summary`:et`div`;return K`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${h("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${E(this.expandable?"button":void 0)}" aria-expanded="${E(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${E(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${h("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${h("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${h("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${h(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${h(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${h("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};Fe.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
243
243
|
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=icon]{font-size:var(--sd-spacing-12,3rem);color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],a([d({type:Boolean,reflect:!0})],Fe.prototype,"expandable",2),Fe=a([C("sd-quickfact")],Fe);R("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});R("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});var $t=class extends f{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 p`<span part="base" class="${h("sd-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="${h("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-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?h("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-radio--checked--invalid--default-color-background":"sd-radio--default--invalid-color-background"):this.checked?"sd-radio--checked--default-color-background hover:sd-radio--checked--hover-color-background group-hover:sd-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="${h("rounded-full inline-flex text-white 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-radio--checked--invalid--default__icon-color-background hover:sd-radio--checked--invalid--hover__icon-color-background group-hover:sd-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-radio--checked--default__icon-color-background hover:sd-radio--checked--hover__icon-color-background group-hover:sd-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${h("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"></slot></span>`}};$t.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
244
244
|
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}: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:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],a([L()],$t.prototype,"checked",2),a([L()],$t.prototype,"hasFocus",2),a([d({type:String,reflect:!0})],$t.prototype,"size",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],$t.prototype,"visuallyDisabled",2),a([d()],$t.prototype,"value",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"invalid",2),a([k("checked")],$t.prototype,"handleCheckedChange",1),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],$t.prototype,"handleDisabledChange",1),$t=a([C("sd-radio")],$t);var _t=class extends f{constructor(){super(...arguments);this.hasSlotController=new P(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled||this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),i=`${this.size}-${t?"label":"no-label"}`;return p`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${h("relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background hover:text-primary-100":!this.checked&&(this.disabled||this.visuallyDisabled)?"text-neutral-500 hover:cursor-not-allowed":this.checked&&(this.disabled||this.visuallyDisabled)?"bg-neutral-400 text-white hover:cursor-not-allowed ":"bg-transparent sd-radio-button-color-text border-primary cursor-pointer hover:sd-radio-button--hover-color-background hover:sd-radio-button--hover-color-text",t&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",i)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${E(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${h(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?p`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};_t.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
245
|
-
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus)
|
|
245
|
+
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus){z-index:30}:host(.sd-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],a([v(".button")],_t.prototype,"input",2),a([v(".hidden-input")],_t.prototype,"hiddenInput",2),a([L()],_t.prototype,"hasFocus",2),a([d({type:String,reflect:!0})],_t.prototype,"size",2),a([d({type:Boolean,reflect:!0})],_t.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],_t.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],_t.prototype,"checked",2),a([d()],_t.prototype,"value",2),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],_t.prototype,"handleDisabledChange",1),_t=a([C("sd-radio-button")],_t);var ze=class extends f{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=Jr(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=Jr(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=Jr(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=Jr(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let i=t.indexOf(e),o=Jr(e);o!==null&&(o.classList.add("sd-button-group__button"),o.classList.toggle("sd-button-group__button--first",i===0),o.classList.toggle("sd-button-group__button--inner",i>0&&i<t.length-1),o.classList.toggle("sd-button-group__button--last",i===t.length-1),o.classList.toggle("sd-button-group__button--radio",o.tagName.toLowerCase()==="sd-radio-button"))})}render(){return p`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};ze.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
246
246
|
:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],a([v("slot")],ze.prototype,"defaultSlot",2),a([L()],ze.prototype,"disableRole",2),a([d({type:String,reflect:!0})],ze.prototype,"label",2),ze=a([C("sd-button-group")],ze);function Jr(s){var t;let r="sd-button, sd-radio-button";return(t=s.closest(r))!=null?t:s.querySelector(r)}var rt=class extends f{constructor(){super(...arguments);this.formControlController=new ht(this);this.hasSlotController=new P(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Ta:t?$a:wr}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){let t=[...this.querySelectorAll("sd-radio, sd-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),i=this.value,o=this.getAllRadios();o.length!==0&&(e.disabled||(this.value=e.value,o.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var c;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(u=>!u.disabled);if(e.length===0)return;let i=(c=e.find(u=>u.checked))!=null?c:e[0],o=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(i)+o;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(u=>{u.checked=!1,this.hasButtonGroup||(u.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let i=t.find(o=>o.checked)||t[0];i&&i.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,i;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async o=>{await o.updateComplete,o.checked=o.value===this.value,o.size=this.size,o instanceof $t&&(o.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(o=>o.tagName.toLowerCase()==="sd-radio-button"),!t.some(o=>o.checked))if(this.hasButtonGroup){let o=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");o&&(o.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let o=(i=this.shadowRoot)==null?void 0:i.querySelector("sd-button-group");o&&(o.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,i=this.hasSlotController.test("help-text"),o=this.helpText?!0:!!i,n=this.hasSlotController.test("tooltip"),l=p`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return p`<fieldset part="form-control" class="${h("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?p`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${h("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?p`<sd-button-group class="border border-primary sd-radio-button-group-border-radius sd-radio-button-group-border-width sd-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error")}" library="_internal" name="risk"></sd-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};rt.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
247
247
|
:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-button-group){display:inline-flex}`],a([v("slot:not([name])")],rt.prototype,"defaultSlot",2),a([v("#validation-input")],rt.prototype,"validationInput",2),a([v("#invalid-message")],rt.prototype,"invalidMessage",2),a([L()],rt.prototype,"hasButtonGroup",2),a([L()],rt.prototype,"defaultValue",2),a([L()],rt.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],rt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],rt.prototype,"required",2),a([d({type:String,reflect:!0})],rt.prototype,"orientation",2),a([d({type:String,reflect:!0})],rt.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],rt.prototype,"helpText",2),a([d({type:String,reflect:!0})],rt.prototype,"name",2),a([d()],rt.prototype,"value",2),a([d({type:String,reflect:!0})],rt.prototype,"form",2),a([k("size",{waitUntilFirstUpdate:!0})],rt.prototype,"handleSizeChange",1),a([k("showInvalidStyle",{waitUntilFirstUpdate:!0})],rt.prototype,"handleInvalidChange",1),a([k("value")],rt.prototype,"handleValueChange",1),rt=a([C("sd-radio-group")],rt);var vt=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.hasSlotController=new P(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.closeTrigger="click focus escape";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.handleDocumentClick=this.handleDocumentClick.bind(this),document.addEventListener("click",this.handleDocumentClick),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction),document.removeEventListener("click",this.handleDocumentClick)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(i=>{var o,n;i.nodeType===Node.TEXT_NODE&&!((o=i==null?void 0:i.textContent)!=null&&o.trim())&&((n=i==null?void 0:i.parentNode)==null||n.removeChild(i))})}handleBlur(){this.hasCloseTrigger("focus")&&this.hide()}handleClick(){this.open&&this.hasCloseTrigger("click")?this.hide():this.hasTrigger("click")&&this.show()}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&this.hasCloseTrigger("escape")&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=vr(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasCloseTrigger("hover")){let t=vr(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}handleDocumentClick(t){if(!this.open||this.interactionType==="keyboard")return;let e=t.composedPath();this.hasCloseTrigger("focus")&&!e.includes(this)&&!e.includes(this.popup)&&this.hide()}hasTrigger(t){return this.trigger.split(" ").includes(t)}hasCloseTrigger(t){return this.closeTrigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await Z(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:e}=W(this,"tooltip.show",{dir:this.localize.dir()});await Y(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),await Z(this.body);let{keyframes:t,options:e}=W(this,"tooltip.hide",{dir:this.localize.dir()});await Y(this.popup.popup,t,e),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,Q(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),Q(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return p`<sd-popup part="base" exportparts="
|
|
248
248
|
popup:base__popup,
|
|
@@ -242,7 +242,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
|
|
|
242
242
|
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`],a([v('[part="base"]')],wt.prototype,"defaultSlot",2),a([L()],wt.prototype,"current",2),a([L()],wt.prototype,"selected",2),a([L()],wt.prototype,"hasHover",2),a([L()],wt.prototype,"isKeyboardFocus",2),a([d({type:String,reflect:!0})],wt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],wt.prototype,"checkbox",2),a([d({type:Boolean,reflect:!0})],wt.prototype,"disabled",2),a([d({type:String,reflect:!0})],wt.prototype,"value",2),a([k("disabled")],wt.prototype,"handleDisabledChange",1),a([k("selected")],wt.prototype,"handleSelectedChange",1),a([k("value")],wt.prototype,"handleValueChange",1),wt=a([C("sd-option")],wt);var Me=class extends It{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?et`details`:et`div`,e=this.expandable?et`summary`:et`div`;return K`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${h("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${E(this.expandable?"button":void 0)}" aria-expanded="${E(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${E(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${h("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${h("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${h("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${h(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${h(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${h("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};Me.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
243
243
|
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=icon]{font-size:var(--sd-spacing-12,3rem);color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],a([d({type:Boolean,reflect:!0})],Me.prototype,"expandable",2),Me=a([C("sd-quickfact")],Me);R("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});R("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});var $t=class extends f{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 p`<span part="base" class="${h("sd-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="${h("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-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?h("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-radio--checked--invalid--default-color-background":"sd-radio--default--invalid-color-background"):this.checked?"sd-radio--checked--default-color-background hover:sd-radio--checked--hover-color-background group-hover:sd-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="${h("rounded-full inline-flex text-white 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-radio--checked--invalid--default__icon-color-background hover:sd-radio--checked--invalid--hover__icon-color-background group-hover:sd-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-radio--checked--default__icon-color-background hover:sd-radio--checked--hover__icon-color-background group-hover:sd-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${h("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"></slot></span>`}};$t.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
244
244
|
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}: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:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],a([L()],$t.prototype,"checked",2),a([L()],$t.prototype,"hasFocus",2),a([d({type:String,reflect:!0})],$t.prototype,"size",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],$t.prototype,"visuallyDisabled",2),a([d()],$t.prototype,"value",2),a([d({type:Boolean,reflect:!0})],$t.prototype,"invalid",2),a([k("checked")],$t.prototype,"handleCheckedChange",1),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],$t.prototype,"handleDisabledChange",1),$t=a([C("sd-radio")],$t);var Dt=class extends f{constructor(){super(...arguments);this.hasSlotController=new H(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled||this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),i=`${this.size}-${t?"label":"no-label"}`;return p`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${h("relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background hover:text-primary-100":!this.checked&&(this.disabled||this.visuallyDisabled)?"text-neutral-500 hover:cursor-not-allowed":this.checked&&(this.disabled||this.visuallyDisabled)?"bg-neutral-400 text-white hover:cursor-not-allowed ":"bg-transparent sd-radio-button-color-text border-primary cursor-pointer hover:sd-radio-button--hover-color-background hover:sd-radio-button--hover-color-text",t&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",i)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${E(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${h(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?p`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};Dt.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
245
|
-
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus)
|
|
245
|
+
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus){z-index:30}:host(.sd-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],a([v(".button")],Dt.prototype,"input",2),a([v(".hidden-input")],Dt.prototype,"hiddenInput",2),a([L()],Dt.prototype,"hasFocus",2),a([d({type:String,reflect:!0})],Dt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],Dt.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],Dt.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],Dt.prototype,"checked",2),a([d()],Dt.prototype,"value",2),a([k(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],Dt.prototype,"handleDisabledChange",1),Dt=a([C("sd-radio-button")],Dt);var De=class extends f{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=ti(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=ti(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=ti(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=ti(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let i=t.indexOf(e),o=ti(e);o!==null&&(o.classList.add("sd-button-group__button"),o.classList.toggle("sd-button-group__button--first",i===0),o.classList.toggle("sd-button-group__button--inner",i>0&&i<t.length-1),o.classList.toggle("sd-button-group__button--last",i===t.length-1),o.classList.toggle("sd-button-group__button--radio",o.tagName.toLowerCase()==="sd-radio-button"))})}render(){return p`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};De.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
246
246
|
:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],a([v("slot")],De.prototype,"defaultSlot",2),a([L()],De.prototype,"disableRole",2),a([d({type:String,reflect:!0})],De.prototype,"label",2),De=a([C("sd-button-group")],De);function ti(s){var t;let r="sd-button, sd-radio-button";return(t=s.closest(r))!=null?t:s.querySelector(r)}var rt=class extends f{constructor(){super(...arguments);this.formControlController=new ft(this);this.hasSlotController=new H(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Sa:t?za:wr}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){let t=[...this.querySelectorAll("sd-radio, sd-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),i=this.value,o=this.getAllRadios();o.length!==0&&(e.disabled||(this.value=e.value,o.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var c;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(u=>!u.disabled);if(e.length===0)return;let i=(c=e.find(u=>u.checked))!=null?c:e[0],o=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(i)+o;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(u=>{u.checked=!1,this.hasButtonGroup||(u.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let i=t.find(o=>o.checked)||t[0];i&&i.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,i;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async o=>{await o.updateComplete,o.checked=o.value===this.value,o.size=this.size,o instanceof $t&&(o.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(o=>o.tagName.toLowerCase()==="sd-radio-button"),!t.some(o=>o.checked))if(this.hasButtonGroup){let o=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");o&&(o.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let o=(i=this.shadowRoot)==null?void 0:i.querySelector("sd-button-group");o&&(o.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,i=this.hasSlotController.test("help-text"),o=this.helpText?!0:!!i,n=this.hasSlotController.test("tooltip"),l=p`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return p`<fieldset part="form-control" class="${h("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?p`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${h("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?p`<sd-button-group class="border border-primary sd-radio-button-group-border-radius sd-radio-button-group-border-width sd-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error")}" library="_internal" name="risk"></sd-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};rt.styles=[...f.styles,x`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
247
247
|
:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-button-group){display:inline-flex}`],a([v("slot:not([name])")],rt.prototype,"defaultSlot",2),a([v("#validation-input")],rt.prototype,"validationInput",2),a([v("#invalid-message")],rt.prototype,"invalidMessage",2),a([L()],rt.prototype,"hasButtonGroup",2),a([L()],rt.prototype,"defaultValue",2),a([L()],rt.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],rt.prototype,"size",2),a([d({type:Boolean,reflect:!0})],rt.prototype,"required",2),a([d({type:String,reflect:!0})],rt.prototype,"orientation",2),a([d({type:String,reflect:!0})],rt.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],rt.prototype,"helpText",2),a([d({type:String,reflect:!0})],rt.prototype,"name",2),a([d()],rt.prototype,"value",2),a([d({type:String,reflect:!0})],rt.prototype,"form",2),a([k("size",{waitUntilFirstUpdate:!0})],rt.prototype,"handleSizeChange",1),a([k("showInvalidStyle",{waitUntilFirstUpdate:!0})],rt.prototype,"handleInvalidChange",1),a([k("value")],rt.prototype,"handleValueChange",1),rt=a([C("sd-radio-group")],rt);var bt=class extends f{constructor(){super(...arguments);this.localize=new A(this);this.hasSlotController=new H(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.closeTrigger="click focus escape";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.handleDocumentClick=this.handleDocumentClick.bind(this),document.addEventListener("click",this.handleDocumentClick),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction),document.removeEventListener("click",this.handleDocumentClick)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(i=>{var o,n;i.nodeType===Node.TEXT_NODE&&!((o=i==null?void 0:i.textContent)!=null&&o.trim())&&((n=i==null?void 0:i.parentNode)==null||n.removeChild(i))})}handleBlur(){this.hasCloseTrigger("focus")&&this.hide()}handleClick(){this.open&&this.hasCloseTrigger("click")?this.hide():this.hasTrigger("click")&&this.show()}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&this.hasCloseTrigger("escape")&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=vr(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasCloseTrigger("hover")){let t=vr(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}handleDocumentClick(t){if(!this.open||this.interactionType==="keyboard")return;let e=t.composedPath();this.hasCloseTrigger("focus")&&!e.includes(this)&&!e.includes(this.popup)&&this.hide()}hasTrigger(t){return this.trigger.split(" ").includes(t)}hasCloseTrigger(t){return this.closeTrigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await Z(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:e}=W(this,"tooltip.show",{dir:this.localize.dir()});await Y(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),await Z(this.body);let{keyframes:t,options:e}=W(this,"tooltip.hide",{dir:this.localize.dir()});await Y(this.popup.popup,t,e),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),J(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return p`<sd-popup part="base" exportparts="
|
|
248
248
|
popup:base__popup,
|
package/cdn/solid-components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as pe}from"./chunks/chunk.52TRFRJK.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.GS46R6QO.js";import{a as re}from"./chunks/chunk.KXYEKUBH.js";import{a as ae}from"./chunks/chunk.K65Y3BMV.js";import{a as W}from"./chunks/chunk.JG5FT5V3.js";import{a as X}from"./chunks/chunk.BAAF4SAM.js";import{a as Y}from"./chunks/chunk.QDWVVB6U.js";import{a as Z}from"./chunks/chunk.CSMKAOUE.js";import{a as _}from"./chunks/chunk.WC4UPG7R.js";import{a as $}from"./chunks/chunk.XGLBODZT.js";import{a as ee}from"./chunks/chunk.4V4SW2MU.js";import{a as j}from"./chunks/chunk.QKQ2FAEH.js";import{a as V}from"./chunks/chunk.DSXSUMRR.js";import"./chunks/chunk.IVHEBGOY.js";import{a as q}from"./chunks/chunk.T2VQOPNR.js";import{a as y}from"./chunks/chunk.U5H4A4ZD.js";import{a as z}from"./chunks/chunk.GBSKWBQY.js";import{a as J}from"./chunks/chunk.SH4PMEHV.js";import{a as K}from"./chunks/chunk.L4Q4HWT2.js";import{a as U}from"./chunks/chunk.UK3QQAGA.js";import{a as N}from"./chunks/chunk.HX4A7MNJ.js";import{a as O}from"./chunks/chunk.PCPQDPIJ.js";import{a as P}from"./chunks/chunk.SWMRHLCD.js";import{a as E}from"./chunks/chunk.ACBSQQGQ.js";import{a as H}from"./chunks/chunk.
|
|
1
|
+
import{a as pe}from"./chunks/chunk.52TRFRJK.js";import"./chunks/chunk.HAL7R4WT.js";import{a as oe}from"./chunks/chunk.GS46R6QO.js";import{a as re}from"./chunks/chunk.KXYEKUBH.js";import{a as ae}from"./chunks/chunk.K65Y3BMV.js";import{a as W}from"./chunks/chunk.JG5FT5V3.js";import{a as X}from"./chunks/chunk.BAAF4SAM.js";import{a as Y}from"./chunks/chunk.QDWVVB6U.js";import{a as Z}from"./chunks/chunk.CSMKAOUE.js";import{a as _}from"./chunks/chunk.WC4UPG7R.js";import{a as $}from"./chunks/chunk.XGLBODZT.js";import{a as ee}from"./chunks/chunk.4V4SW2MU.js";import{a as j}from"./chunks/chunk.QKQ2FAEH.js";import{a as V}from"./chunks/chunk.DSXSUMRR.js";import"./chunks/chunk.IVHEBGOY.js";import{a as q}from"./chunks/chunk.T2VQOPNR.js";import{a as y}from"./chunks/chunk.U5H4A4ZD.js";import{a as z}from"./chunks/chunk.GBSKWBQY.js";import{a as J}from"./chunks/chunk.SH4PMEHV.js";import{a as K}from"./chunks/chunk.L4Q4HWT2.js";import{a as U}from"./chunks/chunk.UK3QQAGA.js";import{a as N}from"./chunks/chunk.HX4A7MNJ.js";import{a as O}from"./chunks/chunk.PCPQDPIJ.js";import{a as P}from"./chunks/chunk.SWMRHLCD.js";import{a as E}from"./chunks/chunk.ACBSQQGQ.js";import{a as H}from"./chunks/chunk.MOZSGQET.js";import{a as Q}from"./chunks/chunk.FSMYSRQ5.js";import{a as F}from"./chunks/chunk.A4Y2ZTQS.js";import{a as R}from"./chunks/chunk.C2B2WHBX.js";import{a as A}from"./chunks/chunk.TEQ3DTJK.js";import{a as w}from"./chunks/chunk.VW4SG3XG.js";import{a as L}from"./chunks/chunk.DDGEG3JJ.js";import"./chunks/chunk.YPTZDABK.js";import"./chunks/chunk.RMXFJHN6.js";import{a as v}from"./chunks/chunk.TXQVRNR7.js";import{a as M}from"./chunks/chunk.F2YBTYYO.js";import{a as B}from"./chunks/chunk.3GRKVX3Y.js";import"./chunks/chunk.WWGARXPI.js";import{a as h}from"./chunks/chunk.XF2NJUOO.js";import{a as I}from"./chunks/chunk.G6OWFL7B.js";import{a as C}from"./chunks/chunk.BOEKLLMY.js";import{a as D}from"./chunks/chunk.YDS5VIM3.js";import{a as G}from"./chunks/chunk.XFJLF5M4.js";import{a as b}from"./chunks/chunk.EYHWAYCC.js";import"./chunks/chunk.YQH4KNT6.js";import"./chunks/chunk.GO7NGR4Q.js";import{a as T}from"./chunks/chunk.BDF5Y2DV.js";import{a as g}from"./chunks/chunk.ETLWMEM7.js";import"./chunks/chunk.G2DTGYNF.js";import{a as k}from"./chunks/chunk.2DHBC2XZ.js";import"./chunks/chunk.W4EADN3G.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.RJVOMEKW.js";import{a as l}from"./chunks/chunk.LFLXMIIF.js";import{a as S}from"./chunks/chunk.CEWEUYL5.js";import{a as x}from"./chunks/chunk.VXGSYVQJ.js";import{a as m}from"./chunks/chunk.WOCCV524.js";import{a as i}from"./chunks/chunk.72BMHDYW.js";import{a as s}from"./chunks/chunk.OGNOPC3L.js";import"./chunks/chunk.THPGET7V.js";import{a as c}from"./chunks/chunk.ZSZLZIYX.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as n}from"./chunks/chunk.B66QBBOC.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.CZUZXVXM.js";import{a as o}from"./chunks/chunk.QRCDP5AE.js";import{a as r}from"./chunks/chunk.Q36PSPCX.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.KAVHO7BF.js";import{a as f}from"./chunks/chunk.WMBV6H4W.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.ZMRAUCHT.js";import{a as t}from"./chunks/chunk.XYQCPWUJ.js";import"./chunks/chunk.RAP66B6O.js";import"./chunks/chunk.SLXPE3UU.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.SV6DES3E.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.VREAKVXD.js";import"./chunks/chunk.HLDWO3HP.js";import"./chunks/chunk.BSPQBW7U.js";import{d as te,e as de}from"./chunks/chunk.54UVKIZB.js";import"./chunks/chunk.3FMN7C5N.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as fe}from"./chunks/chunk.IQPMMUES.js";import"./chunks/chunk.AMWQ5YE5.js";import"./chunks/chunk.WEOX4LVS.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.QIKBKQXB.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.E2V26BUA.js";import"./chunks/chunk.UOAG5PNU.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{fe as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,S as SdBreadcrumb,i as SdBreadcrumbItem,d as SdButton,c as SdCarousel,n as SdCarouselItem,b as SdCheckbox,T as SdCheckboxGroup,g as SdCombobox,B as SdDatepicker,h as SdDialog,I as SdDivider,f as SdDrawer,x as SdDropdown,C as SdExpandable,D as SdFlipcard,G as SdHeader,e as SdIcon,M as SdInclude,R as SdInput,s 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,m as SdPopup,E as SdQuickfact,F as SdRadio,H as SdRadioButton,Q as SdRadioGroup,j as SdRange,q as SdRangeTick,y as SdScrollable,z as SdSelect,J as SdSkeleton,K as SdSpinner,U as SdStep,W as SdStepGroup,X as SdSwitch,Y as SdTab,Z as SdTabGroup,_ as SdTabPanel,k as SdTag,$ as SdTeaser,ee as SdTeaserMedia,oe as SdTextarea,re as SdThemeListener,V as SdTooltip,ae as SdVideo,te as registerIconLibrary,pe as setupAutocomplete,de as unregisterIconLibrary};
|
package/cdn/web-types.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"./chunk.SLXPE3UU.js";import{a as l,b as d}from"./chunk.SV6DES3E.js";import{a as b}from"./chunk.IQPMMUES.js";import{a}from"./chunk.QIKBKQXB.js";import{a as h,b as i,d as f,h as n}from"./chunk.E2V26BUA.js";import{b as u}from"./chunk.UOAG5PNU.js";import{e as r}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.localize=new b(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),o=this.removable&&!this.selected&&!this.toggleable,c=t?l`a`:o?l`div`:l`button`;return d`<${c} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||o?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${a("flex border box-border sd-6-18-
|
|
2
|
-
:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-6-18-
|
|
1
|
+
import{a as s}from"./chunk.SLXPE3UU.js";import{a as l,b as d}from"./chunk.SV6DES3E.js";import{a as b}from"./chunk.IQPMMUES.js";import{a}from"./chunk.QIKBKQXB.js";import{a as h,b as i,d as f,h as n}from"./chunk.E2V26BUA.js";import{b as u}from"./chunk.UOAG5PNU.js";import{e as r}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.localize=new b(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),o=this.removable&&!this.selected&&!this.toggleable,c=t?l`a`:o?l`div`:l`button`;return d`<${c} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||o?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${a("flex border box-border sd-6-18-1-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",{lg:"h-8 sd-6-18-1-tag-font-weight sd-6-18-1-tag--size-lg-font-size gap-2",sm:"h-6 sd-6-18-1-tag-font-weight sd-6-18-1-tag--size-sm-font-size gap-1"}[this.size],{lg:o?"pl-4 pr-3 py-2":"px-4 py-2",sm:o?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.disabled?a(!t&&"cursor-not-allowed",this.selected&&"bg-neutral-500 text-white","sd-6-18-1-tag--disabled-color-border sd-6-18-1-tag--disabled-color-text"):this.selected?"sd-6-18-1-tag--selected-border-width sd-6-18-1-tag--selected--default-color-background sd-6-18-1-tag--selected--default-color-border sd-6-18-1-tag--selected--default-color-text hover:sd-6-18-1-tag--selected--hover-color-background hover:sd-6-18-1-tag--selected--hover-color-border hover:sd-6-18-1-tag--selected--hover-color-text":a("sd-6-18-1-tag--default-color-border sd-6-18-1-tag--default-color-text",o?"sd-6-18-1-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500":"sd-6-18-1-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-6-18-1-tag--default--hover-color-background"))}"><slot name="icon-left" class="${a("flex-shrink-0",this.size==="lg"?"text-base":"text-[0.75rem]")}"></slot><slot id="content" part="content"></slot>${o&&!t?d`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}" ?disabled="${s(t?void 0:this.disabled)}"><slot part="removable-indicator" name="removable-indicator"><sd-6-18-1-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-6-18-1-icon></slot></button>`:""}</${c}>`}};e.styles=[...n.styles,u`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-6-18-1-tag--disabled-color-border{border-color:rgb(var(--sd-tag--disabled-color-border))}.sd-6-18-1-tag-font-weight{font-weight:var(--sd-tag-font-weight)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],r([f("a, button, div")],e.prototype,"tag",2),r([i({type:String,reflect:!0})],e.prototype,"size",2),r([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),r([i({type:Boolean,reflect:!0})],e.prototype,"toggleable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"removable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([i({type:String,reflect:!0})],e.prototype,"href",2),r([i({type:String,reflect:!0})],e.prototype,"target",2),r([i({reflect:!0})],e.prototype,"download",2),e=r([h("sd-6-18-1-tag")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk.WWGARXPI.js";import{b as K}from"./chunk.RAP66B6O.js";import{a as G}from"./chunk.CGQ2BPPZ.js";import{a as U}from"./chunk.IQPMMUES.js";import{a as x}from"./chunk.QIKBKQXB.js";import{a as _}from"./chunk.NYKJXI3Q.js";import{a as W,b,c as O,d as B,h as H}from"./chunk.E2V26BUA.js";import{b as N,e as k,i as q}from"./chunk.UOAG5PNU.js";import{e as h}from"./chunk.6EV4YU6C.js";var A={fromAttribute(M){if(!M)return null;let t=M.trim().replace(/[./]/g,"-").match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return null;let e=`${t[1]}-${t[2]}-${t[3]}`,i=new Date(+t[1],+t[2]-1,+t[3]);return i.getFullYear()!==+t[1]||i.getMonth()!==+t[2]-1||i.getDate()!==+t[3]?null:e},toAttribute(M){return M!=null?M:""}},j={fromAttribute(M){if(!M)return null;let F=M.trim().replace(/[./]/g,"-"),t=F.match(/^(\d{2})-(\d{4})$/),e,i;if(t)e=Number(t[1]),i=Number(t[2]);else{if(t=F.match(/^(\d{4})-(\d{2})$/),!t)return null;i=Number(t[1]),e=Number(t[2])}return!i||!e||e<1||e>12?null:new Date(i,e-1,1)},toAttribute(M){if(!M)return"";let F=M.getFullYear(),t=String(M.getMonth()+1).padStart(2,"0");return`${F}-${t}`}},J={fromAttribute(M){if(!M)return[];let F=[],t=M.trim();if(t.startsWith("["))try{let i=JSON.parse(t);Array.isArray(i)&&(F=i.map(String))}catch(i){return[]}else F=t.split(/[\s,]+/).map(i=>i.trim()).filter(Boolean);let e=[];for(let i of F){let s=i.replace(/[-/]/g,".").split(".");if(s.length!==3)continue;let[n,o,f]=s.map(Number);if(!n||!o||!f)continue;let v=new Date(n,o-1,f);if(v.getFullYear()!==n||v.getMonth()!==o-1||v.getDate()!==f)continue;let g=`${n}-${String(o).padStart(2,"0")}-${String(f).padStart(2,"0")}`;e.push(g)}return e},toAttribute(M){return M?M.join(","):""}},l=class extends H{constructor(){super();this.localize=new U(this);this.hasSlotController=new G(this,"label","help-text","tooltip");this.formControlController=new K(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.locale="en-US";this.value=null;this.range=!1;this.rangeStart=null;this.rangeEnd=null;this.allowSameDayRange=!1;this.min=void 0;this.max=void 0;this.viewMonth=null;this.firstDayOfWeek=null;this.disabledWeekends=!1;this.disabledDates=[];this.isDateDisabled=null;this.size="lg";this.alignment="left";this.label="";this.helpText="";this.floatingLabel=!1;this.disabled=!1;this.required=!1;this.visuallyDisabled=!1;this.styleOnValid=!1;this.readonly=!1;this.placement="bottom";this.placeholder="";this.name="";this.form="";this.open=!1;this.today=a.startOfDayLocal(new Date);this.disabledDatesSet=new Set;this.previewEnd=null;this.statusNavText="";this.statusSelectText="";this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.currentPlacement=this.placement;this.inputValue="";this.tabbingIntoGrid=!1;this.statusBumpCounter=0;this.onFocusOut=t=>{let e=t.relatedTarget;e&&this.contains(e)||(this.open&&(this.hide(),this.emit("sd-datepicker-close")),this.hasFocus=!1)};this.onFocusIn=t=>{if(this.disabled||this.visuallyDisabled)return;t.composedPath().some(r=>{var s,n;return r instanceof HTMLElement&&(((s=r.classList)==null?void 0:s.contains("nav"))||((n=r.classList)==null?void 0:n.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var n,o,f,v,g;if(this.disabled||this.visuallyDisabled||this.readonly){(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t);return}let e=t.target,i=e.value,r=(f=e.selectionStart)!=null?f:i.length,s=(v=t.inputType)==null?void 0:v.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),p=this.buildDmyFromDigits(u),m=this.buildDmyFromDigits(c),L;u.length===0?L="":u.length<8?L=p:c.length>0?L=`${p} - ${m}`:L=s?p:`${p} -`;let I=this.countDigitsBeforeCaret(i,r),D;if(I<=8){let y=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(y,p.length)}else{let y=u.length<8?p.length:p.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=y+Math.min(w,m.length)}this.inputValue=L;let E=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)){let y=this.dmyToIso(p),S=y?a.parseLocalISO(y):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==y&&(this.rangeStart=y,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),E=!0)}else this.rangeStart&&(this.rangeStart=null,E=!0),this.rangeEnd&&(this.rangeEnd=null,E=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(m)&&this.rangeStart){let y=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(m),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[T,P]=a.compareDates(y,w)<=0?[y,w]:[w,y],Y=a.isSameDay(T,P);if((this.allowSameDayRange||!Y)&&!this.wouldRangeContainDisabled(T,P)){let V=a.toLocalISODate(a.startOfDayLocal(T)),z=a.toLocalISODate(a.startOfDayLocal(P));(this.rangeStart!==V||this.rangeEnd!==z)&&(this.rangeStart=V,this.rangeEnd=z,this.viewMonth=new Date(P.getFullYear(),P.getMonth(),1),this.focusedDate=a.startOfDayLocal(P),E=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,E=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),E&&(this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})),Promise.resolve().then(()=>{requestAnimationFrame(()=>{var S;let y=(S=this.input)!=null?S:e;y&&(y.value=this.inputValue,y.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(g=d.selectionStart)!=null?g:u.length,p=u.replace(/\D/g,"").slice(0,8),m=p.slice(0,2),L=p.slice(2,4),I=p.slice(4,8),D="";m.length>0&&(D+=m,m.length===2&&(D+=".")),L.length>0&&m.length===2&&(D+=L,L.length===2&&(D+=".")),I.length>0&&m.length===2&&L.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let E=this.inputValue||"";this.inputValue=D;let y=c,S=$=>{let V=[];for(let z=0;z<$.length;z++)$[z]==="."&&V.push(z);return V},w=S(E),C=S(D),T=w.filter($=>$<c).length,Y=C.filter($=>$<c).length-T;if(Y>0?y+=Y:!w.includes(c)&&C.includes(c)&&(y+=1),y=Math.min(Math.max(0,y),D.length),requestAnimationFrame(()=>{var V;let $=(V=this.input)!=null?V:d;$&&($.value=this.inputValue,$.setSelectionRange(y,y))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let $=this.parseInputText(D);this.applyParsedInput($)}else this.showInvalidStyle=!1,this.showValidStyle=!1;return}if(!this.open&&this.hasFocus&&!this.disabled&&!this.visuallyDisabled&&this.show(),this.range){let d=this.rangeStart?a.parseLocalISO(this.rangeStart):null,u=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;d&&!u?this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}`):d&&u&&this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}; ${this.termEndSelected()}: ${this.formatSelectionLabel(u)}`)}else if(this.value){let d=a.parseLocalISO(this.value);this.setNavStatus(`${this.formatSelectionLabel(d)}`)}};this.handleInputBlur=()=>{if(this.disabled||this.visuallyDisabled){this.handleBlur();return}let t=this.parseInputText(this.inputValue);t.valid?this.applyParsedInput(t):(this.inputValue=this.formatInputValue(),this.showInvalidStyle=!!this.inputValue&&!this.value&&!this.rangeStart),this.handleBlur()};this.handleCurrentPlacement=t=>{let e=t.detail;e&&(this.currentPlacement=e)};this.handleHeaderKeyDown=(t,e,i,r)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){r&&(t.preventDefault(),t.stopPropagation(),this.tabbingIntoGrid=!0,this.focusInitialGridDay());return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.stopPropagation(),e==="month"?this.setMonth(i):this.setYear(i))}};this.onKeyDown=t=>{var s,n;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,r=new Date(this.focusedDate);switch(e){case"ArrowLeft":r.setDate(r.getDate()-1);break;case"ArrowRight":r.setDate(r.getDate()+1);break;case"ArrowUp":r.setDate(r.getDate()-7);break;case"ArrowDown":r.setDate(r.getDate()+7);break;case"Escape":{this.previewEnd?(this.previewEnd=null,this.setNavStatus(this.localize.term("selectionCleared"))):this.range&&this.rangeStart&&!this.rangeEnd&&(this.rangeStart=null,this.setNavStatus(this.localize.term("selectionCleared")),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})),this.open&&(this.hide(),this.emit("sd-datepicker-close"));break}case"Enter":case" ":this.selectDate(this.focusedDate);break;default:i=!1}if(i){t.preventDefault();let o=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(r.getMonth()!==o.getMonth()||r.getFullYear()!==o.getFullYear()){let d=new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let v=a.startOfDayLocal(r);v.getTime()!==((n=this.focusedDate)==null?void 0:n.getTime())&&(this.focusedDate=v);let g=v.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(g),this.requestUpdate(),requestAnimationFrame(()=>{let d=this.shadowRoot,u=d==null?void 0:d.querySelector("button.day.focused");u==null||u.focus({preventScroll:!0})})}};this.handleInputKeyDown=t=>{if((this.disabled||this.visuallyDisabled||this.readonly)&&t.key!=="Tab"){t.preventDefault(),t.stopPropagation();return}if(!(t.key==="ArrowLeft"||t.key==="ArrowRight"||t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown")){if(t.key==="Escape"&&this.open){t.preventDefault(),this.hide(),this.emit("sd-datepicker-close");return}t.key==="Enter"&&!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&(t.preventDefault(),this.show())}};this.handleOutsideClick=this.handleOutsideClick.bind(this)}connectedCallback(){var n;super.connectedCallback(),this.syncDisabledDatesSet(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focusout",this.onFocusOut),this.updateComplete.then(()=>{this.formControlController.updateValidity()});let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=(n=this.viewMonth)!=null?n:new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(r,s),(this.firstDayOfWeek===null||this.firstDayOfWeek===void 0)&&(this.firstDayOfWeek=1),this.inputValue=this.formatInputValue(),this.setAttribute("role","group"),this.setAttribute("aria-label",this.range?this.localize.term("datePickerRange"):this.localize.term("datePicker")),this.addEventListener("focusin",this.onFocusIn)}firstUpdated(){this.formControlController.updateValidity()}handleOpenChange(){this.popup&&(this.popup.active=this.open&&!this.disabled&&!this.visuallyDisabled)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut),document.removeEventListener("click",this.handleOutsideClick)}handleLocaleChange(){this.firstDayOfWeek===null&&(this.firstDayOfWeek=1),this.requestUpdate()}handleViewMonthChange(){var i;if(!this.viewMonth)return;let t=this.focusedDate||this.range&&this.rangeEnd&&a.parseLocalISO(this.rangeEnd)||this.range&&this.rangeStart&&a.parseLocalISO(this.rangeStart)||this.value&&a.parseLocalISO(this.value)||this.today;if(!t)return;let e=a.clampDateToMonth(t,this.viewMonth);e.getTime()!==((i=this.focusedDate)==null?void 0:i.getTime())&&(this.focusedDate=e)}handleDisabledDatesChange(){this.syncDisabledDatesSet(),this.requestUpdate()}handleValueChange(){let t=this.value?a.parseLocalISO(this.value):null;t&&(this.viewMonth=new Date(t.getFullYear(),t.getMonth(),1),this.focusedDate=a.startOfDayLocal(t)),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var i;let e=this.input;if(e){e.value=(i=this.inputValue)!=null?i:"";let r=e.value.length;e.setSelectionRange(r,r)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleRangeChange(){let t=this.rangeStart?a.parseLocalISO(this.rangeStart):null,e=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null,i=t!=null?t:e;i&&(this.viewMonth=new Date(i.getFullYear(),i.getMonth(),1),this.focusedDate=a.startOfDayLocal(i)),this.previewEnd!==null&&(this.previewEnd=null),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var s;let r=this.input;if(r){r.value=(s=this.inputValue)!=null?s:"";let n=r.value.length;r.setSelectionRange(n,n)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),(this.disabled||this.visuallyDisabled)&&(this.open=!1)}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}get validity(){let t={valid:!0};return this.input instanceof HTMLInputElement?this.input.validity:t}get validationMessage(){return(this.input instanceof HTMLInputElement?this.input.validationMessage:"")||""}checkValidity(){return this.input instanceof HTMLInputElement?this.input.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input instanceof HTMLInputElement?this.input.reportValidity():!0}setCustomValidity(t){var e;(e=this.input)==null||e.setCustomValidity(t),this.formControlController.updateValidity()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}parseISO(t){return a.parseLocalISO(t)}inMinMax(t){let e=s=>{if(s==null)return null;if(s instanceof Date)return a.startOfDayLocal(s);if(typeof s=="number")return a.startOfDayLocal(new Date(s));if(typeof s=="string"){let n=this.parseISO(s);return n?a.startOfDayLocal(n):null}return null},i=e(this.min),r=e(this.max);return!(i&&t<i||r&&t>r)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${r}`;return this.disabledDatesSet.has(s)}isWeekend(t){let e=t.getDay();return e===0||e===6}isDisabled(t){var e;return!!(!this.inMinMax(t)||this.disabledWeekends&&this.isWeekend(t)||this.isInDisabledDates(t)||(e=this.isDateDisabled)!=null&&e.call(this,t))}setNavStatus(t){this.statusNavText=t}announceSelect(t,e=40){setTimeout(()=>{this.statusBumpCounter++;let i="\u200B".repeat(this.statusBumpCounter%3);this.statusSelectText=t+i},e)}formatSelectionLabel(t){if(this.locale==="de-DE")return t.toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"});let e=t.getDate(),i=this.ordinal(e),r=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${r} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,r=e[(i-20)%10]||e[i]||e[0];return t+r}syncDisabledDatesSet(){let t=[];if(Array.isArray(this.disabledDates))t=this.disabledDates;else if(typeof this.disabledDates=="string"){let e=this.disabledDates.trim();if(e.startsWith("["))try{let i=JSON.parse(e);Array.isArray(i)&&(t=i)}catch(i){t=[]}else e.length>0&&(t=e.split(",").map(i=>i.trim()).filter(Boolean))}this.disabledDatesSet=new Set(t)}wouldRangeContainDisabled(t,e){let i=a.compareDates(t,e)<=0?a.startOfDayLocal(t):a.startOfDayLocal(e),r=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,r)<=0;){if(this.isDisabled(s))return!0;s.setDate(s.getDate()+1)}return!1}termStartSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"startDateSelected")}termEndSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"endDateSelected")}isoToDmy(t){if(!t)return"";let e=a.parseLocalISO(t);if(e||(e=a.parseLocalISO(t.replace(/-/g,"."))),!e)return"";let i=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${r}.${s}`}dmyToIso(t){if(!t)return null;let e=t.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);if(!e)return null;let i=Number(e[1]),r=Number(e[2]),s=Number(e[3]),n=new Date(s,r-1,i);if(n.getFullYear()!==s||n.getMonth()!==r-1||n.getDate()!==i)return null;let o=a.startOfDayLocal(n);return a.toLocalISODate(o)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),r=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),n=this.isoToDmy(this.rangeEnd);return s&&n?`${s} ${r} ${n}`:s&&!n?`${s} ${r}`:""}parseInputText(t){var r,s;let e=t.trim();if(this.range){let n=e.split(/\s*-\s*/);if(n.length===1){let o=n[0];if(!o)return{start:null,end:null,valid:!0};let f=this.dmyToIso(o);return f?{start:f,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(n.length>=2){let o=(r=n[0])!=null?r:"",f=(s=n[1])!=null?s:"",v=o?this.dmyToIso(o):null,g=f?this.dmyToIso(f):null;return o&&!v?{start:null,end:null,valid:!1}:f&&!g?{start:null,end:null,valid:!1}:{start:v,end:g,valid:!0}}return{start:null,end:null,valid:!1}}if(!e)return{single:null,valid:!0};let i=this.dmyToIso(e);return i?{single:i,valid:!0}:{single:null,valid:!1}}applyParsedInput(t){var o,f,v,g;if(!t.valid)return this.showInvalidStyle=!0,this.showValidStyle=!1,this.formControlController.setValidity(!1),!1;let e=d=>{if(!d)return!0;let u=a.parseLocalISO(d);return!(!this.inMinMax(u)||this.isDisabled(u))},i=!1;if(this.range){let d=(o=t.start)!=null?o:null,u=(f=t.end)!=null?f:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,p=u?a.parseLocalISO(u):null;if(c&&p){if(a.compareDates(c,p)>0){let I=c;c=p,p=I}if(!this.allowSameDayRange&&a.isSameDay(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let m=c?a.toLocalISODate(a.startOfDayLocal(c)):null,L=p?a.toLocalISODate(a.startOfDayLocal(p)):null;if(this.rangeStart!==m||this.rangeEnd!==L){this.rangeStart=m,this.rangeEnd=L,this.previewEnd=null,i=!0;let I=(v=c!=null?c:p)!=null?v:this.today;this.viewMonth=new Date(I.getFullYear(),I.getMonth(),1),this.focusedDate=a.startOfDayLocal(I),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})}return this.showInvalidStyle=!1,this.range?this.showValidStyle=!!(this.rangeStart&&this.rangeEnd&&this.styleOnValid):this.showValidStyle=!!(this.value&&this.styleOnValid),this.formControlController.setValidity(!0),this.updateComplete.then(()=>{this.formControlController.updateValidity()}),!0}let r=(g=t.single)!=null?g:null;if(!e(r))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=r?a.parseLocalISO(r):null,n=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==n&&(this.value=n,i=!0,s&&(this.viewMonth=new Date(s.getFullYear(),s.getMonth(),1),this.focusedDate=a.startOfDayLocal(s)),this.emit("sd-select",{detail:{value:this.value,date:s!=null?s:null}})),this.showInvalidStyle=!1,this.showValidStyle=!!this.value,this.inputValue=this.formatInputValue(),i}buildDmyFromDigits(t){let e=t.slice(0,8),i=e.slice(0,2),r=e.slice(2,4),s=e.slice(4,8),n=i;return r.length&&(n+="."+r),s.length&&(n+="."+s),n}digitIndexToDmyCaretPos(t){return t<=2?t:t<=4?3+(t-2):6+(t-4)}countDigitsBeforeCaret(t,e){return t.slice(0,e).replace(/\D/g,"").length}handleOutsideClick(t){var i,r;((r=(i=t.composedPath)==null?void 0:i.call(t))!=null?r:[]).includes(this)||(this.hide(),this.hasFocus=!1,this.emit("sd-datepicker-close"))}show(){if(this.open||this.disabled||this.visuallyDisabled||this.readonly){this.open=!1;return}this.open=!0}hide(){if(!this.open||this.disabled){this.open=!1;return}this.open=!1}handleMouseDown(t){if(this.visuallyDisabled||this.disabled||this.readonly){t.preventDefault(),t.stopPropagation();return}t.preventDefault(),this.open||this.show()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleFocus(){this.hasFocus=!0,!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&this.show(),this.emit("sd-focus")}setMonth(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear(),e.getMonth()+t,1);if(i.getMonth()===e.getMonth()&&i.getFullYear()===e.getFullYear())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-change",{detail:{month:i}})}setYear(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear()+t,e.getMonth(),1);if(i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var r;let t=null;if(!this.range&&this.value){let s=a.parseLocalISO(this.value);s&&(t=a.startOfDayLocal(s))}if(this.range){let s=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;n?t=a.startOfDayLocal(n):s&&(t=a.startOfDayLocal(s))}let e=(r=this.viewMonth)!=null?r:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),n=s.flat().find(o=>o.getMonth()===e.getMonth()&&a.isSameDay(o,this.today)&&!this.isDisabled(o));if(n)t=a.startOfDayLocal(n);else{let o=s.flat().find(f=>f.getMonth()===e.getMonth()&&!this.isDisabled(f));t=o?a.startOfDayLocal(o):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,n=(s==null?void 0:s.querySelector("button.day.selected"))||(s==null?void 0:s.querySelector("button.day.focused"))||(s==null?void 0:s.querySelector('button.day[tabindex="0"]'))||(s==null?void 0:s.querySelector("button.day"));n==null||n.focus({preventScroll:!0})})}selectSingleDate(t){if(this.readonly||this.isDisabled(t))return;let e=a.startOfDayLocal(t),i=a.toLocalISODate(e);if(this.value===i)return;this.value=i;let r=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(r),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var n;let s=this.input;s&&(s.value=(n=this.inputValue)!=null?n:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let o=s.value.length;s.setSelectionRange(o,o)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,r=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))});return}if(i&&!r){if(this.isDisabled(e))return;if(a.isSameDay(i,e)){if(!this.allowSameDayRange){this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let d=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${d}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var c;let u=this.input;u&&(u.value=(c=this.inputValue)!=null?c:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let p=u.value.length;u.setSelectionRange(p,p)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let g=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${g}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var u;let d=this.input;d&&(d.value=(u=this.inputValue)!=null?u:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let c=d.value.length;d.setSelectionRange(c,c)})}))});return}let s=a.parseLocalISO(this.rangeStart);if(this.wouldRangeContainDisabled(s,e))return;let[n,o]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(n),this.rangeEnd=a.toLocalISODate(o),this.previewEnd=null;let f=this.formatSelectionLabel(n),v=this.formatSelectionLabel(o);this.announceSelect(`${this.termStartSelected()}: ${f}`,40),this.announceSelect(`${this.termEndSelected()}: ${v}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let g=this.input;g&&(g.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=g.value.length;g.setSelectionRange(u,u)})}))});return}if(i&&r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))})}}selectDate(t){this.readonly||(this.range?this.selectRangeDate(t):this.selectSingleDate(t))}ensureViewMonth(){if(this.viewMonth)return this.viewMonth;let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=new Date(r.getFullYear(),r.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var v;let e=(v=this.firstDayOfWeek)!=null?v:1,i=new Date(t.getFullYear(),t.getMonth(),1),r=new Date(i),s=(i.getDay()-e+7)%7;r.setDate(i.getDate()-s);let n=[],o=r;for(let g=0;g<6;g++){let d=[];for(let u=0;u<7;u++)d.push(new Date(o)),o.setDate(o.getDate()+1);n.push(d)}let f=g=>g.every(d=>d.getMonth()!==t.getMonth());for(;n.length>0&&f(n[n.length-1]);)n.pop();return{weeks:n}}formatMonthYear(t){try{return new Intl.DateTimeFormat(this.locale,{month:"long",year:"numeric"}).format(t)}catch(e){return`${t.toLocaleString(void 0,{month:"long"})} ${t.getFullYear()}`}}weekdayLabels(){var r;let t=(r=this.firstDayOfWeek)!=null?r:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let n=new Date(e);n.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(n))}catch(o){i.push(n.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(n=>n.getMonth()===e.getMonth()&&a.isSameDay(n,this.today)&&!this.isDisabled(n));if(i)return a.startOfDayLocal(i);let r=t.flat().find(n=>n.getMonth()===e.getMonth()&&!this.isDisabled(n));return r?a.startOfDayLocal(r):null}onDayMouseEnter(t){if(!this.range||this.readonly)return;let e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(e&&!i){let r=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(r)?null:r,this.requestUpdate()}}onGridMouseLeave(){this.previewEnd!==null&&(this.previewEnd=null,this.requestUpdate())}renderCalendar(){var d,u;let t=(d=this.viewMonth)!=null?d:this.ensureViewMonth(),{weeks:e}=this.getMonthMatrix(t),i=this.formatMonthYear(t),r=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,n=this.rangeStart?this.parseISO(this.rangeStart):null,o=this.rangeEnd?this.parseISO(this.rangeEnd):null,f=this.previewEnd,v=c=>!this.range||!n||o||!f?!1:a.isBetweenInclusive(c,n,f),g=this.getTabTargetDayForCurrentView(e);return k`<div part="datepicker" class="${x("w-[284px] z-50 bg-white py-3 px-4",this.open?"block shadow-listbox":"hidden",(u=this.currentPlacement)!=null&&u.startsWith("bottom")?"border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius":"border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius","border-primary")}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-year-button" @click="${()=>this.setYear(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",-1,!1)}" aria-label="${this.localize.term("previousYear")}"><sd-6-18-0-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-18-0-icon></button> <button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-month-button" @click="${()=>this.setMonth(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",-1,!1)}" aria-label="${this.localize.term("previousMonth")}"><sd-6-18-0-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-18-0-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${i}</div><div class="flex items-center"><button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-month-button" @click="${()=>this.setMonth(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",1,!1)}" aria-label="${this.localize.term("nextMonth")}"><sd-6-18-0-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-18-0-icon></button> <button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-year-button" @click="${()=>this.setYear(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",1,!0)}" aria-label="${this.localize.term("nextYear")}"><sd-6-18-0-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-18-0-icon></button></div></div><sd-6-18-0-divider></sd-6-18-0-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${i}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${()=>{this.tabbingIntoGrid=!1}}"><div class="grid-row grid-head grid grid-cols-7 gap-y-[1px]" role="row">${r.map((c,p)=>k`<div role="columnheader" aria-colindex="${p+1}" part="weekday" class="cell head flex items-center justify-center font-bold text-black text-sm leading-none h-8" aria-label="${c}" title="${c}" id="${"col-"+(p+1)}">${c}</div>`)}</div>${e.map((c,p)=>k`<div class="grid-row grid grid-cols-7 ${p===0?"mt-2":""}" role="row" aria-rowindex="${p+2}">${c.map((m,L)=>{let I=m.getMonth()===t.getMonth(),D=this.isDisabled(m)||!this.inMinMax(m),E=a.isSameDay(m,this.focusedDate),y=a.isSameDay(m,this.today),S=!this.range&&s?a.isSameDay(m,s):!1,w=this.range&&n?a.isSameDay(m,n):!1,C=this.range&&o?a.isSameDay(m,o):!1,T=this.range&&n&&o?a.isBetweenInclusive(m,n,o):!1,P=v(m)&&!D,Y=-1,$=g&&a.isSameDay(m,g);(this.tabbingIntoGrid&&$||!this.tabbingIntoGrid&&E)&&(Y=0);let V=this.isWeekend(m),z=m.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),R=w?this.localize.term("startDateSelected"):C?this.localize.term("endDateSelected"):void 0;return k`<button type="button" part="day" class="${x("cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]",this.size==="sm"?"text-sm h-6":"text-base h-8",w||C?E?"outline-none sd-6-18-0-datepicker__date-item--selected--hover-color-background sd-6-18-0-datepicker__date-item--selected-color-text":"outline-none sd-6-18-0-datepicker__date-item--selected-color-background sd-6-18-0-datepicker__date-item--selected-color-text hover:sd-6-18-0-datepicker__date-item--selected--hover-color-background":"hover:sd-6-18-0-datepicker__date-item--hover--default-color-text",!w&&!C&&!T&&"hover:sd-6-18-0-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-18-0-datepicker__date-item--selected-color-background sd-6-18-0-datepicker__date-item--selected-color-text hover:sd-6-18-0-datepicker__date-item--selected-color-text hover:sd-6-18-0-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(m)||!this.inMinMax(m)?"out-month text-neutral-500":this.disabledWeekends&&V?"weekend-day text-neutral-500":"in-month sd-6-18-0-datepicker__date-item--default-color-text":this.disabledWeekends&&V?"out-month weekend-day text-neutral-500":V?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-18-0-datepicker__date-item--hover--prev-next-color-text hover:sd-6-18-0-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",C?"range-end rounded-r-md rounded-l-none":"",T&&!w&&!C?"in-range selected sd-6-18-0-datepicker__date-item--range-color-background rounded-none hover:sd-6-18-0-datepicker__date-item--selected--hover-color-background hover:sd-6-18-0-datepicker__date-item--selected-color-text":"",!T&&P&&!w&&!C?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",y&&!S&&!w&&!C&&E?"today border-[1px] border-primary sd-6-18-0-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",E&&!y?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${L+1}" aria-labelledby="${"col-"+(L+1)}" .tabIndex="${Y}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||T||w||C?"true":"false"}" aria-current="${y?"date":q}" aria-label="${z}" aria-roledescription="${R!=null?R:q}" @focus="${()=>this.focusedDate=a.startOfDayLocal(m)}" @mouseenter="${()=>this.onDayMouseEnter(m)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(m),this.selectDate(m)}}">${m.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,p;let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,i=this.helpText?!0:!!t.helpText,r=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,n=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,o=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",f={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],v={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],g=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",d={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[g],u=this.size==="sm"?"text-sm":"text-base";return k`<div part="form-control" class="${x("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||r?k`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${x(e?"inline-block form-control-color-text":"hidden",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?k`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${x("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}">${e&&this.floatingLabel?k`<label id="label" part="form-control-floating-label" class="${x("absolute left-4 z-20 pointer-events-none transition-all duration-200 form-control--filled__floating-label-color-text",n?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2",n&&"mt-1")}" for="input"><span class="${x("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",n&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${x("absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out",d,this.open&&((c=this.currentPlacement)!=null&&c.startsWith("bottom")?this.open&&this.alignment==="left"?"rounded-bl-none":"rounded-br-none":this.open&&this.alignment==="left"?"rounded-tl-none":"rounded-tr-none"))}"></div><sd-6-18-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${x("inline-flex relative w-full",(p=this.currentPlacement)!=null&&p.startsWith("bottom")?"origin-top":"origin-bottom")}" placement="${this.alignment==="left"?`${this.placement}-start`:`${this.placement}-end`}" flip shift auto-size="vertical" auto-size-padding="10" exportparts="popup:popup__content,"><div part="base" class="${x("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast w-full",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",g==="disabled"||g==="visuallyDisabled"?"text-neutral-500":"text-black",g==="invalid"&&"form-control--invalid-color-background",g==="active"&&"shadow")}" slot="anchor"><input id="input" type="text" role="combobox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="dialog" aria-controls="calendar-grid" aria-describedby="${i?"help-text":void 0}" aria-invalid="${this.showInvalidStyle?"true":"false"}" aria-label="${this.range?"Select date range":"Select a date"}" class="${x("min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer text-black",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",{sm:"h-8",md:"h-10",lg:"h-12"}[this.size],u,this.floatingLabel&&"mt-4")}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel||n?this.placeholder||this.localize.term(this.range?"dateRangePlaceholder":"datePlaceholder"):""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly||this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle?k`<sd-6-18-0-icon part="invalid-icon" class="${x("text-error",f,v)}" library="_internal" name="risk"></sd-6-18-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?k`<sd-6-18-0-icon class="${x("text-success shrink-0",f,v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-18-0-icon>`:""}<sd-6-18-0-icon class="${x(o,f,v,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-18-0-icon></div>${this.renderCalendar()}</sd-6-18-0-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${x("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};l.styles=[...H.styles,N`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{position:relative;display:inline-block;width:100%;--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}.today:hover{border-color:rgba(var(--sd-datepicker__date-item--hover--default-color-border,rgba(var(--sd-color-primary-500))))}.in-range,.today{color:rgba(var(--sd-datepicker__date-item--current-color-text,rgba(var(--sd-color-primary))))}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}.month-label{color:rgb(var(--sd-color-border-primary))!important}`],h([b({type:String,reflect:!0})],l.prototype,"locale",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"value",2),h([b({type:Boolean,reflect:!0})],l.prototype,"range",2),h([b({attribute:"range-start",converter:A,reflect:!0})],l.prototype,"rangeStart",2),h([b({attribute:"range-end",converter:A,reflect:!0})],l.prototype,"rangeEnd",2),h([b({type:Boolean})],l.prototype,"allowSameDayRange",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"min",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"max",2),h([b({attribute:"view-month",converter:j})],l.prototype,"viewMonth",2),h([b({type:Number})],l.prototype,"firstDayOfWeek",2),h([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],l.prototype,"disabledWeekends",2),h([b({attribute:"disabled-dates",converter:J})],l.prototype,"disabledDates",2),h([b({attribute:!1})],l.prototype,"isDateDisabled",2),h([b({type:String,reflect:!0})],l.prototype,"size",2),h([b({type:String})],l.prototype,"alignment",2),h([b({type:String,reflect:!0})],l.prototype,"label",2),h([b({type:String,attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),h([b({attribute:"floating-label",type:Boolean,reflect:!0})],l.prototype,"floatingLabel",2),h([b({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([b({type:Boolean,reflect:!0})],l.prototype,"required",2),h([b({type:Boolean,attribute:"visually-disabled"})],l.prototype,"visuallyDisabled",2),h([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],l.prototype,"styleOnValid",2),h([b({type:Boolean,reflect:!0})],l.prototype,"readonly",2),h([b({type:String,reflect:!0})],l.prototype,"placement",2),h([b({type:String,reflect:!0})],l.prototype,"placeholder",2),h([b({reflect:!0})],l.prototype,"name",2),h([b({type:String,reflect:!0})],l.prototype,"form",2),h([O()],l.prototype,"open",2),h([O()],l.prototype,"focusedDate",2),h([O()],l.prototype,"today",2),h([O()],l.prototype,"disabledDatesSet",2),h([O()],l.prototype,"previewEnd",2),h([O()],l.prototype,"statusNavText",2),h([O()],l.prototype,"statusSelectText",2),h([O()],l.prototype,"hasFocus",2),h([O()],l.prototype,"showValidStyle",2),h([O()],l.prototype,"showInvalidStyle",2),h([O()],l.prototype,"currentPlacement",2),h([O()],l.prototype,"inputValue",2),h([B("sd-6-18-
|
|
1
|
+
import{a}from"./chunk.WWGARXPI.js";import{b as K}from"./chunk.RAP66B6O.js";import{a as G}from"./chunk.CGQ2BPPZ.js";import{a as U}from"./chunk.IQPMMUES.js";import{a as x}from"./chunk.QIKBKQXB.js";import{a as _}from"./chunk.NYKJXI3Q.js";import{a as W,b,c as O,d as B,h as H}from"./chunk.E2V26BUA.js";import{b as N,e as k,i as q}from"./chunk.UOAG5PNU.js";import{e as h}from"./chunk.6EV4YU6C.js";var A={fromAttribute(M){if(!M)return null;let t=M.trim().replace(/[./]/g,"-").match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return null;let e=`${t[1]}-${t[2]}-${t[3]}`,i=new Date(+t[1],+t[2]-1,+t[3]);return i.getFullYear()!==+t[1]||i.getMonth()!==+t[2]-1||i.getDate()!==+t[3]?null:e},toAttribute(M){return M!=null?M:""}},j={fromAttribute(M){if(!M)return null;let F=M.trim().replace(/[./]/g,"-"),t=F.match(/^(\d{2})-(\d{4})$/),e,i;if(t)e=Number(t[1]),i=Number(t[2]);else{if(t=F.match(/^(\d{4})-(\d{2})$/),!t)return null;i=Number(t[1]),e=Number(t[2])}return!i||!e||e<1||e>12?null:new Date(i,e-1,1)},toAttribute(M){if(!M)return"";let F=M.getFullYear(),t=String(M.getMonth()+1).padStart(2,"0");return`${F}-${t}`}},J={fromAttribute(M){if(!M)return[];let F=[],t=M.trim();if(t.startsWith("["))try{let i=JSON.parse(t);Array.isArray(i)&&(F=i.map(String))}catch(i){return[]}else F=t.split(/[\s,]+/).map(i=>i.trim()).filter(Boolean);let e=[];for(let i of F){let s=i.replace(/[-/]/g,".").split(".");if(s.length!==3)continue;let[n,o,f]=s.map(Number);if(!n||!o||!f)continue;let v=new Date(n,o-1,f);if(v.getFullYear()!==n||v.getMonth()!==o-1||v.getDate()!==f)continue;let g=`${n}-${String(o).padStart(2,"0")}-${String(f).padStart(2,"0")}`;e.push(g)}return e},toAttribute(M){return M?M.join(","):""}},l=class extends H{constructor(){super();this.localize=new U(this);this.hasSlotController=new G(this,"label","help-text","tooltip");this.formControlController=new K(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.locale="en-US";this.value=null;this.range=!1;this.rangeStart=null;this.rangeEnd=null;this.allowSameDayRange=!1;this.min=void 0;this.max=void 0;this.viewMonth=null;this.firstDayOfWeek=null;this.disabledWeekends=!1;this.disabledDates=[];this.isDateDisabled=null;this.size="lg";this.alignment="left";this.label="";this.helpText="";this.floatingLabel=!1;this.disabled=!1;this.required=!1;this.visuallyDisabled=!1;this.styleOnValid=!1;this.readonly=!1;this.placement="bottom";this.placeholder="";this.name="";this.form="";this.open=!1;this.today=a.startOfDayLocal(new Date);this.disabledDatesSet=new Set;this.previewEnd=null;this.statusNavText="";this.statusSelectText="";this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.currentPlacement=this.placement;this.inputValue="";this.tabbingIntoGrid=!1;this.statusBumpCounter=0;this.onFocusOut=t=>{let e=t.relatedTarget;e&&this.contains(e)||(this.open&&(this.hide(),this.emit("sd-datepicker-close")),this.hasFocus=!1)};this.onFocusIn=t=>{if(this.disabled||this.visuallyDisabled)return;t.composedPath().some(r=>{var s,n;return r instanceof HTMLElement&&(((s=r.classList)==null?void 0:s.contains("nav"))||((n=r.classList)==null?void 0:n.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var n,o,f,v,g;if(this.disabled||this.visuallyDisabled||this.readonly){(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t);return}let e=t.target,i=e.value,r=(f=e.selectionStart)!=null?f:i.length,s=(v=t.inputType)==null?void 0:v.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),p=this.buildDmyFromDigits(u),m=this.buildDmyFromDigits(c),L;u.length===0?L="":u.length<8?L=p:c.length>0?L=`${p} - ${m}`:L=s?p:`${p} -`;let I=this.countDigitsBeforeCaret(i,r),D;if(I<=8){let y=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(y,p.length)}else{let y=u.length<8?p.length:p.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=y+Math.min(w,m.length)}this.inputValue=L;let E=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)){let y=this.dmyToIso(p),S=y?a.parseLocalISO(y):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==y&&(this.rangeStart=y,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),E=!0)}else this.rangeStart&&(this.rangeStart=null,E=!0),this.rangeEnd&&(this.rangeEnd=null,E=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(m)&&this.rangeStart){let y=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(m),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[T,P]=a.compareDates(y,w)<=0?[y,w]:[w,y],Y=a.isSameDay(T,P);if((this.allowSameDayRange||!Y)&&!this.wouldRangeContainDisabled(T,P)){let V=a.toLocalISODate(a.startOfDayLocal(T)),z=a.toLocalISODate(a.startOfDayLocal(P));(this.rangeStart!==V||this.rangeEnd!==z)&&(this.rangeStart=V,this.rangeEnd=z,this.viewMonth=new Date(P.getFullYear(),P.getMonth(),1),this.focusedDate=a.startOfDayLocal(P),E=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,E=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),E&&(this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})),Promise.resolve().then(()=>{requestAnimationFrame(()=>{var S;let y=(S=this.input)!=null?S:e;y&&(y.value=this.inputValue,y.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(g=d.selectionStart)!=null?g:u.length,p=u.replace(/\D/g,"").slice(0,8),m=p.slice(0,2),L=p.slice(2,4),I=p.slice(4,8),D="";m.length>0&&(D+=m,m.length===2&&(D+=".")),L.length>0&&m.length===2&&(D+=L,L.length===2&&(D+=".")),I.length>0&&m.length===2&&L.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let E=this.inputValue||"";this.inputValue=D;let y=c,S=$=>{let V=[];for(let z=0;z<$.length;z++)$[z]==="."&&V.push(z);return V},w=S(E),C=S(D),T=w.filter($=>$<c).length,Y=C.filter($=>$<c).length-T;if(Y>0?y+=Y:!w.includes(c)&&C.includes(c)&&(y+=1),y=Math.min(Math.max(0,y),D.length),requestAnimationFrame(()=>{var V;let $=(V=this.input)!=null?V:d;$&&($.value=this.inputValue,$.setSelectionRange(y,y))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let $=this.parseInputText(D);this.applyParsedInput($)}else this.showInvalidStyle=!1,this.showValidStyle=!1;return}if(!this.open&&this.hasFocus&&!this.disabled&&!this.visuallyDisabled&&this.show(),this.range){let d=this.rangeStart?a.parseLocalISO(this.rangeStart):null,u=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;d&&!u?this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}`):d&&u&&this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}; ${this.termEndSelected()}: ${this.formatSelectionLabel(u)}`)}else if(this.value){let d=a.parseLocalISO(this.value);this.setNavStatus(`${this.formatSelectionLabel(d)}`)}};this.handleInputBlur=()=>{if(this.disabled||this.visuallyDisabled){this.handleBlur();return}let t=this.parseInputText(this.inputValue);t.valid?this.applyParsedInput(t):(this.inputValue=this.formatInputValue(),this.showInvalidStyle=!!this.inputValue&&!this.value&&!this.rangeStart),this.handleBlur()};this.handleCurrentPlacement=t=>{let e=t.detail;e&&(this.currentPlacement=e)};this.handleHeaderKeyDown=(t,e,i,r)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){r&&(t.preventDefault(),t.stopPropagation(),this.tabbingIntoGrid=!0,this.focusInitialGridDay());return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.stopPropagation(),e==="month"?this.setMonth(i):this.setYear(i))}};this.onKeyDown=t=>{var s,n;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,r=new Date(this.focusedDate);switch(e){case"ArrowLeft":r.setDate(r.getDate()-1);break;case"ArrowRight":r.setDate(r.getDate()+1);break;case"ArrowUp":r.setDate(r.getDate()-7);break;case"ArrowDown":r.setDate(r.getDate()+7);break;case"Escape":{this.previewEnd?(this.previewEnd=null,this.setNavStatus(this.localize.term("selectionCleared"))):this.range&&this.rangeStart&&!this.rangeEnd&&(this.rangeStart=null,this.setNavStatus(this.localize.term("selectionCleared")),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})),this.open&&(this.hide(),this.emit("sd-datepicker-close"));break}case"Enter":case" ":this.selectDate(this.focusedDate);break;default:i=!1}if(i){t.preventDefault();let o=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(r.getMonth()!==o.getMonth()||r.getFullYear()!==o.getFullYear()){let d=new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let v=a.startOfDayLocal(r);v.getTime()!==((n=this.focusedDate)==null?void 0:n.getTime())&&(this.focusedDate=v);let g=v.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(g),this.requestUpdate(),requestAnimationFrame(()=>{let d=this.shadowRoot,u=d==null?void 0:d.querySelector("button.day.focused");u==null||u.focus({preventScroll:!0})})}};this.handleInputKeyDown=t=>{if((this.disabled||this.visuallyDisabled||this.readonly)&&t.key!=="Tab"){t.preventDefault(),t.stopPropagation();return}if(!(t.key==="ArrowLeft"||t.key==="ArrowRight"||t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown")){if(t.key==="Escape"&&this.open){t.preventDefault(),this.hide(),this.emit("sd-datepicker-close");return}t.key==="Enter"&&!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&(t.preventDefault(),this.show())}};this.handleOutsideClick=this.handleOutsideClick.bind(this)}connectedCallback(){var n;super.connectedCallback(),this.syncDisabledDatesSet(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focusout",this.onFocusOut),this.updateComplete.then(()=>{this.formControlController.updateValidity()});let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=(n=this.viewMonth)!=null?n:new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(r,s),(this.firstDayOfWeek===null||this.firstDayOfWeek===void 0)&&(this.firstDayOfWeek=1),this.inputValue=this.formatInputValue(),this.setAttribute("role","group"),this.setAttribute("aria-label",this.range?this.localize.term("datePickerRange"):this.localize.term("datePicker")),this.addEventListener("focusin",this.onFocusIn)}firstUpdated(){this.formControlController.updateValidity()}handleOpenChange(){this.popup&&(this.popup.active=this.open&&!this.disabled&&!this.visuallyDisabled)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut),document.removeEventListener("click",this.handleOutsideClick)}handleLocaleChange(){this.firstDayOfWeek===null&&(this.firstDayOfWeek=1),this.requestUpdate()}handleViewMonthChange(){var i;if(!this.viewMonth)return;let t=this.focusedDate||this.range&&this.rangeEnd&&a.parseLocalISO(this.rangeEnd)||this.range&&this.rangeStart&&a.parseLocalISO(this.rangeStart)||this.value&&a.parseLocalISO(this.value)||this.today;if(!t)return;let e=a.clampDateToMonth(t,this.viewMonth);e.getTime()!==((i=this.focusedDate)==null?void 0:i.getTime())&&(this.focusedDate=e)}handleDisabledDatesChange(){this.syncDisabledDatesSet(),this.requestUpdate()}handleValueChange(){let t=this.value?a.parseLocalISO(this.value):null;t&&(this.viewMonth=new Date(t.getFullYear(),t.getMonth(),1),this.focusedDate=a.startOfDayLocal(t)),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var i;let e=this.input;if(e){e.value=(i=this.inputValue)!=null?i:"";let r=e.value.length;e.setSelectionRange(r,r)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleRangeChange(){let t=this.rangeStart?a.parseLocalISO(this.rangeStart):null,e=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null,i=t!=null?t:e;i&&(this.viewMonth=new Date(i.getFullYear(),i.getMonth(),1),this.focusedDate=a.startOfDayLocal(i)),this.previewEnd!==null&&(this.previewEnd=null),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var s;let r=this.input;if(r){r.value=(s=this.inputValue)!=null?s:"";let n=r.value.length;r.setSelectionRange(n,n)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),(this.disabled||this.visuallyDisabled)&&(this.open=!1)}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}get validity(){let t={valid:!0};return this.input instanceof HTMLInputElement?this.input.validity:t}get validationMessage(){return(this.input instanceof HTMLInputElement?this.input.validationMessage:"")||""}checkValidity(){return this.input instanceof HTMLInputElement?this.input.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input instanceof HTMLInputElement?this.input.reportValidity():!0}setCustomValidity(t){var e;(e=this.input)==null||e.setCustomValidity(t),this.formControlController.updateValidity()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}parseISO(t){return a.parseLocalISO(t)}inMinMax(t){let e=s=>{if(s==null)return null;if(s instanceof Date)return a.startOfDayLocal(s);if(typeof s=="number")return a.startOfDayLocal(new Date(s));if(typeof s=="string"){let n=this.parseISO(s);return n?a.startOfDayLocal(n):null}return null},i=e(this.min),r=e(this.max);return!(i&&t<i||r&&t>r)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${r}`;return this.disabledDatesSet.has(s)}isWeekend(t){let e=t.getDay();return e===0||e===6}isDisabled(t){var e;return!!(!this.inMinMax(t)||this.disabledWeekends&&this.isWeekend(t)||this.isInDisabledDates(t)||(e=this.isDateDisabled)!=null&&e.call(this,t))}setNavStatus(t){this.statusNavText=t}announceSelect(t,e=40){setTimeout(()=>{this.statusBumpCounter++;let i="\u200B".repeat(this.statusBumpCounter%3);this.statusSelectText=t+i},e)}formatSelectionLabel(t){if(this.locale==="de-DE")return t.toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"});let e=t.getDate(),i=this.ordinal(e),r=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${r} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,r=e[(i-20)%10]||e[i]||e[0];return t+r}syncDisabledDatesSet(){let t=[];if(Array.isArray(this.disabledDates))t=this.disabledDates;else if(typeof this.disabledDates=="string"){let e=this.disabledDates.trim();if(e.startsWith("["))try{let i=JSON.parse(e);Array.isArray(i)&&(t=i)}catch(i){t=[]}else e.length>0&&(t=e.split(",").map(i=>i.trim()).filter(Boolean))}this.disabledDatesSet=new Set(t)}wouldRangeContainDisabled(t,e){let i=a.compareDates(t,e)<=0?a.startOfDayLocal(t):a.startOfDayLocal(e),r=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,r)<=0;){if(this.isDisabled(s))return!0;s.setDate(s.getDate()+1)}return!1}termStartSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"startDateSelected")}termEndSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"endDateSelected")}isoToDmy(t){if(!t)return"";let e=a.parseLocalISO(t);if(e||(e=a.parseLocalISO(t.replace(/-/g,"."))),!e)return"";let i=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${r}.${s}`}dmyToIso(t){if(!t)return null;let e=t.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);if(!e)return null;let i=Number(e[1]),r=Number(e[2]),s=Number(e[3]),n=new Date(s,r-1,i);if(n.getFullYear()!==s||n.getMonth()!==r-1||n.getDate()!==i)return null;let o=a.startOfDayLocal(n);return a.toLocalISODate(o)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),r=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),n=this.isoToDmy(this.rangeEnd);return s&&n?`${s} ${r} ${n}`:s&&!n?`${s} ${r}`:""}parseInputText(t){var r,s;let e=t.trim();if(this.range){let n=e.split(/\s*-\s*/);if(n.length===1){let o=n[0];if(!o)return{start:null,end:null,valid:!0};let f=this.dmyToIso(o);return f?{start:f,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(n.length>=2){let o=(r=n[0])!=null?r:"",f=(s=n[1])!=null?s:"",v=o?this.dmyToIso(o):null,g=f?this.dmyToIso(f):null;return o&&!v?{start:null,end:null,valid:!1}:f&&!g?{start:null,end:null,valid:!1}:{start:v,end:g,valid:!0}}return{start:null,end:null,valid:!1}}if(!e)return{single:null,valid:!0};let i=this.dmyToIso(e);return i?{single:i,valid:!0}:{single:null,valid:!1}}applyParsedInput(t){var o,f,v,g;if(!t.valid)return this.showInvalidStyle=!0,this.showValidStyle=!1,this.formControlController.setValidity(!1),!1;let e=d=>{if(!d)return!0;let u=a.parseLocalISO(d);return!(!this.inMinMax(u)||this.isDisabled(u))},i=!1;if(this.range){let d=(o=t.start)!=null?o:null,u=(f=t.end)!=null?f:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,p=u?a.parseLocalISO(u):null;if(c&&p){if(a.compareDates(c,p)>0){let I=c;c=p,p=I}if(!this.allowSameDayRange&&a.isSameDay(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let m=c?a.toLocalISODate(a.startOfDayLocal(c)):null,L=p?a.toLocalISODate(a.startOfDayLocal(p)):null;if(this.rangeStart!==m||this.rangeEnd!==L){this.rangeStart=m,this.rangeEnd=L,this.previewEnd=null,i=!0;let I=(v=c!=null?c:p)!=null?v:this.today;this.viewMonth=new Date(I.getFullYear(),I.getMonth(),1),this.focusedDate=a.startOfDayLocal(I),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})}return this.showInvalidStyle=!1,this.range?this.showValidStyle=!!(this.rangeStart&&this.rangeEnd&&this.styleOnValid):this.showValidStyle=!!(this.value&&this.styleOnValid),this.formControlController.setValidity(!0),this.updateComplete.then(()=>{this.formControlController.updateValidity()}),!0}let r=(g=t.single)!=null?g:null;if(!e(r))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=r?a.parseLocalISO(r):null,n=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==n&&(this.value=n,i=!0,s&&(this.viewMonth=new Date(s.getFullYear(),s.getMonth(),1),this.focusedDate=a.startOfDayLocal(s)),this.emit("sd-select",{detail:{value:this.value,date:s!=null?s:null}})),this.showInvalidStyle=!1,this.showValidStyle=!!this.value,this.inputValue=this.formatInputValue(),i}buildDmyFromDigits(t){let e=t.slice(0,8),i=e.slice(0,2),r=e.slice(2,4),s=e.slice(4,8),n=i;return r.length&&(n+="."+r),s.length&&(n+="."+s),n}digitIndexToDmyCaretPos(t){return t<=2?t:t<=4?3+(t-2):6+(t-4)}countDigitsBeforeCaret(t,e){return t.slice(0,e).replace(/\D/g,"").length}handleOutsideClick(t){var i,r;((r=(i=t.composedPath)==null?void 0:i.call(t))!=null?r:[]).includes(this)||(this.hide(),this.hasFocus=!1,this.emit("sd-datepicker-close"))}show(){if(this.open||this.disabled||this.visuallyDisabled||this.readonly){this.open=!1;return}this.open=!0}hide(){if(!this.open||this.disabled){this.open=!1;return}this.open=!1}handleMouseDown(t){if(this.visuallyDisabled||this.disabled||this.readonly){t.preventDefault(),t.stopPropagation();return}t.preventDefault(),this.open||this.show()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleFocus(){this.hasFocus=!0,!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&this.show(),this.emit("sd-focus")}setMonth(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear(),e.getMonth()+t,1);if(i.getMonth()===e.getMonth()&&i.getFullYear()===e.getFullYear())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-change",{detail:{month:i}})}setYear(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear()+t,e.getMonth(),1);if(i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var r;let t=null;if(!this.range&&this.value){let s=a.parseLocalISO(this.value);s&&(t=a.startOfDayLocal(s))}if(this.range){let s=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;n?t=a.startOfDayLocal(n):s&&(t=a.startOfDayLocal(s))}let e=(r=this.viewMonth)!=null?r:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),n=s.flat().find(o=>o.getMonth()===e.getMonth()&&a.isSameDay(o,this.today)&&!this.isDisabled(o));if(n)t=a.startOfDayLocal(n);else{let o=s.flat().find(f=>f.getMonth()===e.getMonth()&&!this.isDisabled(f));t=o?a.startOfDayLocal(o):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,n=(s==null?void 0:s.querySelector("button.day.selected"))||(s==null?void 0:s.querySelector("button.day.focused"))||(s==null?void 0:s.querySelector('button.day[tabindex="0"]'))||(s==null?void 0:s.querySelector("button.day"));n==null||n.focus({preventScroll:!0})})}selectSingleDate(t){if(this.readonly||this.isDisabled(t))return;let e=a.startOfDayLocal(t),i=a.toLocalISODate(e);if(this.value===i)return;this.value=i;let r=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(r),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var n;let s=this.input;s&&(s.value=(n=this.inputValue)!=null?n:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let o=s.value.length;s.setSelectionRange(o,o)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,r=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))});return}if(i&&!r){if(this.isDisabled(e))return;if(a.isSameDay(i,e)){if(!this.allowSameDayRange){this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let d=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${d}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var c;let u=this.input;u&&(u.value=(c=this.inputValue)!=null?c:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let p=u.value.length;u.setSelectionRange(p,p)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let g=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${g}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var u;let d=this.input;d&&(d.value=(u=this.inputValue)!=null?u:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let c=d.value.length;d.setSelectionRange(c,c)})}))});return}let s=a.parseLocalISO(this.rangeStart);if(this.wouldRangeContainDisabled(s,e))return;let[n,o]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(n),this.rangeEnd=a.toLocalISODate(o),this.previewEnd=null;let f=this.formatSelectionLabel(n),v=this.formatSelectionLabel(o);this.announceSelect(`${this.termStartSelected()}: ${f}`,40),this.announceSelect(`${this.termEndSelected()}: ${v}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let g=this.input;g&&(g.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=g.value.length;g.setSelectionRange(u,u)})}))});return}if(i&&r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))})}}selectDate(t){this.readonly||(this.range?this.selectRangeDate(t):this.selectSingleDate(t))}ensureViewMonth(){if(this.viewMonth)return this.viewMonth;let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=new Date(r.getFullYear(),r.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var v;let e=(v=this.firstDayOfWeek)!=null?v:1,i=new Date(t.getFullYear(),t.getMonth(),1),r=new Date(i),s=(i.getDay()-e+7)%7;r.setDate(i.getDate()-s);let n=[],o=r;for(let g=0;g<6;g++){let d=[];for(let u=0;u<7;u++)d.push(new Date(o)),o.setDate(o.getDate()+1);n.push(d)}let f=g=>g.every(d=>d.getMonth()!==t.getMonth());for(;n.length>0&&f(n[n.length-1]);)n.pop();return{weeks:n}}formatMonthYear(t){try{return new Intl.DateTimeFormat(this.locale,{month:"long",year:"numeric"}).format(t)}catch(e){return`${t.toLocaleString(void 0,{month:"long"})} ${t.getFullYear()}`}}weekdayLabels(){var r;let t=(r=this.firstDayOfWeek)!=null?r:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let n=new Date(e);n.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(n))}catch(o){i.push(n.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(n=>n.getMonth()===e.getMonth()&&a.isSameDay(n,this.today)&&!this.isDisabled(n));if(i)return a.startOfDayLocal(i);let r=t.flat().find(n=>n.getMonth()===e.getMonth()&&!this.isDisabled(n));return r?a.startOfDayLocal(r):null}onDayMouseEnter(t){if(!this.range||this.readonly)return;let e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(e&&!i){let r=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(r)?null:r,this.requestUpdate()}}onGridMouseLeave(){this.previewEnd!==null&&(this.previewEnd=null,this.requestUpdate())}renderCalendar(){var d,u;let t=(d=this.viewMonth)!=null?d:this.ensureViewMonth(),{weeks:e}=this.getMonthMatrix(t),i=this.formatMonthYear(t),r=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,n=this.rangeStart?this.parseISO(this.rangeStart):null,o=this.rangeEnd?this.parseISO(this.rangeEnd):null,f=this.previewEnd,v=c=>!this.range||!n||o||!f?!1:a.isBetweenInclusive(c,n,f),g=this.getTabTargetDayForCurrentView(e);return k`<div part="datepicker" class="${x("w-[284px] z-50 bg-white py-3 px-4",this.open?"block shadow-listbox":"hidden",(u=this.currentPlacement)!=null&&u.startsWith("bottom")?"border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius":"border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius","border-primary")}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-year-button" @click="${()=>this.setYear(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",-1,!1)}" aria-label="${this.localize.term("previousYear")}"><sd-6-18-1-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-18-1-icon></button> <button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-month-button" @click="${()=>this.setMonth(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",-1,!1)}" aria-label="${this.localize.term("previousMonth")}"><sd-6-18-1-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-18-1-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${i}</div><div class="flex items-center"><button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-month-button" @click="${()=>this.setMonth(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",1,!1)}" aria-label="${this.localize.term("nextMonth")}"><sd-6-18-1-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-18-1-icon></button> <button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-year-button" @click="${()=>this.setYear(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",1,!0)}" aria-label="${this.localize.term("nextYear")}"><sd-6-18-1-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-18-1-icon></button></div></div><sd-6-18-1-divider></sd-6-18-1-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${i}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${()=>{this.tabbingIntoGrid=!1}}"><div class="grid-row grid-head grid grid-cols-7 gap-y-[1px]" role="row">${r.map((c,p)=>k`<div role="columnheader" aria-colindex="${p+1}" part="weekday" class="cell head flex items-center justify-center font-bold text-black text-sm leading-none h-8" aria-label="${c}" title="${c}" id="${"col-"+(p+1)}">${c}</div>`)}</div>${e.map((c,p)=>k`<div class="grid-row grid grid-cols-7 ${p===0?"mt-2":""}" role="row" aria-rowindex="${p+2}">${c.map((m,L)=>{let I=m.getMonth()===t.getMonth(),D=this.isDisabled(m)||!this.inMinMax(m),E=a.isSameDay(m,this.focusedDate),y=a.isSameDay(m,this.today),S=!this.range&&s?a.isSameDay(m,s):!1,w=this.range&&n?a.isSameDay(m,n):!1,C=this.range&&o?a.isSameDay(m,o):!1,T=this.range&&n&&o?a.isBetweenInclusive(m,n,o):!1,P=v(m)&&!D,Y=-1,$=g&&a.isSameDay(m,g);(this.tabbingIntoGrid&&$||!this.tabbingIntoGrid&&E)&&(Y=0);let V=this.isWeekend(m),z=m.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),R=w?this.localize.term("startDateSelected"):C?this.localize.term("endDateSelected"):void 0;return k`<button type="button" part="day" class="${x("cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]",this.size==="sm"?"text-sm h-6":"text-base h-8",w||C?E?"outline-none sd-6-18-1-datepicker__date-item--selected--hover-color-background sd-6-18-1-datepicker__date-item--selected-color-text":"outline-none sd-6-18-1-datepicker__date-item--selected-color-background sd-6-18-1-datepicker__date-item--selected-color-text hover:sd-6-18-1-datepicker__date-item--selected--hover-color-background":"hover:sd-6-18-1-datepicker__date-item--hover--default-color-text",!w&&!C&&!T&&"hover:sd-6-18-1-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-18-1-datepicker__date-item--selected-color-background sd-6-18-1-datepicker__date-item--selected-color-text hover:sd-6-18-1-datepicker__date-item--selected-color-text hover:sd-6-18-1-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(m)||!this.inMinMax(m)?"out-month text-neutral-500":this.disabledWeekends&&V?"weekend-day text-neutral-500":"in-month sd-6-18-1-datepicker__date-item--default-color-text":this.disabledWeekends&&V?"out-month weekend-day text-neutral-500":V?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-18-1-datepicker__date-item--hover--prev-next-color-text hover:sd-6-18-1-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",C?"range-end rounded-r-md rounded-l-none":"",T&&!w&&!C?"in-range selected sd-6-18-1-datepicker__date-item--range-color-background rounded-none hover:sd-6-18-1-datepicker__date-item--selected--hover-color-background hover:sd-6-18-1-datepicker__date-item--selected-color-text":"",!T&&P&&!w&&!C?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",y&&!S&&!w&&!C&&E?"today border-[1px] border-primary sd-6-18-1-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",E&&!y?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${L+1}" aria-labelledby="${"col-"+(L+1)}" .tabIndex="${Y}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||T||w||C?"true":"false"}" aria-current="${y?"date":q}" aria-label="${z}" aria-roledescription="${R!=null?R:q}" @focus="${()=>this.focusedDate=a.startOfDayLocal(m)}" @mouseenter="${()=>this.onDayMouseEnter(m)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(m),this.selectDate(m)}}">${m.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,p;let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,i=this.helpText?!0:!!t.helpText,r=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,n=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,o=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",f={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],v={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],g=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",d={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[g],u=this.size==="sm"?"text-sm":"text-base";return k`<div part="form-control" class="${x("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||r?k`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${x(e?"inline-block form-control-color-text":"hidden",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?k`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${x("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}">${e&&this.floatingLabel?k`<label id="label" part="form-control-floating-label" class="${x("absolute left-4 z-20 pointer-events-none transition-all duration-200 form-control--filled__floating-label-color-text",n?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2",n&&"mt-1")}" for="input"><span class="${x("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",n&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${x("absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out",d,this.open&&((c=this.currentPlacement)!=null&&c.startsWith("bottom")?this.open&&this.alignment==="left"?"rounded-bl-none":"rounded-br-none":this.open&&this.alignment==="left"?"rounded-tl-none":"rounded-tr-none"))}"></div><sd-6-18-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${x("inline-flex relative w-full",(p=this.currentPlacement)!=null&&p.startsWith("bottom")?"origin-top":"origin-bottom")}" placement="${this.alignment==="left"?`${this.placement}-start`:`${this.placement}-end`}" flip shift auto-size="vertical" auto-size-padding="10" exportparts="popup:popup__content,"><div part="base" class="${x("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast w-full",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",g==="disabled"||g==="visuallyDisabled"?"text-neutral-500":"text-black",g==="invalid"&&"form-control--invalid-color-background",g==="active"&&"shadow")}" slot="anchor"><input id="input" type="text" role="combobox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="dialog" aria-controls="calendar-grid" aria-describedby="${i?"help-text":void 0}" aria-invalid="${this.showInvalidStyle?"true":"false"}" aria-label="${this.range?"Select date range":"Select a date"}" class="${x("min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer text-black",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",{sm:"h-8",md:"h-10",lg:"h-12"}[this.size],u,this.floatingLabel&&"mt-4")}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel||n?this.placeholder||this.localize.term(this.range?"dateRangePlaceholder":"datePlaceholder"):""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly||this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle?k`<sd-6-18-1-icon part="invalid-icon" class="${x("text-error",f,v)}" library="_internal" name="risk"></sd-6-18-1-icon>`:""} ${this.showValidStyle&&this.styleOnValid?k`<sd-6-18-1-icon class="${x("text-success shrink-0",f,v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-18-1-icon>`:""}<sd-6-18-1-icon class="${x(o,f,v,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-18-1-icon></div>${this.renderCalendar()}</sd-6-18-1-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${x("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};l.styles=[...H.styles,N`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:inline-block;width:100%;--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}.today:hover{border-color:rgba(var(--sd-datepicker__date-item--hover--default-color-border,rgba(var(--sd-color-primary-500))))}.in-range,.today{color:rgba(var(--sd-datepicker__date-item--current-color-text,rgba(var(--sd-color-primary))))}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}.month-label{color:rgb(var(--sd-color-border-primary))!important}`],h([b({type:String,reflect:!0})],l.prototype,"locale",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"value",2),h([b({type:Boolean,reflect:!0})],l.prototype,"range",2),h([b({attribute:"range-start",converter:A,reflect:!0})],l.prototype,"rangeStart",2),h([b({attribute:"range-end",converter:A,reflect:!0})],l.prototype,"rangeEnd",2),h([b({type:Boolean})],l.prototype,"allowSameDayRange",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"min",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"max",2),h([b({attribute:"view-month",converter:j})],l.prototype,"viewMonth",2),h([b({type:Number})],l.prototype,"firstDayOfWeek",2),h([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],l.prototype,"disabledWeekends",2),h([b({attribute:"disabled-dates",converter:J})],l.prototype,"disabledDates",2),h([b({attribute:!1})],l.prototype,"isDateDisabled",2),h([b({type:String,reflect:!0})],l.prototype,"size",2),h([b({type:String})],l.prototype,"alignment",2),h([b({type:String,reflect:!0})],l.prototype,"label",2),h([b({type:String,attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),h([b({attribute:"floating-label",type:Boolean,reflect:!0})],l.prototype,"floatingLabel",2),h([b({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([b({type:Boolean,reflect:!0})],l.prototype,"required",2),h([b({type:Boolean,attribute:"visually-disabled"})],l.prototype,"visuallyDisabled",2),h([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],l.prototype,"styleOnValid",2),h([b({type:Boolean,reflect:!0})],l.prototype,"readonly",2),h([b({type:String,reflect:!0})],l.prototype,"placement",2),h([b({type:String,reflect:!0})],l.prototype,"placeholder",2),h([b({reflect:!0})],l.prototype,"name",2),h([b({type:String,reflect:!0})],l.prototype,"form",2),h([O()],l.prototype,"open",2),h([O()],l.prototype,"focusedDate",2),h([O()],l.prototype,"today",2),h([O()],l.prototype,"disabledDatesSet",2),h([O()],l.prototype,"previewEnd",2),h([O()],l.prototype,"statusNavText",2),h([O()],l.prototype,"statusSelectText",2),h([O()],l.prototype,"hasFocus",2),h([O()],l.prototype,"showValidStyle",2),h([O()],l.prototype,"showInvalidStyle",2),h([O()],l.prototype,"currentPlacement",2),h([O()],l.prototype,"inputValue",2),h([B("sd-6-18-1-popup")],l.prototype,"popup",2),h([B("#invalid-message")],l.prototype,"invalidMessage",2),h([B("#input")],l.prototype,"input",2),h([_("open",{waitUntilFirstUpdate:!0})],l.prototype,"handleOpenChange",1),h([_("locale")],l.prototype,"handleLocaleChange",1),h([_("viewMonth")],l.prototype,"handleViewMonthChange",1),h([_("disabledDates")],l.prototype,"handleDisabledDatesChange",1),h([_("value")],l.prototype,"handleValueChange",1),h([_("rangeStart"),_("rangeEnd")],l.prototype,"handleRangeChange",1),h([_(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1),h([_(["size","floatingLabel"])],l.prototype,"handleSizeChange",1),l=h([W("sd-6-18-1-datepicker")],l);export{l as a};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.QIKBKQXB.js";import{a as l,b as i,d,h as n}from"./chunk.E2V26BUA.js";import{b as s,e}from"./chunk.UOAG5PNU.js";import{e as a}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.variant="white";this.open=!1;this.hasSlotController=new c(this,"[default]","media","meta","headline","expandable")}onToggleClick(){this.open=!this.open}render(){let o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return e`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/60 to-white/0",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/60 to-primary-800/0")}"></div><div class="${r("relative",["primary","gradient-dark"].includes(this.variant)&&"text-white")}"><div class="${r("absolute inset-0 pointer-events-none",{white:"sd-6-18-
|
|
1
|
+
import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.QIKBKQXB.js";import{a as l,b as i,d,h as n}from"./chunk.E2V26BUA.js";import{b as s,e}from"./chunk.UOAG5PNU.js";import{e as a}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.variant="white";this.open=!1;this.hasSlotController=new c(this,"[default]","media","meta","headline","expandable")}onToggleClick(){this.open=!this.open}render(){let o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return e`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/60 to-white/0",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/60 to-primary-800/0")}"></div><div class="${r("relative",["primary","gradient-dark"].includes(this.variant)&&"text-white")}"><div class="${r("absolute inset-0 pointer-events-none",{white:"sd-6-18-1-teaser-media--white-color-background group-hover:sd-6-18-1-teaser-media--white--hover-color-background ","neutral-100":"sd-6-18-1-teaser-media--neutral-100-color-background group-hover:sd-6-18-1-teaser-media--neutral-100--hover-color-background",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"sd-6-18-1-teaser-media--primary-100-color-background group-hover:sd-6-18-1-teaser-media--primary-100--hover-color-background","gradient-light":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.variant])}"></div><div class="relative flex flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here</slot></div><div part="meta" class="${r("gap-2 mb-2 order-1",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}"><slot></slot></div><div class="${r("mt-3 transition-opacity duration-300",!this.open&&"hidden",this.open?"opacity-100":"opacity-0")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${o["teaser-has-expandable"]?e`<button part="toggle" class="sd-interactive sd-interactive--reset mt-2" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open?"Collapse content":"Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-18-1-icon class="${r("w-6 h-6 transition-transform",this.open&&"rotate-180",["primary","gradient-dark"].includes(this.variant)?"text-white":"text-primary")}" library="_internal" name="chevron-down"></sd-6-18-1-icon></div></button>`:null}</div></div></div><div class="${r("mb-4 -z-10",!o["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...n.styles,s`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
2
|
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:rgba(var(--sd-color-background-white))}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-white)) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-neutral-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-neutral-100)) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary)) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary-100)) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
|
|
3
3
|
--sd-informational-gradient--primary-800-color-background,
|
|
4
4
|
var(--sd-color-primary-800)
|
|
5
|
-
)}[part=toggle]{width:-moz-fit-content;width:fit-content}`],a([i({type:String,reflect:!0})],t.prototype,"variant",2),a([i({type:Boolean,reflect:!0})],t.prototype,"open",2),a([d('[part="base"]')],t.prototype,"teaserMedia",2),t=a([l("sd-6-18-
|
|
5
|
+
)}[part=toggle]{width:-moz-fit-content;width:fit-content}`],a([i({type:String,reflect:!0})],t.prototype,"variant",2),a([i({type:Boolean,reflect:!0})],t.prototype,"open",2),a([d('[part="base"]')],t.prototype,"teaserMedia",2),t=a([l("sd-6-18-1-teaser-media")],t);export{t as a};
|