@solid-design-system/components 6.24.1 → 6.24.2
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.AX6E7G7K.js → chunk.GNQ2AH6R.js} +2 -2
- package/cdn/chunks/chunk.MXPGGLKX.js +2 -0
- package/cdn/components/combobox/combobox.js +1 -1
- package/cdn/components/navigation-item/navigation-item.js +1 -1
- package/cdn/custom-elements.json +1 -1
- package/cdn/solid-components.bundle.js +3 -3
- package/cdn/solid-components.iife.js +3 -3
- package/cdn/solid-components.js +1 -1
- package/cdn/web-types.json +1 -1
- package/cdn-versioned/chunks/chunk.2FRV4JI3.js +1 -1
- package/cdn-versioned/chunks/chunk.2TCDQYYC.js +2 -2
- package/cdn-versioned/chunks/chunk.32WSNOK5.js +2 -2
- package/cdn-versioned/chunks/chunk.36LY3DX3.js +2 -2
- package/cdn-versioned/chunks/chunk.3FXWTJNG.js +2 -2
- package/cdn-versioned/chunks/chunk.3HJR4W7S.js +2 -2
- package/cdn-versioned/chunks/chunk.3NV5EFHF.js +9 -9
- package/cdn-versioned/chunks/chunk.4PBTCGFX.js +2 -2
- package/cdn-versioned/chunks/chunk.4TEHVEJ5.js +2 -2
- package/cdn-versioned/chunks/chunk.5B4C742P.js +2 -2
- package/cdn-versioned/chunks/chunk.5D2QLOPO.js +2 -2
- package/cdn-versioned/chunks/chunk.5LQXIFL5.js +1 -1
- package/cdn-versioned/chunks/chunk.6ZVU7R22.js +2 -2
- package/cdn-versioned/chunks/chunk.7EYPTWOC.js +2 -2
- package/cdn-versioned/chunks/chunk.A3QRJ5ME.js +2 -2
- package/cdn-versioned/chunks/chunk.BJGMSYKC.js +1 -1
- package/cdn-versioned/chunks/chunk.BMOWDQOV.js +2 -2
- package/cdn-versioned/chunks/chunk.BS3GML7W.js +3 -3
- package/cdn-versioned/chunks/chunk.CIRCXXWS.js +2 -2
- package/cdn-versioned/chunks/chunk.CPEHJK3R.js +1 -1
- package/cdn-versioned/chunks/chunk.D4KX4Q6E.js +2 -2
- package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
- package/cdn-versioned/chunks/chunk.E3RBLJOD.js +2 -2
- package/cdn-versioned/chunks/chunk.EDVI5WKO.js +3 -3
- package/cdn-versioned/chunks/chunk.FK2QE2LJ.js +2 -2
- package/cdn-versioned/chunks/chunk.GCCUJ5RI.js +3 -3
- package/cdn-versioned/chunks/chunk.GICLEIQR.js +1 -1
- package/cdn-versioned/chunks/{chunk.AX6E7G7K.js → chunk.GNQ2AH6R.js} +5 -5
- package/cdn-versioned/chunks/chunk.GWINLIF6.js +2 -2
- package/cdn-versioned/chunks/chunk.HA4FSESN.js +2 -2
- package/cdn-versioned/chunks/chunk.ISEX6JDK.js +2 -2
- package/cdn-versioned/chunks/chunk.IXCKRXZP.js +2 -2
- package/cdn-versioned/chunks/chunk.KJ4O2AAU.js +2 -2
- package/cdn-versioned/chunks/chunk.KQBMEX4Q.js +2 -2
- package/cdn-versioned/chunks/chunk.L7DV2MLH.js +1 -1
- package/cdn-versioned/chunks/chunk.LVX7YSFZ.js +2 -2
- package/cdn-versioned/chunks/chunk.LWNOAXVZ.js +2 -2
- package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
- package/cdn-versioned/chunks/chunk.MXPGGLKX.js +2 -0
- package/cdn-versioned/chunks/chunk.NXUXZCC5.js +1 -1
- package/cdn-versioned/chunks/chunk.OFQAFMQN.js +2 -2
- package/cdn-versioned/chunks/chunk.OJN4DDNN.js +2 -2
- package/cdn-versioned/chunks/chunk.OW556SXG.js +2 -2
- package/cdn-versioned/chunks/chunk.P4GZNPGK.js +1 -1
- package/cdn-versioned/chunks/chunk.PQIUYCLY.js +2 -2
- package/cdn-versioned/chunks/chunk.PZSKPF3M.js +2 -2
- package/cdn-versioned/chunks/chunk.R3CFPFL7.js +2 -2
- package/cdn-versioned/chunks/chunk.RJ7RNCAD.js +2 -2
- package/cdn-versioned/chunks/chunk.SK3BEBJX.js +2 -2
- package/cdn-versioned/chunks/chunk.SW3IDYJO.js +1 -1
- package/cdn-versioned/chunks/chunk.TNHTS2QZ.js +2 -2
- package/cdn-versioned/chunks/chunk.TQXBNN2G.js +2 -2
- package/cdn-versioned/chunks/chunk.TTYJJ4T5.js +2 -2
- package/cdn-versioned/chunks/chunk.TYVGKCJX.js +2 -2
- package/cdn-versioned/chunks/chunk.U2Q5EORY.js +2 -2
- package/cdn-versioned/chunks/chunk.VMZSSKC5.js +1 -1
- package/cdn-versioned/chunks/chunk.VSRBSS6K.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WB2ATZAO.js +5 -5
- package/cdn-versioned/chunks/chunk.XND4CVBN.js +2 -2
- package/cdn-versioned/chunks/chunk.XQ2AM7JO.js +2 -2
- package/cdn-versioned/chunks/chunk.YDZ7FOAV.js +2 -2
- package/cdn-versioned/chunks/chunk.YGYXL3BZ.js +2 -2
- package/cdn-versioned/chunks/chunk.ZC3U3HHB.js +2 -2
- package/cdn-versioned/chunks/chunk.ZFTFC2P4.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/combobox/combobox.js +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/navigation-item/navigation-item.js +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/progress-bar/progress-bar.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +253 -253
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +81 -81
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +81 -81
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +109 -109
- package/cdn-versioned/web-types.json +165 -165
- package/dist/chunks/{chunk.X4BIP2Y2.js → chunk.GUWNLJ7W.js} +6 -2
- package/dist/chunks/{chunk.KTT6XPZB.js → chunk.JHHNBCX5.js} +7 -5
- package/dist/components/combobox/combobox.js +1 -1
- package/dist/components/navigation-item/navigation-item.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/solid-components.js +2 -2
- package/dist/web-types.json +1 -1
- package/dist-versioned/chunks/chunk.2KU6UVWZ.js +2 -2
- package/dist-versioned/chunks/chunk.2N4PQ34O.js +11 -11
- package/dist-versioned/chunks/chunk.4F4N3QQ6.js +4 -4
- package/dist-versioned/chunks/chunk.4QZT4Y6W.js +3 -3
- package/dist-versioned/chunks/chunk.4SNDWIKF.js +2 -2
- package/dist-versioned/chunks/chunk.5XP6OIKT.js +3 -3
- package/dist-versioned/chunks/chunk.6DDIBH76.js +14 -14
- package/dist-versioned/chunks/chunk.6MMNEOUE.js +2 -2
- package/dist-versioned/chunks/chunk.6V7SKGRY.js +4 -4
- package/dist-versioned/chunks/chunk.AIG5N2FZ.js +1 -1
- package/dist-versioned/chunks/chunk.AXZSMHWW.js +4 -4
- package/dist-versioned/chunks/chunk.BCZIRWVM.js +3 -3
- package/dist-versioned/chunks/chunk.BIYQLL42.js +11 -11
- package/dist-versioned/chunks/chunk.BVWAKEFC.js +1 -1
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.CTVKYPFB.js +5 -5
- package/dist-versioned/chunks/chunk.D3CLWL6Z.js +13 -13
- package/dist-versioned/chunks/chunk.D6W4R7CF.js +12 -12
- package/dist-versioned/chunks/chunk.DDBIUIIK.js +6 -6
- package/dist-versioned/chunks/chunk.DGV5QTN6.js +5 -5
- package/dist-versioned/chunks/chunk.EAJ3CM6N.js +4 -4
- package/dist-versioned/chunks/chunk.EHIUARAT.js +2 -2
- package/dist-versioned/chunks/chunk.EIHPDMVS.js +5 -5
- package/dist-versioned/chunks/chunk.EYTDOBZ4.js +6 -6
- package/dist-versioned/chunks/chunk.FMLTJI4Z.js +7 -7
- package/dist-versioned/chunks/chunk.FWMPHWGG.js +10 -10
- package/dist-versioned/chunks/chunk.G5PJCSSV.js +7 -7
- package/dist-versioned/chunks/chunk.GAQZ5NES.js +5 -5
- package/dist-versioned/chunks/chunk.GQ4ENMDG.js +10 -10
- package/dist-versioned/chunks/chunk.GUTW4VQD.js +5 -5
- package/dist-versioned/chunks/{chunk.X4BIP2Y2.js → chunk.GUWNLJ7W.js} +31 -27
- package/dist-versioned/chunks/chunk.JHGRQU5N.js +6 -6
- package/dist-versioned/chunks/{chunk.KTT6XPZB.js → chunk.JHHNBCX5.js} +17 -15
- package/dist-versioned/chunks/chunk.JYUKVPUJ.js +1 -1
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KEUBCTKM.js +8 -8
- package/dist-versioned/chunks/chunk.KGQHJROJ.js +3 -3
- package/dist-versioned/chunks/chunk.LKDQ3TXG.js +2 -2
- package/dist-versioned/chunks/chunk.LMXGFI7F.js +11 -11
- package/dist-versioned/chunks/chunk.M52SSKFL.js +10 -10
- package/dist-versioned/chunks/chunk.MUOLK3RU.js +33 -33
- package/dist-versioned/chunks/chunk.N7WMSLKA.js +1 -1
- package/dist-versioned/chunks/chunk.NIKLDQ35.js +2 -2
- package/dist-versioned/chunks/chunk.NNMBBWIU.js +2 -2
- package/dist-versioned/chunks/chunk.OXCSSHRT.js +10 -10
- package/dist-versioned/chunks/chunk.P7RNSWL3.js +1 -1
- package/dist-versioned/chunks/chunk.QWPXBE3R.js +3 -3
- package/dist-versioned/chunks/chunk.R3ZRRK4P.js +4 -4
- package/dist-versioned/chunks/chunk.R6M52RPI.js +5 -5
- package/dist-versioned/chunks/chunk.RQN4WSFL.js +5 -5
- package/dist-versioned/chunks/chunk.RWGWOZ23.js +1 -1
- package/dist-versioned/chunks/chunk.SLLHUOTL.js +2 -2
- package/dist-versioned/chunks/chunk.SUQL6D3H.js +5 -5
- package/dist-versioned/chunks/chunk.TEHKQWUZ.js +6 -6
- package/dist-versioned/chunks/chunk.TEHS57B5.js +2 -2
- package/dist-versioned/chunks/chunk.TRG462TJ.js +1 -1
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.WASJNAOH.js +25 -25
- package/dist-versioned/chunks/chunk.XFU4IJSC.js +5 -5
- package/dist-versioned/chunks/chunk.XRYVTNMS.js +3 -3
- package/dist-versioned/chunks/chunk.YEO5QKA7.js +2 -2
- package/dist-versioned/chunks/chunk.YNVPCLKL.js +5 -5
- package/dist-versioned/chunks/chunk.YSZ7WBON.js +1 -1
- package/dist-versioned/chunks/chunk.ZCOV36IT.js +2 -2
- package/dist-versioned/chunks/chunk.ZF4JCUFV.js +6 -6
- 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/combobox/combobox.js +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/navigation-item/navigation-item.js +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/progress-bar/progress-bar.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +253 -253
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +2 -2
- package/dist-versioned/vscode.html-custom-data.json +109 -109
- package/dist-versioned/web-types.json +165 -165
- package/package.json +1 -1
- package/cdn/chunks/chunk.7R76DQCY.js +0 -2
- package/cdn-versioned/chunks/chunk.7R76DQCY.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as C}from"./chunk.2AQOPKKH.js";import{a as M}from"./chunk.G7HKVXLR.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.VMZSSKC5.js";import{b as g,e as l}from"./chunk.OBAEIKIV.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-6-24-
|
|
2
|
-
:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-6-24-
|
|
1
|
+
import{a as C}from"./chunk.2AQOPKKH.js";import{a as M}from"./chunk.G7HKVXLR.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.VMZSSKC5.js";import{b as g,e as l}from"./chunk.OBAEIKIV.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-6-24-2-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-6-24-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-24-2-icon></sd-6-24-2-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...u.styles,g`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-6-24-2-dialog")],t);a("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});a("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});a("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});a("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});export{t as a};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as l,b as i,d,h as n}from"./chunk.VMZSSKC5.js";import{b as s,e}from"./chunk.OBAEIKIV.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-24-
|
|
1
|
+
import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as l,b as i,d,h as n}from"./chunk.VMZSSKC5.js";import{b as s,e}from"./chunk.OBAEIKIV.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-24-2-teaser-media--white-color-background group-hover:sd-6-24-2-teaser-media--white--hover-color-background ","neutral-100":"sd-6-24-2-teaser-media--neutral-100-color-background group-hover:sd-6-24-2-teaser-media--neutral-100--hover-color-background",primary:"bg-primary/80 text-white group-hover:bg-primary/90","primary-100":"sd-6-24-2-teaser-media--primary-100-color-background group-hover:sd-6-24-2-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-24-2-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-24-2-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.3.0 | 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;outline-color:transparent}:host([variant=gradient-dark]) [part=toggle]:focus-visible,:host([variant=primary]) [part=toggle]:focus-visible{outline-color:rgba(var(--sd-color-text-white))}`],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-24-
|
|
5
|
+
)}[part=toggle]{width:-moz-fit-content;width:fit-content;outline-color:transparent}:host([variant=gradient-dark]) [part=toggle]:focus-visible,:host([variant=primary]) [part=toggle]:focus-visible{outline-color:rgba(var(--sd-color-text-white))}`],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-24-2-teaser-media")],t);export{t as a};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as s}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.VMZSSKC5.js";import{b as l,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${s(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-6-24-
|
|
1
|
+
import{a as s}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.VMZSSKC5.js";import{b as l,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${s(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-6-24-2-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-6-24-2-icon library="_internal" name="reload" label="Flip to Back"></sd-6-24-2-icon></sd-6-24-2-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${s(this.activeSide==="front"||void 0)}" class="${t("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${t("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-6-24-2-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-6-24-2-icon library="_internal" name="reload" label="Flip to Front"></sd-6-24-2-icon></sd-6-24-2-button></div></div>`}};r.styles=[...n.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
2
|
:host{display:block;aspect-ratio:var(--sd-aspect-3\\/4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.2 1 0;pointer-events:none}.bg-gradient-to-b,.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
|
-
)}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-6-24-
|
|
5
|
+
)}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-6-24-2-flipcard")],r);export{r as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"./chunk.WWGARXPI.js";import{a as z,b as K,c as G}from"./chunk.23WKPZET.js";import{b as N}from"./chunk.LZRL7OLU.js";import{a as U}from"./chunk.CGQ2BPPZ.js";import{a as W}from"./chunk.VAM5SM3O.js";import{a as x}from"./chunk.UFTAQNZB.js";import{a as F}from"./chunk.NYKJXI3Q.js";import{a as H,b,c as E,d as Y,h as A}from"./chunk.VMZSSKC5.js";import{b as q,e as V,i as R}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var r=class extends A{constructor(){super();this.localize=new W(this);this.hasSlotController=new U(this,"label","help-text","tooltip");this.formControlController=new N(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(n=>{var s,l;return n instanceof HTMLElement&&(((s=n.classList)==null?void 0:s.contains("nav"))||((l=n.classList)==null?void 0:l.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var l,h,g,y,m;if(this.disabled||this.visuallyDisabled||this.readonly){(l=t.preventDefault)==null||l.call(t),(h=t.stopPropagation)==null||h.call(t);return}let e=t.target,i=e.value,n=(g=e.selectionStart)!=null?g:i.length,s=(y=t.inputType)==null?void 0:y.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),f=this.buildDmyFromDigits(u),p=this.buildDmyFromDigits(c),M;u.length===0?M="":u.length<8?M=f:c.length>0?M=`${f} - ${p}`:M=s?f:`${f} -`;let I=this.countDigitsBeforeCaret(i,n),D;if(I<=8){let v=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(v,f.length)}else{let v=u.length<8?f.length:f.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=v+Math.min(w,p.length)}this.inputValue=M;let $=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(f)){let v=this.dmyToIso(f),S=v?a.parseLocalISO(v):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==v&&(this.rangeStart=v,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),$=!0)}else this.rangeStart&&(this.rangeStart=null,$=!0),this.rangeEnd&&(this.rangeEnd=null,$=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)&&this.rangeStart){let v=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(p),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[k,T]=a.compareDates(v,w)<=0?[v,w]:[w,v],P=a.isSameDay(k,T);if((this.allowSameDayRange||!P)&&!this.wouldRangeContainDisabled(k,T)){let C=a.toLocalISODate(a.startOfDayLocal(k)),_=a.toLocalISODate(a.startOfDayLocal(T));(this.rangeStart!==C||this.rangeEnd!==_)&&(this.rangeStart=C,this.rangeEnd=_,this.viewMonth=new Date(T.getFullYear(),T.getMonth(),1),this.focusedDate=a.startOfDayLocal(T),$=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,$=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),$&&(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 v=(S=this.input)!=null?S:e;v&&(v.value=this.inputValue,v.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(m=d.selectionStart)!=null?m:u.length,f=u.replace(/\D/g,"").slice(0,8),p=f.slice(0,2),M=f.slice(2,4),I=f.slice(4,8),D="";p.length>0&&(D+=p,p.length===2&&(D+=".")),M.length>0&&p.length===2&&(D+=M,M.length===2&&(D+=".")),I.length>0&&p.length===2&&M.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let $=this.inputValue||"";this.inputValue=D;let v=c,S=L=>{let C=[];for(let _=0;_<L.length;_++)L[_]==="."&&C.push(_);return C},w=S($),O=S(D),k=w.filter(L=>L<c).length,P=O.filter(L=>L<c).length-k;if(P>0?v+=P:!w.includes(c)&&O.includes(c)&&(v+=1),v=Math.min(Math.max(0,v),D.length),requestAnimationFrame(()=>{var C;let L=(C=this.input)!=null?C:d;L&&(L.value=this.inputValue,L.setSelectionRange(v,v))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let L=this.parseInputText(D);this.applyParsedInput(L)}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,n)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){n&&(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,l;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,n=new Date(this.focusedDate);switch(e){case"ArrowLeft":n.setDate(n.getDate()-1);break;case"ArrowRight":n.setDate(n.getDate()+1);break;case"ArrowUp":n.setDate(n.getDate()-7);break;case"ArrowDown":n.setDate(n.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 h=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(n.getMonth()!==h.getMonth()||n.getFullYear()!==h.getFullYear()){let d=new Date(n.getFullYear(),n.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let y=a.startOfDayLocal(n);y.getTime()!==((l=this.focusedDate)==null?void 0:l.getTime())&&(this.focusedDate=y);let m=y.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(m),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 l;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),n=this.range&&e?e:t!=null?t:i,s=(l=this.viewMonth)!=null?l:new Date(n.getFullYear(),n.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(n,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 n=e.value.length;e.setSelectionRange(n,n)}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 n=this.input;if(n){n.value=(s=this.inputValue)!=null?s:"";let l=n.value.length;n.setSelectionRange(l,l)}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 l=this.parseISO(s);return l?a.startOfDayLocal(l):null}return null},i=e(this.min),n=e(this.max);return!(i&&t<i||n&&t>n)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${n}`;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),n=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${n} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,n=e[(i-20)%10]||e[i]||e[0];return t+n}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),n=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,n)<=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"),n=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${n}.${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]),n=Number(e[2]),s=Number(e[3]),l=new Date(s,n-1,i);if(l.getFullYear()!==s||l.getMonth()!==n-1||l.getDate()!==i)return null;let h=a.startOfDayLocal(l);return a.toLocalISODate(h)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),n=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),l=this.isoToDmy(this.rangeEnd);return s&&l?`${s} ${n} ${l}`:s&&!l?`${s} ${n}`:""}parseInputText(t){var n,s;let e=t.trim();if(this.range){let l=e.split(/\s*-\s*/);if(l.length===1){let h=l[0];if(!h)return{start:null,end:null,valid:!0};let g=this.dmyToIso(h);return g?{start:g,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(l.length>=2){let h=(n=l[0])!=null?n:"",g=(s=l[1])!=null?s:"",y=h?this.dmyToIso(h):null,m=g?this.dmyToIso(g):null;return h&&!y?{start:null,end:null,valid:!1}:g&&!m?{start:null,end:null,valid:!1}:{start:y,end:m,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 h,g,y,m;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=(h=t.start)!=null?h:null,u=(g=t.end)!=null?g:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,f=u?a.parseLocalISO(u):null;if(c&&f){if(a.compareDates(c,f)>0){let I=c;c=f,f=I}if(!this.allowSameDayRange&&a.isSameDay(c,f))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,f))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let p=c?a.toLocalISODate(a.startOfDayLocal(c)):null,M=f?a.toLocalISODate(a.startOfDayLocal(f)):null;if(this.rangeStart!==p||this.rangeEnd!==M){this.rangeStart=p,this.rangeEnd=M,this.previewEnd=null,i=!0;let I=(y=c!=null?c:f)!=null?y: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 n=(m=t.single)!=null?m:null;if(!e(n))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=n?a.parseLocalISO(n):null,l=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==l&&(this.value=l,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),n=e.slice(2,4),s=e.slice(4,8),l=i;return n.length&&(l+="."+n),s.length&&(l+="."+s),l}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,n;((n=(i=t.composedPath)==null?void 0:i.call(t))!=null?n:[]).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 n=this.formatMonthYear(i);this.setNavStatus(n),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 n=this.formatMonthYear(i);this.setNavStatus(n),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var n;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,l=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;l?t=a.startOfDayLocal(l):s&&(t=a.startOfDayLocal(s))}let e=(n=this.viewMonth)!=null?n:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),l=s.flat().find(h=>h.getMonth()===e.getMonth()&&a.isSameDay(h,this.today)&&!this.isDisabled(h));if(l)t=a.startOfDayLocal(l);else{let h=s.flat().find(g=>g.getMonth()===e.getMonth()&&!this.isDisabled(g));t=h?a.startOfDayLocal(h):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,l=(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"));l==null||l.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 n=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(n),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var l;let s=this.input;s&&(s.value=(l=this.inputValue)!=null?l:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let h=s.value.length;s.setSelectionRange(h,h)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!n){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 h;let l=this.input;l&&(l.value=(h=this.inputValue)!=null?h:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let g=l.value.length;l.setSelectionRange(g,g)})}))});return}if(i&&!n){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 f=u.value.length;u.setSelectionRange(f,f)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let m=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${m}`,40),this.announceSelect(`${this.termEndSelected()}: ${m}`,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[l,h]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(l),this.rangeEnd=a.toLocalISODate(h),this.previewEnd=null;let g=this.formatSelectionLabel(l),y=this.formatSelectionLabel(h);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${y}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let m=this.input;m&&(m.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=m.value.length;m.setSelectionRange(u,u)})}))});return}if(i&&n){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 h;let l=this.input;l&&(l.value=(h=this.inputValue)!=null?h:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let g=l.value.length;l.setSelectionRange(g,g)})}))})}}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),n=this.range&&e?e:t!=null?t:i,s=new Date(n.getFullYear(),n.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var y;let e=(y=this.firstDayOfWeek)!=null?y:1,i=new Date(t.getFullYear(),t.getMonth(),1),n=new Date(i),s=(i.getDay()-e+7)%7;n.setDate(i.getDate()-s);let l=[],h=n;for(let m=0;m<6;m++){let d=[];for(let u=0;u<7;u++)d.push(new Date(h)),h.setDate(h.getDate()+1);l.push(d)}let g=m=>m.every(d=>d.getMonth()!==t.getMonth());for(;l.length>0&&g(l[l.length-1]);)l.pop();return{weeks:l}}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 n;let t=(n=this.firstDayOfWeek)!=null?n:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let l=new Date(e);l.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(l))}catch(h){i.push(l.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(l=>l.getMonth()===e.getMonth()&&a.isSameDay(l,this.today)&&!this.isDisabled(l));if(i)return a.startOfDayLocal(i);let n=t.flat().find(l=>l.getMonth()===e.getMonth()&&!this.isDisabled(l));return n?a.startOfDayLocal(n):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 n=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(n)?null:n,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),n=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,l=this.rangeStart?this.parseISO(this.rangeStart):null,h=this.rangeEnd?this.parseISO(this.rangeEnd):null,g=this.previewEnd,y=c=>!this.range||!l||h||!g?!1:a.isBetweenInclusive(c,l,g),m=this.getTabTargetDayForCurrentView(e);return V`<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-24-1-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-24-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-24-1-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-24-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-24-1-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-24-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-24-1-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-24-1-icon></button></div></div><sd-6-24-1-divider></sd-6-24-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">${n.map((c,f)=>V`<div role="columnheader" aria-colindex="${f+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-"+(f+1)}">${c}</div>`)}</div>${e.map((c,f)=>V`<div class="grid-row grid grid-cols-7 ${f===0?"mt-2":""}" role="row" aria-rowindex="${f+2}">${c.map((p,M)=>{let I=p.getMonth()===t.getMonth(),D=this.isDisabled(p)||!this.inMinMax(p),$=a.isSameDay(p,this.focusedDate),v=a.isSameDay(p,this.today),S=!this.range&&s?a.isSameDay(p,s):!1,w=this.range&&l?a.isSameDay(p,l):!1,O=this.range&&h?a.isSameDay(p,h):!1,k=this.range&&l&&h?a.isBetweenInclusive(p,l,h):!1,T=y(p)&&!D,P=-1,L=m&&a.isSameDay(p,m);(this.tabbingIntoGrid&&L||!this.tabbingIntoGrid&&$)&&(P=0);let C=this.isWeekend(p),_=p.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),B=w?this.localize.term("startDateSelected"):O?this.localize.term("endDateSelected"):void 0;return V`<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||O?$?"outline-none sd-6-24-1-datepicker__date-item--selected--hover-color-background sd-6-24-1-datepicker__date-item--selected--hover-color-text":"outline-none sd-6-24-1-datepicker__date-item--selected-color-background sd-6-24-1-datepicker__date-item--selected-color-text hover:sd-6-24-1-datepicker__date-item--selected--hover-color-background hover:sd-6-24-1-datepicker__date-item--selected--hover-color-text":"hover:sd-6-24-1-datepicker__date-item--hover--default-color-text",!w&&!O&&!k&&"hover:sd-6-24-1-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-24-1-datepicker__date-item--selected-color-background sd-6-24-1-datepicker__date-item--selected-color-text hover:sd-6-24-1-datepicker__date-item--selected--hover-color-text hover:sd-6-24-1-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(p)||!this.inMinMax(p)?"out-month text-neutral-500":this.disabledWeekends&&C?"weekend-day text-neutral-500":"in-month sd-6-24-1-datepicker__date-item--default-color-text":this.disabledWeekends&&C?"out-month weekend-day text-neutral-500":C?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-24-1-datepicker__date-item--hover--prev-next-color-text hover:sd-6-24-1-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",O?"range-end rounded-r-md rounded-l-none":"",k&&!w&&!O?"in-range selected sd-6-24-1-datepicker__date-item--range-color-background rounded-none hover:sd-6-24-1-datepicker__date-item--selected--hover-color-background hover:sd-6-24-1-datepicker__date-item--selected--hover-color-text":"",!k&&T&&!w&&!O?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",v&&!S&&!w&&!O&&$?"today border-[1px] border-primary sd-6-24-1-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",$&&!v?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${M+1}" aria-labelledby="${"col-"+(M+1)}" .tabIndex="${P}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||k||w||O?"true":"false"}" aria-current="${v?"date":R}" aria-label="${_}" aria-roledescription="${B!=null?B:R}" @focus="${()=>this.focusedDate=a.startOfDayLocal(p)}" @mouseenter="${()=>this.onDayMouseEnter(p)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(p),this.selectDate(p)}}">${p.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,f;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,n=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,l=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,h=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",g={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],y={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],m=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"}[m],u=this.size==="sm"?"text-sm":"text-base";return V`<div part="form-control" class="${x("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||n?V`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${x(e?"inline-block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"form-control-color-text",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?V`<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?V`<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",l?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2 form-control-color-text",l&&"mt-1")}" for="input"><span class="${x("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",l&&!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-24-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${x("inline-flex relative w-full",(f=this.currentPlacement)!=null&&f.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)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",m==="disabled"||m==="visuallyDisabled"?"text-neutral-500":"text-black",m==="invalid"&&"form-control--invalid-color-background",m==="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||l?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?V`<sd-6-24-1-icon part="invalid-icon" class="${x("text-error",g,y)}" library="_internal" name="risk"></sd-6-24-1-icon>`:""} ${this.showValidStyle&&this.styleOnValid?V`<sd-6-24-1-icon class="${x("text-success shrink-0",g,y)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-24-1-icon>`:""}<sd-6-24-1-icon class="${x(h,g,y,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-24-1-icon></div>${this.renderCalendar()}</sd-6-24-1-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${x("text-sm mt-1",i?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};r.styles=[...A.styles,q`/*! tailwindcss v4.3.0 | 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}`],o([b({type:String,reflect:!0})],r.prototype,"locale",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"value",2),o([b({type:Boolean,reflect:!0})],r.prototype,"range",2),o([b({attribute:"range-start",converter:z,reflect:!0})],r.prototype,"rangeStart",2),o([b({attribute:"range-end",converter:z,reflect:!0})],r.prototype,"rangeEnd",2),o([b({type:Boolean})],r.prototype,"allowSameDayRange",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"min",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"max",2),o([b({attribute:"view-month",converter:K})],r.prototype,"viewMonth",2),o([b({type:Number})],r.prototype,"firstDayOfWeek",2),o([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],r.prototype,"disabledWeekends",2),o([b({attribute:"disabled-dates",converter:G})],r.prototype,"disabledDates",2),o([b({attribute:!1})],r.prototype,"isDateDisabled",2),o([b({type:String,reflect:!0})],r.prototype,"size",2),o([b({type:String})],r.prototype,"alignment",2),o([b({type:String,reflect:!0})],r.prototype,"label",2),o([b({type:String,attribute:"help-text",reflect:!0})],r.prototype,"helpText",2),o([b({attribute:"floating-label",type:Boolean,reflect:!0})],r.prototype,"floatingLabel",2),o([b({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([b({type:Boolean,reflect:!0})],r.prototype,"required",2),o([b({type:Boolean,attribute:"visually-disabled"})],r.prototype,"visuallyDisabled",2),o([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],r.prototype,"styleOnValid",2),o([b({type:Boolean,reflect:!0})],r.prototype,"readonly",2),o([b({type:String,reflect:!0})],r.prototype,"placement",2),o([b({type:String,reflect:!0})],r.prototype,"placeholder",2),o([b({reflect:!0})],r.prototype,"name",2),o([b({type:String,reflect:!0})],r.prototype,"form",2),o([E()],r.prototype,"open",2),o([E()],r.prototype,"focusedDate",2),o([E()],r.prototype,"today",2),o([E()],r.prototype,"disabledDatesSet",2),o([E()],r.prototype,"previewEnd",2),o([E()],r.prototype,"statusNavText",2),o([E()],r.prototype,"statusSelectText",2),o([E()],r.prototype,"hasFocus",2),o([E()],r.prototype,"showValidStyle",2),o([E()],r.prototype,"showInvalidStyle",2),o([E()],r.prototype,"currentPlacement",2),o([E()],r.prototype,"inputValue",2),o([Y("sd-6-24-
|
|
1
|
+
import{a}from"./chunk.WWGARXPI.js";import{a as z,b as K,c as G}from"./chunk.23WKPZET.js";import{b as N}from"./chunk.LZRL7OLU.js";import{a as U}from"./chunk.CGQ2BPPZ.js";import{a as W}from"./chunk.VAM5SM3O.js";import{a as x}from"./chunk.UFTAQNZB.js";import{a as F}from"./chunk.NYKJXI3Q.js";import{a as H,b,c as E,d as Y,h as A}from"./chunk.VMZSSKC5.js";import{b as q,e as V,i as R}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var r=class extends A{constructor(){super();this.localize=new W(this);this.hasSlotController=new U(this,"label","help-text","tooltip");this.formControlController=new N(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(n=>{var s,l;return n instanceof HTMLElement&&(((s=n.classList)==null?void 0:s.contains("nav"))||((l=n.classList)==null?void 0:l.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var l,h,g,y,m;if(this.disabled||this.visuallyDisabled||this.readonly){(l=t.preventDefault)==null||l.call(t),(h=t.stopPropagation)==null||h.call(t);return}let e=t.target,i=e.value,n=(g=e.selectionStart)!=null?g:i.length,s=(y=t.inputType)==null?void 0:y.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),f=this.buildDmyFromDigits(u),p=this.buildDmyFromDigits(c),M;u.length===0?M="":u.length<8?M=f:c.length>0?M=`${f} - ${p}`:M=s?f:`${f} -`;let I=this.countDigitsBeforeCaret(i,n),D;if(I<=8){let v=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(v,f.length)}else{let v=u.length<8?f.length:f.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=v+Math.min(w,p.length)}this.inputValue=M;let $=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(f)){let v=this.dmyToIso(f),S=v?a.parseLocalISO(v):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==v&&(this.rangeStart=v,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),$=!0)}else this.rangeStart&&(this.rangeStart=null,$=!0),this.rangeEnd&&(this.rangeEnd=null,$=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)&&this.rangeStart){let v=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(p),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[k,T]=a.compareDates(v,w)<=0?[v,w]:[w,v],P=a.isSameDay(k,T);if((this.allowSameDayRange||!P)&&!this.wouldRangeContainDisabled(k,T)){let C=a.toLocalISODate(a.startOfDayLocal(k)),_=a.toLocalISODate(a.startOfDayLocal(T));(this.rangeStart!==C||this.rangeEnd!==_)&&(this.rangeStart=C,this.rangeEnd=_,this.viewMonth=new Date(T.getFullYear(),T.getMonth(),1),this.focusedDate=a.startOfDayLocal(T),$=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,$=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),$&&(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 v=(S=this.input)!=null?S:e;v&&(v.value=this.inputValue,v.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(m=d.selectionStart)!=null?m:u.length,f=u.replace(/\D/g,"").slice(0,8),p=f.slice(0,2),M=f.slice(2,4),I=f.slice(4,8),D="";p.length>0&&(D+=p,p.length===2&&(D+=".")),M.length>0&&p.length===2&&(D+=M,M.length===2&&(D+=".")),I.length>0&&p.length===2&&M.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let $=this.inputValue||"";this.inputValue=D;let v=c,S=L=>{let C=[];for(let _=0;_<L.length;_++)L[_]==="."&&C.push(_);return C},w=S($),O=S(D),k=w.filter(L=>L<c).length,P=O.filter(L=>L<c).length-k;if(P>0?v+=P:!w.includes(c)&&O.includes(c)&&(v+=1),v=Math.min(Math.max(0,v),D.length),requestAnimationFrame(()=>{var C;let L=(C=this.input)!=null?C:d;L&&(L.value=this.inputValue,L.setSelectionRange(v,v))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let L=this.parseInputText(D);this.applyParsedInput(L)}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,n)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){n&&(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,l;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,n=new Date(this.focusedDate);switch(e){case"ArrowLeft":n.setDate(n.getDate()-1);break;case"ArrowRight":n.setDate(n.getDate()+1);break;case"ArrowUp":n.setDate(n.getDate()-7);break;case"ArrowDown":n.setDate(n.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 h=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(n.getMonth()!==h.getMonth()||n.getFullYear()!==h.getFullYear()){let d=new Date(n.getFullYear(),n.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let y=a.startOfDayLocal(n);y.getTime()!==((l=this.focusedDate)==null?void 0:l.getTime())&&(this.focusedDate=y);let m=y.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(m),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 l;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),n=this.range&&e?e:t!=null?t:i,s=(l=this.viewMonth)!=null?l:new Date(n.getFullYear(),n.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(n,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 n=e.value.length;e.setSelectionRange(n,n)}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 n=this.input;if(n){n.value=(s=this.inputValue)!=null?s:"";let l=n.value.length;n.setSelectionRange(l,l)}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 l=this.parseISO(s);return l?a.startOfDayLocal(l):null}return null},i=e(this.min),n=e(this.max);return!(i&&t<i||n&&t>n)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${n}`;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),n=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${n} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,n=e[(i-20)%10]||e[i]||e[0];return t+n}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),n=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,n)<=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"),n=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${n}.${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]),n=Number(e[2]),s=Number(e[3]),l=new Date(s,n-1,i);if(l.getFullYear()!==s||l.getMonth()!==n-1||l.getDate()!==i)return null;let h=a.startOfDayLocal(l);return a.toLocalISODate(h)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),n=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),l=this.isoToDmy(this.rangeEnd);return s&&l?`${s} ${n} ${l}`:s&&!l?`${s} ${n}`:""}parseInputText(t){var n,s;let e=t.trim();if(this.range){let l=e.split(/\s*-\s*/);if(l.length===1){let h=l[0];if(!h)return{start:null,end:null,valid:!0};let g=this.dmyToIso(h);return g?{start:g,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(l.length>=2){let h=(n=l[0])!=null?n:"",g=(s=l[1])!=null?s:"",y=h?this.dmyToIso(h):null,m=g?this.dmyToIso(g):null;return h&&!y?{start:null,end:null,valid:!1}:g&&!m?{start:null,end:null,valid:!1}:{start:y,end:m,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 h,g,y,m;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=(h=t.start)!=null?h:null,u=(g=t.end)!=null?g:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,f=u?a.parseLocalISO(u):null;if(c&&f){if(a.compareDates(c,f)>0){let I=c;c=f,f=I}if(!this.allowSameDayRange&&a.isSameDay(c,f))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,f))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let p=c?a.toLocalISODate(a.startOfDayLocal(c)):null,M=f?a.toLocalISODate(a.startOfDayLocal(f)):null;if(this.rangeStart!==p||this.rangeEnd!==M){this.rangeStart=p,this.rangeEnd=M,this.previewEnd=null,i=!0;let I=(y=c!=null?c:f)!=null?y: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 n=(m=t.single)!=null?m:null;if(!e(n))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=n?a.parseLocalISO(n):null,l=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==l&&(this.value=l,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),n=e.slice(2,4),s=e.slice(4,8),l=i;return n.length&&(l+="."+n),s.length&&(l+="."+s),l}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,n;((n=(i=t.composedPath)==null?void 0:i.call(t))!=null?n:[]).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 n=this.formatMonthYear(i);this.setNavStatus(n),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 n=this.formatMonthYear(i);this.setNavStatus(n),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var n;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,l=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;l?t=a.startOfDayLocal(l):s&&(t=a.startOfDayLocal(s))}let e=(n=this.viewMonth)!=null?n:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),l=s.flat().find(h=>h.getMonth()===e.getMonth()&&a.isSameDay(h,this.today)&&!this.isDisabled(h));if(l)t=a.startOfDayLocal(l);else{let h=s.flat().find(g=>g.getMonth()===e.getMonth()&&!this.isDisabled(g));t=h?a.startOfDayLocal(h):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,l=(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"));l==null||l.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 n=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(n),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var l;let s=this.input;s&&(s.value=(l=this.inputValue)!=null?l:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let h=s.value.length;s.setSelectionRange(h,h)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!n){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 h;let l=this.input;l&&(l.value=(h=this.inputValue)!=null?h:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let g=l.value.length;l.setSelectionRange(g,g)})}))});return}if(i&&!n){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 f=u.value.length;u.setSelectionRange(f,f)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let m=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${m}`,40),this.announceSelect(`${this.termEndSelected()}: ${m}`,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[l,h]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(l),this.rangeEnd=a.toLocalISODate(h),this.previewEnd=null;let g=this.formatSelectionLabel(l),y=this.formatSelectionLabel(h);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${y}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let m=this.input;m&&(m.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=m.value.length;m.setSelectionRange(u,u)})}))});return}if(i&&n){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 h;let l=this.input;l&&(l.value=(h=this.inputValue)!=null?h:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let g=l.value.length;l.setSelectionRange(g,g)})}))})}}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),n=this.range&&e?e:t!=null?t:i,s=new Date(n.getFullYear(),n.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var y;let e=(y=this.firstDayOfWeek)!=null?y:1,i=new Date(t.getFullYear(),t.getMonth(),1),n=new Date(i),s=(i.getDay()-e+7)%7;n.setDate(i.getDate()-s);let l=[],h=n;for(let m=0;m<6;m++){let d=[];for(let u=0;u<7;u++)d.push(new Date(h)),h.setDate(h.getDate()+1);l.push(d)}let g=m=>m.every(d=>d.getMonth()!==t.getMonth());for(;l.length>0&&g(l[l.length-1]);)l.pop();return{weeks:l}}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 n;let t=(n=this.firstDayOfWeek)!=null?n:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let l=new Date(e);l.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(l))}catch(h){i.push(l.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(l=>l.getMonth()===e.getMonth()&&a.isSameDay(l,this.today)&&!this.isDisabled(l));if(i)return a.startOfDayLocal(i);let n=t.flat().find(l=>l.getMonth()===e.getMonth()&&!this.isDisabled(l));return n?a.startOfDayLocal(n):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 n=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(n)?null:n,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),n=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,l=this.rangeStart?this.parseISO(this.rangeStart):null,h=this.rangeEnd?this.parseISO(this.rangeEnd):null,g=this.previewEnd,y=c=>!this.range||!l||h||!g?!1:a.isBetweenInclusive(c,l,g),m=this.getTabTargetDayForCurrentView(e);return V`<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-24-2-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-24-2-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-24-2-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-24-2-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-24-2-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-24-2-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-24-2-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-24-2-icon></button></div></div><sd-6-24-2-divider></sd-6-24-2-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">${n.map((c,f)=>V`<div role="columnheader" aria-colindex="${f+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-"+(f+1)}">${c}</div>`)}</div>${e.map((c,f)=>V`<div class="grid-row grid grid-cols-7 ${f===0?"mt-2":""}" role="row" aria-rowindex="${f+2}">${c.map((p,M)=>{let I=p.getMonth()===t.getMonth(),D=this.isDisabled(p)||!this.inMinMax(p),$=a.isSameDay(p,this.focusedDate),v=a.isSameDay(p,this.today),S=!this.range&&s?a.isSameDay(p,s):!1,w=this.range&&l?a.isSameDay(p,l):!1,O=this.range&&h?a.isSameDay(p,h):!1,k=this.range&&l&&h?a.isBetweenInclusive(p,l,h):!1,T=y(p)&&!D,P=-1,L=m&&a.isSameDay(p,m);(this.tabbingIntoGrid&&L||!this.tabbingIntoGrid&&$)&&(P=0);let C=this.isWeekend(p),_=p.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),B=w?this.localize.term("startDateSelected"):O?this.localize.term("endDateSelected"):void 0;return V`<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||O?$?"outline-none sd-6-24-2-datepicker__date-item--selected--hover-color-background sd-6-24-2-datepicker__date-item--selected--hover-color-text":"outline-none sd-6-24-2-datepicker__date-item--selected-color-background sd-6-24-2-datepicker__date-item--selected-color-text hover:sd-6-24-2-datepicker__date-item--selected--hover-color-background hover:sd-6-24-2-datepicker__date-item--selected--hover-color-text":"hover:sd-6-24-2-datepicker__date-item--hover--default-color-text",!w&&!O&&!k&&"hover:sd-6-24-2-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-24-2-datepicker__date-item--selected-color-background sd-6-24-2-datepicker__date-item--selected-color-text hover:sd-6-24-2-datepicker__date-item--selected--hover-color-text hover:sd-6-24-2-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(p)||!this.inMinMax(p)?"out-month text-neutral-500":this.disabledWeekends&&C?"weekend-day text-neutral-500":"in-month sd-6-24-2-datepicker__date-item--default-color-text":this.disabledWeekends&&C?"out-month weekend-day text-neutral-500":C?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-24-2-datepicker__date-item--hover--prev-next-color-text hover:sd-6-24-2-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",O?"range-end rounded-r-md rounded-l-none":"",k&&!w&&!O?"in-range selected sd-6-24-2-datepicker__date-item--range-color-background rounded-none hover:sd-6-24-2-datepicker__date-item--selected--hover-color-background hover:sd-6-24-2-datepicker__date-item--selected--hover-color-text":"",!k&&T&&!w&&!O?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",v&&!S&&!w&&!O&&$?"today border-[1px] border-primary sd-6-24-2-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",$&&!v?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${M+1}" aria-labelledby="${"col-"+(M+1)}" .tabIndex="${P}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||k||w||O?"true":"false"}" aria-current="${v?"date":R}" aria-label="${_}" aria-roledescription="${B!=null?B:R}" @focus="${()=>this.focusedDate=a.startOfDayLocal(p)}" @mouseenter="${()=>this.onDayMouseEnter(p)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(p),this.selectDate(p)}}">${p.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,f;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,n=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,l=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,h=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",g={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],y={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],m=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"}[m],u=this.size==="sm"?"text-sm":"text-base";return V`<div part="form-control" class="${x("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||n?V`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${x(e?"inline-block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"form-control-color-text",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?V`<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?V`<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",l?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2 form-control-color-text",l&&"mt-1")}" for="input"><span class="${x("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",l&&!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-24-2-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${x("inline-flex relative w-full",(f=this.currentPlacement)!=null&&f.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)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",m==="disabled"||m==="visuallyDisabled"?"text-neutral-500":"text-black",m==="invalid"&&"form-control--invalid-color-background",m==="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||l?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?V`<sd-6-24-2-icon part="invalid-icon" class="${x("text-error",g,y)}" library="_internal" name="risk"></sd-6-24-2-icon>`:""} ${this.showValidStyle&&this.styleOnValid?V`<sd-6-24-2-icon class="${x("text-success shrink-0",g,y)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-24-2-icon>`:""}<sd-6-24-2-icon class="${x(h,g,y,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-24-2-icon></div>${this.renderCalendar()}</sd-6-24-2-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${x("text-sm mt-1",i?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};r.styles=[...A.styles,q`/*! tailwindcss v4.3.0 | 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}`],o([b({type:String,reflect:!0})],r.prototype,"locale",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"value",2),o([b({type:Boolean,reflect:!0})],r.prototype,"range",2),o([b({attribute:"range-start",converter:z,reflect:!0})],r.prototype,"rangeStart",2),o([b({attribute:"range-end",converter:z,reflect:!0})],r.prototype,"rangeEnd",2),o([b({type:Boolean})],r.prototype,"allowSameDayRange",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"min",2),o([b({type:String,converter:z,reflect:!0})],r.prototype,"max",2),o([b({attribute:"view-month",converter:K})],r.prototype,"viewMonth",2),o([b({type:Number})],r.prototype,"firstDayOfWeek",2),o([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],r.prototype,"disabledWeekends",2),o([b({attribute:"disabled-dates",converter:G})],r.prototype,"disabledDates",2),o([b({attribute:!1})],r.prototype,"isDateDisabled",2),o([b({type:String,reflect:!0})],r.prototype,"size",2),o([b({type:String})],r.prototype,"alignment",2),o([b({type:String,reflect:!0})],r.prototype,"label",2),o([b({type:String,attribute:"help-text",reflect:!0})],r.prototype,"helpText",2),o([b({attribute:"floating-label",type:Boolean,reflect:!0})],r.prototype,"floatingLabel",2),o([b({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([b({type:Boolean,reflect:!0})],r.prototype,"required",2),o([b({type:Boolean,attribute:"visually-disabled"})],r.prototype,"visuallyDisabled",2),o([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],r.prototype,"styleOnValid",2),o([b({type:Boolean,reflect:!0})],r.prototype,"readonly",2),o([b({type:String,reflect:!0})],r.prototype,"placement",2),o([b({type:String,reflect:!0})],r.prototype,"placeholder",2),o([b({reflect:!0})],r.prototype,"name",2),o([b({type:String,reflect:!0})],r.prototype,"form",2),o([E()],r.prototype,"open",2),o([E()],r.prototype,"focusedDate",2),o([E()],r.prototype,"today",2),o([E()],r.prototype,"disabledDatesSet",2),o([E()],r.prototype,"previewEnd",2),o([E()],r.prototype,"statusNavText",2),o([E()],r.prototype,"statusSelectText",2),o([E()],r.prototype,"hasFocus",2),o([E()],r.prototype,"showValidStyle",2),o([E()],r.prototype,"showInvalidStyle",2),o([E()],r.prototype,"currentPlacement",2),o([E()],r.prototype,"inputValue",2),o([Y("sd-6-24-2-popup")],r.prototype,"popup",2),o([Y("#invalid-message")],r.prototype,"invalidMessage",2),o([Y("#input")],r.prototype,"input",2),o([F("open",{waitUntilFirstUpdate:!0})],r.prototype,"handleOpenChange",1),o([F("locale")],r.prototype,"handleLocaleChange",1),o([F("viewMonth")],r.prototype,"handleViewMonthChange",1),o([F("disabledDates")],r.prototype,"handleDisabledDatesChange",1),o([F("value")],r.prototype,"handleValueChange",1),o([F("rangeStart"),F("rangeEnd")],r.prototype,"handleRangeChange",1),o([F(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],r.prototype,"handleDisabledChange",1),o([F(["size","floatingLabel"])],r.prototype,"handleSizeChange",1),r=o([H("sd-6-24-2-datepicker")],r);export{r as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as m,b as g,c as b,d as h,h as u}from"./chunk.VMZSSKC5.js";import{b as d,e as c}from"./chunk.OBAEIKIV.js";import{e as l}from"./chunk.6EV4YU6C.js";var s=class extends u{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.classList.add("sd-6-24-
|
|
2
|
-
:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],l([h("slot")],s.prototype,"defaultSlot",2),l([b()],s.prototype,"disableRole",2),l([g({type:String,reflect:!0})],s.prototype,"label",2),s=l([m("sd-6-24-
|
|
1
|
+
import{a as m,b as g,c as b,d as h,h as u}from"./chunk.VMZSSKC5.js";import{b as d,e as c}from"./chunk.OBAEIKIV.js";import{e as l}from"./chunk.6EV4YU6C.js";var s=class extends u{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.classList.add("sd-6-24-2-button-group__button--focus")}handleBlur(e){let t=a(e.target);t==null||t.classList.remove("sd-6-24-2-button-group__button--focus")}handleMouseOver(e){let t=a(e.target);t==null||t.classList.add("sd-6-24-2-button-group__button--hover")}handleMouseOut(e){let t=a(e.target);t==null||t.classList.remove("sd-6-24-2-button-group__button--hover")}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o!==null&&(o.classList.add("sd-6-24-2-button-group__button"),o.classList.toggle("sd-6-24-2-button-group__button--first",n===0),o.classList.toggle("sd-6-24-2-button-group__button--inner",n>0&&n<e.length-1),o.classList.toggle("sd-6-24-2-button-group__button--last",n===e.length-1),o.classList.toggle("sd-6-24-2-button-group__button--radio",o.tagName.toLowerCase()==="sd-6-24-2-radio-button"))})}render(){return c`<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>`}};s.styles=[...u.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],l([h("slot")],s.prototype,"defaultSlot",2),l([b()],s.prototype,"disableRole",2),l([g({type:String,reflect:!0})],s.prototype,"label",2),s=l([m("sd-6-24-2-button-group")],s);function a(r){var e;let i="sd-6-24-2-button, sd-6-24-2-radio-button";return(e=r.closest(i))!=null?e:r.querySelector(i)}export{s as a};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import{b as y,c as f}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.NL7YFV4O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g as p,h as l}from"./chunk.VMZSSKC5.js";import{b}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let a=r.getRootNode(),n=r.getAttribute("form");return a.getElementById(n)}return r.closest("form")}});this.hasSlotController=new k(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),a=r?c`a`:c`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary";return u`<${a} part="base" class="${s(`group relative z-10 font-md no-underline
|
|
2
2
|
w-full align-middle inline-flex items-stretch justify-center
|
|
3
3
|
transition-colors duration-fast ease-in-out
|
|
4
|
-
select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-24-
|
|
5
|
-
disabled:sd-6-24-
|
|
6
|
-
disabled:sd-6-24-
|
|
7
|
-
disabled:sd-6-24-
|
|
8
|
-
disabled:sd-6-24-
|
|
9
|
-
disabled:sd-6-24-
|
|
10
|
-
disabled:sd-6-24-
|
|
11
|
-
${this.inverted?"sd-6-24-
|
|
12
|
-
:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-24-
|
|
4
|
+
select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-24-2-button--size-sm-font-size sd-6-24-2-button-font-weight sd-6-24-2-button--secondary--size-sm-padding-block sd-6-24-2-button--size-sm-border-radius",md:"varspacing-10 sd-6-24-2-button--size-md-height sd-6-24-2-button--size-md-font-size sd-6-24-2-button--secondary--size-md-padding-block sd-6-24-2-button-font-weight sd-6-24-2-button--size-md-border-radius",lg:"varspacing-12 sd-6-24-2-button--size-lg-height sd-6-24-2-button--size-lg-font-size sd-6-24-2-button--secondary--size-lg-padding-block sd-6-24-2-button-font-weight sd-6-24-2-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-24-2-button--secondary-padding-inline":"sd-6-24-2-button--size-sm-padding-block sd-6-24-2-button-padding-inline"}`,md:`${d?"sd-6-24-2-button--secondary-padding-inline":"sd-6-24-2-button--size-md-padding-block sd-6-24-2-button-padding-inline"}`,lg:`${d?"sd-6-24-2-button--secondary-padding-inline":"sd-6-24-2-button--size-lg-padding-block sd-6-24-2-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-24-2-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-24-2-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-24-2-button--primary--inverted--default-color-text sd-6-24-2-button--primary--inverted--default-color-background border-white hover:sd-6-24-2-button--primary--inverted--hover-color-text active:sd-6-24-2-button--primary--inverted--active-color-text active:sd-6-24-2-button--primary--inverted--active-color-background"}
|
|
5
|
+
disabled:sd-6-24-2-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-24-2-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-24-2-button--primary--default-color-background border-transparent sd-6-24-2-button--primary--default-color-text hover:sd-6-24-2-button--primary--hover-color-text active:sd-6-24-2-button--primary--active-color-text active:sd-6-24-2-button--primary--active-color-background"}
|
|
6
|
+
disabled:sd-6-24-2-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-24-2-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-24-2-button--secondary--inverted-color-text sd-6-24-2-button--secondary--inverted-color-border hover:sd-6-24-2-button--secondary--inverted-color-border hover:sd-6-24-2-button--secondary--inverted--hover-color-text hover:sd-6-24-2-button--secondary--inverted--hover-color-background active:sd-6-24-2-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-24-2-button--secondary--inverted--active-color-background"}
|
|
7
|
+
disabled:sd-6-24-2-button--inverted--disabled-color-border disabled:sd-6-24-2-button--inverted--disabled-color-text`:`border sd-6-24-2-button-border-width ${this.visuallyDisabled?"sd-6-24-2-button--secondary--disabled-color-text sd-6-24-2-button--secondary--disabled-color-border":"sd-6-24-2-button--secondary--default-color-text sd-6-24-2-button--secondary--default-color-border hover:sd-6-24-2-button--secondary--hover-color-text hover:sd-6-24-2-button--secondary--hover-color-border active:sd-6-24-2-button--secondary--active-color-text active:sd-6-24-2-button--secondary--active-color-border"}
|
|
8
|
+
disabled:sd-6-24-2-button--secondary--disabled-color-text disabled:sd-6-24-2-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600":"sd-6-24-2-button--tertiary--inverted-color-text hover:sd-6-24-2-button--tertiary--inverted--hover-color-text hover:sd-6-24-2-button--tertiary--inverted--hover-color-background active:sd-6-24-2-button--tertiary--inverted--active-color-background active:sd-6-24-2-button--tertiary--inverted--active-color-text"}
|
|
9
|
+
disabled:sd-6-24-2-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-24-2-button--tertiary--disabled-color-text":"sd-6-24-2-button--tertiary--default-color-text hover:sd-6-24-2-button--tertiary--hover-color-text active:sd-6-24-2-button--tertiary--active-color-text"}
|
|
10
|
+
disabled:sd-6-24-2-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-24-2-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
|
|
11
|
+
${this.inverted?"sd-6-24-2-button--cta--inverted--default-color-background sd-6-24-2-button--cta--inverted--default-color-text hover:sd-6-24-2-button--cta--inverted--hover-color-text active:sd-6-24-2-button--cta--inverted--active-color-text disabled:sd-6-24-2-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-24-2-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-24-2-button-border-radius",md:"sd-6-24-2-button-border-radius",lg:"sd-6-24-2-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-24-2-button--primary--inverted--hover-color-background group-active:sd-6-24-2-button--primary--inverted--active-color-background":"sd-6-24-2-button--primary--hover-color-background group-active:sd-6-24-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-24-2-button--secondary--inverted--hover-color-background group-active:sd-6-24-2-button--secondary--inverted--active-color-background group-active:sd-6-24-2-button--secondary--inverted--active-color-text":"sd-6-24-2-button--secondary--hover-color-background group-active:sd-6-24-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-24-2-button--tertiary--inverted--hover-color-background group-active:sd-6-24-2-button--tertiary--inverted--active-color-background group-active:sd-6-24-2-button--tertiary--inverted--active-color-text":"sd-6-24-2-button--tertiary--hover-color-background group-active:sd-6-24-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-24-2-button--cta--inverted--hover-color-background group-active:sd-6-24-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-24-2-button--primary--inverted--hover-color-background group-active:sd-6-24-2-button--primary--inverted--active-color-background":"sd-6-24-2-button--primary--hover-color-background group-active:sd-6-24-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-24-2-button--secondary--inverted--hover-color-background group-active:sd-6-24-2-button--secondary--inverted--active-color-background group-active:sd-6-24-2-button--secondary--inverted--active-color-text group-active:sd-6-24-2-button--secondary--active-color-border":"sd-6-24-2-button--secondary--hover-color-background group-active:sd-6-24-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-24-2-button--tertiary--inverted--hover-color-background group-active:sd-6-24-2-button--tertiary--inverted--active-color-background group-active:sd-6-24-2-button--tertiary--inverted--active-color-text":"sd-6-24-2-button--tertiary--hover-color-background group-active:sd-6-24-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-24-2-button--cta--inverted--hover-color-background group-active:sd-6-24-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-24-2-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-24-2-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
12
|
+
:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-24-2-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-24-2-icon),sd-6-24-2-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-24-2-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-24-2-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-24-2-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-24-2-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-24-2-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-24-2-button")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as E}from"./chunk.KQBMEX4Q.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c as u,d as m,h as f}from"./chunk.VMZSSKC5.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(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!==""?w:t?x:C}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()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-24-
|
|
2
|
-
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-24-
|
|
1
|
+
import{a as E}from"./chunk.KQBMEX4Q.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c as u,d as m,h as f}from"./chunk.VMZSSKC5.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(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!==""?w:t?x:C}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()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-24-2-radio, sd-6-24-2-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-6-24-2-radio, sd-6-24-2-radio-button"),a=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let a=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(a)+i;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.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 a=t.find(i=>i.checked)||t[0];a&&a.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,a;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-24-2-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-6-24-2-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-24-2-radio")&&customElements.get("sd-6-24-2-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-24-2-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-24-2-radio").then(()=>this.syncRadios()),customElements.get("sd-6-24-2-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-24-2-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,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<fieldset part="form-control" class="${c("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?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("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?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${c("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?d`<sd-6-24-2-button-group class="border border-primary sd-6-24-2-radio-button-group-border-radius sd-6-24-2-radio-button-group-border-width sd-6-24-2-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-6-24-2-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-6-24-2-icon part="invalid-icon" class="${c("text-error")}" library="_internal" name="risk"></sd-6-24-2-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}:host([orientation=vertical]) ::slotted(sd-6-24-2-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-24-2-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-24-2-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-24-2-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-24-2-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-24-2-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-24-2-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([u()],s.prototype,"hasButtonGroup",2),o([u()],s.prototype,"defaultValue",2),o([u()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-6-24-2-radio-group")],s);export{s as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-24-
|
|
2
|
-
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-24-
|
|
1
|
+
import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-24-2-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":this.size==="xs"?"w-2":"w-12":this.size==="lg"?"w-12":this.size==="xs"?"w-2":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",this.waiting&&this.size==="xs"&&"border-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&(this.size==="xs"?"border-primary":"border-neutral-400"),this.current&&"bg-accent border-none text-white"),b="flex-row items-stretch h-full w-full overflow-hidden";return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":this.size==="xs"?`${b} gap-2`:`${b} gap-4`,!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${y}"><${f} part="circle" href="${n(u?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${z}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"sd-6-24-2-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-24-2-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-24-2-icon>`:this.size==="xs"?"":s`${this.index}`}</slot></${f}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm wrap-break-word",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l grow shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("wrap-break-word flex flex-col gap-2",this.size==="xs"?"-mt-1 mb-4":"mt-4",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?this.size==="xs"?"ml-0":"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,p`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-24-2-icon,slot[name=circle-content]::slotted(sd-6-24-2-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-24-2-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-24-2-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([v("sd-6-24-2-step")],t);export{t as a};
|