@solid-design-system/components 6.22.0 → 6.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/chunks/chunk.23WKPZET.js +1 -0
- package/cdn/chunks/chunk.AHMUV4CN.js +2 -0
- package/cdn/components/datepicker/datepicker-converters.d.ts +12 -0
- package/cdn/components/datepicker/datepicker-converters.js +1 -0
- package/cdn/components/datepicker/datepicker.js +1 -1
- package/cdn/custom-elements.json +1767 -1483
- package/cdn/solid-components.bundle.js +28 -28
- package/cdn/solid-components.iife.js +27 -27
- package/cdn/solid-components.js +1 -1
- package/cdn/vscode.html-custom-data.json +159 -159
- package/cdn/web-types.json +642 -564
- package/cdn-versioned/chunks/chunk.23WKPZET.js +1 -0
- package/cdn-versioned/chunks/chunk.2IFJTWWI.js +2 -2
- package/cdn-versioned/chunks/chunk.2Q64C7PW.js +2 -2
- package/cdn-versioned/chunks/chunk.2SEVUMWS.js +2 -2
- package/cdn-versioned/chunks/chunk.2UC7ID2H.js +2 -2
- package/cdn-versioned/chunks/chunk.3UAQXMAF.js +2 -2
- package/cdn-versioned/chunks/chunk.4LLZ2ILW.js +2 -2
- package/cdn-versioned/chunks/chunk.4OE2TU3Y.js +2 -2
- package/cdn-versioned/chunks/chunk.5CJ4UEYT.js +2 -2
- package/cdn-versioned/chunks/chunk.6HSHV3NX.js +3 -3
- package/cdn-versioned/chunks/chunk.6PB7EWTQ.js +1 -1
- package/cdn-versioned/chunks/chunk.7DKBOZJU.js +2 -2
- package/cdn-versioned/chunks/chunk.7LZHW3Q5.js +1 -1
- package/cdn-versioned/chunks/chunk.AGTHQN5U.js +2 -2
- package/cdn-versioned/chunks/chunk.AHMUV4CN.js +2 -0
- package/cdn-versioned/chunks/chunk.AO2OON4N.js +5 -5
- package/cdn-versioned/chunks/chunk.APOMDHNP.js +1 -1
- package/cdn-versioned/chunks/chunk.BOWHXMXY.js +2 -2
- package/cdn-versioned/chunks/chunk.BS3GY6J5.js +5 -5
- package/cdn-versioned/chunks/chunk.CW7N5I3S.js +2 -2
- package/cdn-versioned/chunks/chunk.CXFLSM56.js +2 -2
- package/cdn-versioned/chunks/chunk.D4SBGWDF.js +2 -2
- package/cdn-versioned/chunks/chunk.DDU5T7TW.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.EBMYXBFR.js +2 -2
- package/cdn-versioned/chunks/chunk.EDP2BY4Q.js +1 -1
- package/cdn-versioned/chunks/chunk.ENE5YY4Y.js +9 -9
- package/cdn-versioned/chunks/chunk.EPVQ4QAS.js +2 -2
- package/cdn-versioned/chunks/chunk.ES62UWOT.js +2 -2
- package/cdn-versioned/chunks/chunk.FEXFNF27.js +2 -2
- package/cdn-versioned/chunks/chunk.GXY2VZH2.js +2 -2
- package/cdn-versioned/chunks/chunk.ICWUJ66F.js +2 -2
- package/cdn-versioned/chunks/chunk.J6KIY4UA.js +2 -2
- package/cdn-versioned/chunks/chunk.JFN54TP3.js +3 -3
- package/cdn-versioned/chunks/chunk.JHDF277H.js +1 -1
- package/cdn-versioned/chunks/chunk.JQW6SYSE.js +2 -2
- package/cdn-versioned/chunks/chunk.L7BTB6LI.js +2 -2
- package/cdn-versioned/chunks/chunk.LH5RKLIB.js +2 -2
- package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
- package/cdn-versioned/chunks/chunk.MC7A5NMS.js +2 -2
- package/cdn-versioned/chunks/chunk.MLNVOR7M.js +2 -2
- package/cdn-versioned/chunks/chunk.OJGPDUWV.js +2 -2
- package/cdn-versioned/chunks/chunk.OMRKG6ND.js +2 -2
- package/cdn-versioned/chunks/chunk.POBQCTPL.js +3 -3
- package/cdn-versioned/chunks/chunk.PXFYL6KY.js +2 -2
- package/cdn-versioned/chunks/chunk.Q7E6F2HW.js +1 -1
- package/cdn-versioned/chunks/chunk.R6ZEBMRH.js +2 -2
- package/cdn-versioned/chunks/chunk.RKMV24FY.js +2 -2
- package/cdn-versioned/chunks/chunk.RRIIBUZG.js +2 -2
- package/cdn-versioned/chunks/chunk.S6JJWCTI.js +2 -2
- package/cdn-versioned/chunks/chunk.SCHC5WSJ.js +1 -1
- package/cdn-versioned/chunks/chunk.SOQN353H.js +2 -2
- package/cdn-versioned/chunks/chunk.UTS7NBOJ.js +1 -1
- package/cdn-versioned/chunks/chunk.UTXIVBR2.js +1 -1
- package/cdn-versioned/chunks/chunk.VFMCDN7W.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WHOK4XT7.js +2 -2
- package/cdn-versioned/chunks/chunk.WIHSK6PN.js +2 -2
- package/cdn-versioned/chunks/chunk.WYUWPKVY.js +2 -2
- package/cdn-versioned/chunks/chunk.XICZDG3E.js +2 -2
- package/cdn-versioned/chunks/chunk.XJAJO727.js +1 -1
- package/cdn-versioned/chunks/chunk.YAANK3U6.js +2 -2
- package/cdn-versioned/chunks/chunk.ZIC3N6YJ.js +2 -2
- package/cdn-versioned/chunks/chunk.ZSCCD7CU.js +2 -2
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/datepicker/datepicker-converters.d.ts +12 -0
- package/cdn-versioned/components/datepicker/datepicker-converters.js +1 -0
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/cdn-versioned/components/datepicker/datepicker.js +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/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 +1987 -1703
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +88 -88
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +88 -88
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +253 -253
- package/cdn-versioned/web-types.json +777 -699
- package/dist/chunks/{chunk.C7RAFK2U.js → chunk.LQBN4KWJ.js} +5 -78
- package/dist/chunks/chunk.TJ2FFWLY.js +85 -0
- package/dist/components/datepicker/datepicker-converters.d.ts +12 -0
- package/dist/components/datepicker/datepicker-converters.js +11 -0
- package/dist/components/datepicker/datepicker.js +2 -1
- package/dist/custom-elements.json +1767 -1483
- package/dist/solid-components.js +24 -23
- package/dist/vscode.html-custom-data.json +159 -159
- package/dist/web-types.json +642 -564
- package/dist-versioned/chunks/chunk.2PFOTMKD.js +33 -33
- package/dist-versioned/chunks/chunk.2XO44VKK.js +2 -2
- package/dist-versioned/chunks/chunk.3MUWC7ZQ.js +1 -1
- package/dist-versioned/chunks/chunk.3NFW33UT.js +5 -5
- package/dist-versioned/chunks/chunk.3P3ZLPSI.js +5 -5
- package/dist-versioned/chunks/chunk.4CYDINDB.js +2 -2
- package/dist-versioned/chunks/chunk.5NTF57TJ.js +1 -1
- package/dist-versioned/chunks/chunk.6XTGETVW.js +11 -11
- package/dist-versioned/chunks/chunk.7AGLFNJK.js +3 -3
- package/dist-versioned/chunks/chunk.7BSLFKU5.js +10 -10
- package/dist-versioned/chunks/chunk.7BT4WAQS.js +3 -3
- package/dist-versioned/chunks/chunk.AGSJ3MWY.js +2 -2
- package/dist-versioned/chunks/chunk.AJ6IUEXD.js +5 -5
- package/dist-versioned/chunks/chunk.AQ5RLVDO.js +1 -1
- package/dist-versioned/chunks/chunk.B4TM2WST.js +5 -5
- package/dist-versioned/chunks/chunk.BR5PPGBX.js +7 -7
- package/dist-versioned/chunks/chunk.BS2ZPKOG.js +11 -11
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.CMHJNHR6.js +25 -25
- package/dist-versioned/chunks/chunk.D2XKPNOP.js +6 -6
- package/dist-versioned/chunks/chunk.DG6HQUYC.js +10 -10
- package/dist-versioned/chunks/chunk.DYG4FWRG.js +2 -2
- package/dist-versioned/chunks/chunk.EAJ3CM6N.js +4 -4
- package/dist-versioned/chunks/chunk.EDHEUF6G.js +25 -25
- package/dist-versioned/chunks/chunk.EEEIIJMB.js +2 -2
- package/dist-versioned/chunks/chunk.EXZ6VFXN.js +1 -1
- package/dist-versioned/chunks/chunk.FRLOS6P7.js +2 -2
- package/dist-versioned/chunks/chunk.G5R47M2B.js +6 -6
- package/dist-versioned/chunks/chunk.GFHNKXRG.js +8 -8
- package/dist-versioned/chunks/chunk.H3SVUQP3.js +5 -5
- package/dist-versioned/chunks/chunk.H53WQBDK.js +1 -1
- package/dist-versioned/chunks/chunk.HDGNHXRQ.js +11 -11
- package/dist-versioned/chunks/chunk.I4T5RT5D.js +4 -4
- package/dist-versioned/chunks/chunk.J3RX4Y6S.js +2 -2
- package/dist-versioned/chunks/chunk.J5A33XU2.js +4 -4
- package/dist-versioned/chunks/chunk.JQBYEVD6.js +3 -3
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KVKO4ZLN.js +10 -10
- package/dist-versioned/chunks/chunk.KWD3E7PP.js +6 -6
- package/dist-versioned/chunks/{chunk.C7RAFK2U.js → chunk.LQBN4KWJ.js} +15 -88
- package/dist-versioned/chunks/chunk.M4O3MDU3.js +13 -13
- package/dist-versioned/chunks/chunk.MLDYTATL.js +7 -7
- package/dist-versioned/chunks/chunk.NWI2U6GV.js +4 -4
- package/dist-versioned/chunks/chunk.POKSS32D.js +2 -2
- package/dist-versioned/chunks/chunk.RMSZCVAI.js +5 -5
- package/dist-versioned/chunks/chunk.RS7M5R4R.js +5 -5
- package/dist-versioned/chunks/chunk.RU5GF26P.js +5 -5
- package/dist-versioned/chunks/chunk.SB4P52KM.js +1 -1
- package/dist-versioned/chunks/chunk.SLUGXG7E.js +2 -2
- package/dist-versioned/chunks/chunk.TE6LK5OI.js +14 -14
- package/dist-versioned/chunks/chunk.TJ2FFWLY.js +85 -0
- package/dist-versioned/chunks/chunk.TJI3UYUJ.js +5 -5
- package/dist-versioned/chunks/chunk.TQGIML36.js +2 -2
- package/dist-versioned/chunks/chunk.UF4HXV3V.js +10 -10
- package/dist-versioned/chunks/chunk.UI7JLJDL.js +6 -6
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.UWOJEWNV.js +2 -2
- package/dist-versioned/chunks/chunk.VTBH4LAP.js +1 -1
- package/dist-versioned/chunks/chunk.W6PBLDS5.js +12 -12
- package/dist-versioned/chunks/chunk.WXXHOSE3.js +4 -4
- package/dist-versioned/chunks/chunk.X3SWQRRP.js +3 -3
- package/dist-versioned/chunks/chunk.YSZ5CL7K.js +1 -1
- package/dist-versioned/chunks/chunk.YT23TSJR.js +5 -5
- package/dist-versioned/chunks/chunk.ZOLOAEEA.js +3 -3
- package/dist-versioned/chunks/chunk.ZXAAMEZI.js +3 -3
- package/dist-versioned/components/accordion/accordion.d.ts +1 -1
- package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist-versioned/components/animation/animation.d.ts +1 -1
- package/dist-versioned/components/audio/audio.d.ts +1 -1
- package/dist-versioned/components/badge/badge.d.ts +1 -1
- package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/dist-versioned/components/button/button.d.ts +1 -1
- package/dist-versioned/components/button-group/button-group.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.d.ts +1 -1
- package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.d.ts +1 -1
- package/dist-versioned/components/datepicker/datepicker-converters.d.ts +12 -0
- package/dist-versioned/components/datepicker/datepicker-converters.js +11 -0
- package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/dist-versioned/components/datepicker/datepicker.js +2 -1
- package/dist-versioned/components/dialog/dialog.d.ts +1 -1
- package/dist-versioned/components/divider/divider.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.d.ts +1 -1
- package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/dist-versioned/components/expandable/expandable.d.ts +1 -1
- package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/dist-versioned/components/header/header.d.ts +1 -1
- package/dist-versioned/components/icon/icon.d.ts +1 -1
- package/dist-versioned/components/include/include.d.ts +1 -1
- package/dist-versioned/components/input/input.d.ts +1 -1
- package/dist-versioned/components/link/link.d.ts +1 -1
- package/dist-versioned/components/loader/loader.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/menu/menu.d.ts +1 -1
- package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist-versioned/components/notification/notification.d.ts +1 -1
- package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/dist-versioned/components/option/option.d.ts +1 -1
- package/dist-versioned/components/popup/popup.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/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 +1987 -1703
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +24 -23
- package/dist-versioned/vscode.html-custom-data.json +253 -253
- package/dist-versioned/web-types.json +777 -699
- package/package.json +1 -1
- package/cdn/chunks/chunk.D4I2KYVZ.js +0 -2
- package/cdn-versioned/chunks/chunk.D4I2KYVZ.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.XJAJO727.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-22-
|
|
2
|
-
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-22-
|
|
1
|
+
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.XJAJO727.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-22-1-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-22-1-teaser--neutral-400-color-border","neutral-100":"sd-6-22-1-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-22-1-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. <h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-22-1-teaser")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.LHSR56PH.js";import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.UFTAQNZB.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as i,c as u,d as a,h as r}from"./chunk.XJAJO727.js";import{b as c,e as o}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new b(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return o`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center sd-6-22-
|
|
2
|
-
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-22-
|
|
1
|
+
import{a as p}from"./chunk.LHSR56PH.js";import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.UFTAQNZB.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as d,b as i,c as u,d as a,h as r}from"./chunk.XJAJO727.js";import{b as c,e as o}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new b(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return o`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center sd-6-22-1-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"sd-6-22-1-button--primary--default-color-background sd-6-22-1-button--primary--default-color-text hover:sd-6-22-1-button--primary--hover-color-background hover:text-primary-100":!this.checked&&(this.disabled||this.visuallyDisabled)?"text-neutral-500 hover:cursor-not-allowed":this.checked&&(this.disabled||this.visuallyDisabled)?"bg-neutral-400 text-white hover:cursor-not-allowed ":"bg-transparent sd-6-22-1-radio-button-color-text border-primary cursor-pointer hover:sd-6-22-1-radio-button--hover-color-background hover:sd-6-22-1-radio-button--hover-color-text",e&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",e&&"button--has-label",l&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${p(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${n(l&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!l}"></slot>${e?o`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...r.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:rgba(var(--sd-color-border-error,var(--sd-color-error)));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:46px}.lg-no-label{height:46px;padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:38px}.md-no-label{height:38px;padding-inline:var(--sd-spacing-4)}.sm-label{height:30px}.sm-no-label{height:30px;padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-22-1-button-group__button:not(.sd-6-22-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-22-1-button-group__button:not(.sd-6-22-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-22-1-button-group__button:not(.sd-6-22-1-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-22-1-button-group__button--hover){z-index:20}:host(.sd-6-22-1-button-group__button--focus){z-index:30}:host(.sd-6-22-1-button-group__button[checked]){z-index:40}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],s([a(".button")],t.prototype,"input",2),s([a(".hidden-input")],t.prototype,"hiddenInput",2),s([u()],t.prototype,"hasFocus",2),s([i({type:String,reflect:!0})],t.prototype,"size",2),s([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([i()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([d("sd-6-22-1-radio-button")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.XJAJO727.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-6-22-
|
|
2
|
-
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-6-22-
|
|
1
|
+
import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.XJAJO727.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-6-22-1-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}handleClickSummary(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?h`div`:this.isAccordion&&!this.isLink?h`summary`:this.isLink?h`a`:h`button`}focus(){var i;this.disabled||(i=this.button)==null||i.focus()}blur(){var i;(i=this.button)==null||i.blur()}render(){let i=this.tag,n=this.isLink,c=this.isButton,l=this.isAccordion,y=this.isIconOnly,d={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},g=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-1":"py-2",u=a`<${i} part="base" class="${s("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-6-22-1-navigation-item-color-text",this.current&&!this.disabled&&"sd-6-22-1-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!l&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",y?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(c?this.disabled:void 0)}" href="${o(n?this.href:void 0)}" target="${o(n?this.target:void 0)}" download="${o(n?this.download:void 0)}" rel="${o(n&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:l?this.handleClickSummary:c?this.handleClickButton:void 0}"><div part="current-indicator" class="${s("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":this.isStackedHorizontal?"h-[2px] left-6 right-6 bottom-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${s("inline-flex justify-center gap-1 w-full h-full",this.isStackedHorizontal?"flex-col items-center":"flex-col")}"><span part="content-area" class="${s("relative inline-flex justify-between items-center",l?"grow":"w-full",this.isStackedHorizontal&&"justify-center",d.description&&"pt-3",!d.description&&!this.separated&&g,this.calculatePaddingX)}">${this.divider&&this.vertical?a`<sd-6-22-1-divider part="divider" class="${s("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-22-1-divider>`:""} <span id="content" part="content-container" class="${s(this.vertical?"inline-flex flex-auto items-center gap-2":this.isStackedHorizontal?"inline-flex items-center text-center":"inline-flex flex-auto flex-col items-center justify-center gap-1 text-center")}"><slot part="content" class="${s(this.vertical?"inline-flex items-center gap-2":"inline-flex flex-col items-center justify-center gap-1 text-center")}"></slot></span>${this.chevron||d.children&&this.vertical&&!this.separated?a`<sd-6-22-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("h-6 w-6 ml-2 transition-all",l?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-22-1-icon>`:""} </span>${d.description&&this.vertical?a`<slot id="description" name="description" part="description" class="${s("inline-block text-sm text-left font-normal text-black pb-3",l||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${i}>`;return this.separated?a`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${d.children&&this.vertical?a`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-22-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("m-4 h-6 w-6 transition-all",l||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-22-1-icon></button>`:""}</div>${this.open?a`<slot name="children"></slot>`:""}</div>`:l?a`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:a`${u}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-6-22-1-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-6-22-1-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],e([p('[part="base"]')],t.prototype,"button",2),e([p("slot:not([name])")],t.prototype,"defaultSlot",2),e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({reflect:!0})],t.prototype,"download",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"stacked",2),e([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),e([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),e([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),e([r({type:Boolean,reflect:!0})],t.prototype,"open",2),e([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=e([m("sd-6-22-1-navigation-item")],t);export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as p}from"./chunk.OBAEIKIV.js";import{a as l,b as m}from"./chunk.6EV4YU6C.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-6-22-
|
|
1
|
+
import{e as p}from"./chunk.OBAEIKIV.js";import{a as l,b as m}from"./chunk.6EV4YU6C.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-6-22-1-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-6-22-1-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(t){let e={sm:"text-sm",md:"text-base",lg:"text-base"}[t];return p`<div id="invalid-message" class="text-error text-left ${e}" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as o}from"./chunk.XJAJO727.js";import{b as a,e as d}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends o{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return d`<span part="base" class="${s("sd-6-22-
|
|
2
|
-
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([c("sd-6-22-
|
|
1
|
+
import{a as s}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,c as r,h as o}from"./chunk.XJAJO727.js";import{b as a,e as d}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends o{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return d`<span part="base" class="${s("sd-6-22-1-radio group flex items-center text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${s("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-22-1-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?s("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-6-22-1-radio--checked--invalid--default-color-background":"sd-6-22-1-radio--default--invalid-color-background"):this.checked?"sd-6-22-1-radio--checked--default-color-background hover:sd-6-22-1-radio--checked--hover-color-background group-hover:sd-6-22-1-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550":"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${s("rounded-full inline-flex text-white sd-6-22-1-radio__checked-height sd-6-22-1-radio__checked-width transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"sd-6-22-1-radio--checked--disabled__icon-color-background":this.visuallyDisabled?"bg-white":this.invalid?"sd-6-22-1-radio--checked--invalid--default__icon-color-background hover:sd-6-22-1-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-22-1-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-6-22-1-radio--checked--default__icon-color-background hover:sd-6-22-1-radio--checked--hover__icon-color-background group-hover:sd-6-22-1-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${s("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"></slot></span>`}};e.styles=[...o.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([c("sd-6-22-1-radio")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as h}from"./chunk.FEXFNF27.js";import{a as s}from"./chunk.LHSR56PH.js";import{a as o}from"./chunk.B2NUKX6G.js";import{a,b as p}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as d,b as m,h as c}from"./chunk.XJAJO727.js";import{b as l}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var t=class extends h{constructor(){super(...arguments);this.expandable=!1}render(){let i=this.expandable?a`details`:a`div`,n=this.expandable?a`summary`:a`div`;return p`<${i} part="base" class="sm:p-6"><${n} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-6-22-
|
|
2
|
-
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=icon]{font-size:var(--sd-spacing-12,3rem);color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],r([m({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=r([d("sd-6-22-
|
|
1
|
+
import{a as h}from"./chunk.FEXFNF27.js";import{a as s}from"./chunk.LHSR56PH.js";import{a as o}from"./chunk.B2NUKX6G.js";import{a,b as p}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as d,b as m,h as c}from"./chunk.XJAJO727.js";import{b as l}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var t=class extends h{constructor(){super(...arguments);this.expandable=!1}render(){let i=this.expandable?a`details`:a`div`,n=this.expandable?a`summary`:a`div`;return p`<${i} part="base" class="sm:p-6"><${n} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"sd-6-22-1-quickfact--expandable-color-text":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${e(this.open&&"hidden")}"><sd-6-22-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-22-1-icon></slot><slot name="collapse-icon" class="${e(!this.open&&"hidden")}"><sd-6-22-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-22-1-icon></slot></span></${n}><div part="content" id="content" class="${e("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${i}>`}};t.styles=[...c.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=summary-icon]{color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=icon]{font-size:var(--sd-spacing-12,3rem);color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],r([m({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=r([d("sd-6-22-1-quickfact")],t);o("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});o("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"./chunk.LHSR56PH.js";import{a as l,b as d}from"./chunk.NL7YFV4O.js";import{a as f}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as u,b as i,d as b,h as n}from"./chunk.XJAJO727.js";import{b as h}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.localize=new f(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),o=this.removable&&!this.selected&&!this.toggleable,c=t?l`a`:o?l`div`:l`button`;return d`<${c} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||o?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${a("flex border box-border sd-6-22-
|
|
2
|
-
:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-6-22-
|
|
1
|
+
import{a as s}from"./chunk.LHSR56PH.js";import{a as l,b as d}from"./chunk.NL7YFV4O.js";import{a as f}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as u,b as i,d as b,h as n}from"./chunk.XJAJO727.js";import{b as h}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.localize=new f(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),o=this.removable&&!this.selected&&!this.toggleable,c=t?l`a`:o?l`div`:l`button`;return d`<${c} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||o?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${a("flex border box-border sd-6-22-1-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",{lg:"h-8 sd-6-22-1-tag-font-weight sd-6-22-1-tag--size-lg-font-size gap-2",sm:"h-6 sd-6-22-1-tag-font-weight sd-6-22-1-tag--size-sm-font-size gap-1"}[this.size],{lg:o?"pl-4 pr-3 py-2":"px-4 py-2",sm:o?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.disabled?a(!t&&"cursor-not-allowed",this.selected&&"bg-neutral-500 text-white","sd-6-22-1-tag--disabled-color-border sd-6-22-1-tag--disabled-color-text"):this.selected?"sd-6-22-1-tag--selected-border-width sd-6-22-1-tag--selected--default-color-background sd-6-22-1-tag--selected--default-color-border sd-6-22-1-tag--selected--default-color-text hover:sd-6-22-1-tag--selected--hover-color-background hover:sd-6-22-1-tag--selected--hover-color-border hover:sd-6-22-1-tag--selected--hover-color-text":a("sd-6-22-1-tag--default-color-border sd-6-22-1-tag--default-color-text",o?"sd-6-22-1-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500":"sd-6-22-1-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-6-22-1-tag--default--hover-color-background"))}"><slot name="icon-left" class="${a("flex-shrink-0",this.size==="lg"?"text-base":"text-[0.75rem]")}"></slot><slot id="content" part="content"></slot>${o&&!t?d`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}" ?disabled="${s(t?void 0:this.disabled)}"><slot part="removable-indicator" name="removable-indicator" class="${a(this.disabled&&"sd-6-22-1-tag--disabled-color-text")}"><sd-6-22-1-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-6-22-1-icon></slot></button>`:""}</${c}>`}};e.styles=[...n.styles,h`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:inline-block;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([size=lg])::part(removable-indicator){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=sm])::part(removable-indicator){font-size:.75rem}.sd-6-22-1-tag--disabled-color-border{border-color:rgb(var(--sd-tag--disabled-color-border))}.sd-6-22-1-tag-font-weight{font-weight:var(--sd-tag-font-weight)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`],r([b("a, button, div")],e.prototype,"tag",2),r([i({type:String,reflect:!0})],e.prototype,"size",2),r([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),r([i({type:Boolean,reflect:!0})],e.prototype,"toggleable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"removable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([i({type:String,reflect:!0})],e.prototype,"href",2),r([i({type:String,reflect:!0})],e.prototype,"target",2),r([i({reflect:!0})],e.prototype,"download",2),e=r([u("sd-6-22-1-tag")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as m}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as o}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as n,h as s}from"./chunk.XJAJO727.js";import{b as r}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-6-22-
|
|
2
|
-
:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-22-
|
|
1
|
+
import{b as m}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as o}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as n,h as s}from"./chunk.XJAJO727.js";import{b as r}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-6-22-1-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${o(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-6-22-1-divider id="divider" class="pt-2 pb-4" part="divider"></sd-6-22-1-divider><div part="label-container" class="${o(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};e.styles=[...s.styles,r`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-22-1-optgroup")],e);export{e as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as T,b as M}from"./chunk.G7HKVXLR.js";import{c as L}from"./chunk.3L472FD4.js";import{a as u,c as m}from"./chunk.B2NUKX6G.js";import{a as c}from"./chunk.KLRPP4NQ.js";import{a as v}from"./chunk.VAM5SM3O.js";import{a as k}from"./chunk.UFTAQNZB.js";import{a as E}from"./chunk.NYKJXI3Q.js";import{a as w,b as o,d as r,h}from"./chunk.XJAJO727.js";import{b as y,e as b}from"./chunk.OBAEIKIV.js";import{b as d,e as p}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";function C(f,g){let e=f;for(;e;){if(e.matches(g))return e;if(e.parentElement)e=e.parentElement;else if(e.parentNode instanceof ShadowRoot)e=e.parentNode.host;else break}return null}var n=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.open=!1;this.rounded=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.noAutoSize=!1;this.noFlip=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>M(a).start),s=null;if(t)switch(t.tagName.toLowerCase()){case"sd-6-22-
|
|
1
|
+
import{a as T,b as M}from"./chunk.G7HKVXLR.js";import{c as L}from"./chunk.3L472FD4.js";import{a as u,c as m}from"./chunk.B2NUKX6G.js";import{a as c}from"./chunk.KLRPP4NQ.js";import{a as v}from"./chunk.VAM5SM3O.js";import{a as k}from"./chunk.UFTAQNZB.js";import{a as E}from"./chunk.NYKJXI3Q.js";import{a as w,b as o,d as r,h}from"./chunk.XJAJO727.js";import{b as y,e as b}from"./chunk.OBAEIKIV.js";import{b as d,e as p}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";function C(f,g){let e=f;for(;e;){if(e.matches(g))return e;if(e.parentElement)e=e.parentElement;else if(e.parentNode instanceof ShadowRoot)e=e.parentNode.host;else break}return null}var n=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.open=!1;this.rounded=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.noAutoSize=!1;this.noFlip=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>M(a).start),s=null;if(t)switch(t.tagName.toLowerCase()){case"sd-6-22-1-button":case"sd-6-22-1-icon-button":s=t.button;break;case"sd-6-22-1-navigation-item":s=t.button;break;default:s=t}return s}updateAccessibleTrigger(){let e=this.getAccessibleTrigger();e&&(e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"))}focusOnTrigger(){let e=this.getAccessibleTrigger();typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="sd-6-22-1-menu")}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="sd-6-22-1-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}setTimeout(()=>{let s=T();(!s||!this.containingElement||C(s,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}}handleDocumentMouseDown(e){let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){let t=e.target;L(t,this.panel)}handlePanelSelect(e){let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="sd-6-22-1-menu"&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){if(this.open){let e=this.getMenu();if(e){let t=e.getCurrentItem();t==null||t.classList.remove("menu-item-focus")}this.hide()}else this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.handleTriggerClick();return}if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.defaultSlot.assignedElements({flatten:!0}),a=s.find(A=>!A.disabled)||s[0],l=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),s.length>0&&requestAnimationFrame(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(a),a.focus(),a.classList.add("menu-item-focus")),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(l),l.focus(),l.classList.add("menu-item-focus"))}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}async show(){if(!this.open)return this.open=!0,c(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-6-22-1-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-6-22-1-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await p(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=m(this,"dropdown.show",{dir:this.localize.dir()});await d(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await p(this);let{keyframes:e,options:t}=m(this,"dropdown.hide",{dir:this.localize.dir()});await d(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return b`<sd-6-22-1-popup part="base" id="dropdown" exportparts="
|
|
2
2
|
popup:base__popup,
|
|
3
|
-
" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${k("panel-color-border border shadow sd-6-22-
|
|
4
|
-
:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}#dropdown[data-current-placement^=right]::part(popup){transform-origin:0}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],i([r("#dropdown")],n.prototype,"popup",2),i([r("[part=trigger]")],n.prototype,"trigger",2),i([r("[part=panel]")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({type:Boolean,reflect:!0})],n.prototype,"rounded",2),i([o({type:String,reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({type:Object})],n.prototype,"containingElement",2),i([o({type:Number,reflect:!0})],n.prototype,"distance",2),i([o({type:Number,reflect:!0})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0,attribute:"no-auto-size"})],n.prototype,"noAutoSize",2),i([o({type:Boolean,reflect:!0,attribute:"no-flip"})],n.prototype,"noFlip",2),i([o({type:Boolean,reflect:!0})],n.prototype,"hoist",2),i([E("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1),n=i([w("sd-6-22-
|
|
3
|
+
" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${k("panel-color-border border shadow sd-6-22-1-dropdown-color-background block",this.open?"pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-6-22-1-popup>`}};n.styles=[...h.styles,y`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
4
|
+
:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}#dropdown[data-current-placement^=right]::part(popup){transform-origin:0}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],i([r("#dropdown")],n.prototype,"popup",2),i([r("[part=trigger]")],n.prototype,"trigger",2),i([r("[part=panel]")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({type:Boolean,reflect:!0})],n.prototype,"rounded",2),i([o({type:String,reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({type:Object})],n.prototype,"containingElement",2),i([o({type:Number,reflect:!0})],n.prototype,"distance",2),i([o({type:Number,reflect:!0})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0,attribute:"no-auto-size"})],n.prototype,"noAutoSize",2),i([o({type:Boolean,reflect:!0,attribute:"no-flip"})],n.prototype,"noFlip",2),i([o({type:Boolean,reflect:!0})],n.prototype,"hoist",2),i([E("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1),n=i([w("sd-6-22-1-dropdown")],n);u("dropdown.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});u("dropdown.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{n as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as w}from"./chunk.VAM5SM3O.js";import{a as p,d as f,h as m}from"./chunk.XJAJO727.js";import{b as u,e as h}from"./chunk.OBAEIKIV.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-6-22-
|
|
2
|
-
:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-22-
|
|
1
|
+
import{a as w}from"./chunk.VAM5SM3O.js";import{a as p,d as f,h as m}from"./chunk.XJAJO727.js";import{b as u,e as h}from"./chunk.OBAEIKIV.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-6-22-1-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(n=>{n.setAttribute("tabindex",n===t?"0":"-1")})}render(){return h`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};a.styles=[...m.styles,u`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-22-1-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],c([f("slot")],a.prototype,"defaultSlot",2),a=c([p("sd-6-22-1-menu")],a);export{a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{a as s}from"./chunk.LHSR56PH.js";import{a as d}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as l,d as c,h as a}from"./chunk.XJAJO727.js";import{b as o,e as n}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends a{constructor(){super(...arguments);this.hasSlotController=new d(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href="";this.visuallyDisabled=!1}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(i){this.visuallyDisabled&&(i.preventDefault(),i.stopPropagation())}focus(i){this.button.focus(i)}blur(){this.button.blur()}render(){let i={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return n`<a part="base" class="${r(this.standalone?"flex items-start":"inline",this.href&&!this.visuallyDisabled?"cursor-pointer":"",this.visuallyDisabled?"cursor-not-allowed focus-visible:focus-outline":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":"interactive--default-color-text hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline",visuallyDisabled:this.inverted?"text-neutral-600":"text-neutral-500"}[this.href&&!this.visuallyDisabled?"enabled":this.visuallyDisabled?"visuallyDisabled":"disabled"])}" href="${s(this.href||void 0)}" target="${s(this.target||void 0)}" download="${s(this.download)}" rel="${s(this.target?"noreferrer noopener":void 0)}" aria-disabled="${!this.href||this.visuallyDisabled?"true":"false"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${r("inline",i["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${r("inline",i["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};e.styles=[...a.styles,o`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
::slotted(sd-6-22-
|
|
2
|
+
::slotted(sd-6-22-1-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-22-1-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-22-1-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`],t([c("a")],e.prototype,"button",2),t([l({type:Boolean,reflect:!0})],e.prototype,"standalone",2),t([l({type:String,reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"inverted",2),t([l({type:String,reflect:!0})],e.prototype,"href",2),t([l({type:Boolean,attribute:"visually-disabled",reflect:!0})],e.prototype,"visuallyDisabled",2),t([l({type:String,reflect:!0})],e.prototype,"target",2),t([l({reflect:!0})],e.prototype,"download",2),e=t([h("sd-6-22-1-link")],e);export{e as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.UFTAQNZB.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.XJAJO727.js";import{b as c,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" style="word-break:break-word" class="${i("px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-base py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border sd-6-22-
|
|
2
|
-
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-6-22-
|
|
1
|
+
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.UFTAQNZB.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.XJAJO727.js";import{b as c,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" style="word-break:break-word" class="${i("px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative",{sm:"text-base py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-500 cursor-not-allowed":"text-black cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border sd-6-22-1-checkbox-border-width rounded-sm h-4 w-4 mr-2",{sm:"mt-0.5",md:"mt-1",lg:"mt-1"}[this.size],this.disabled?"sd-6-22-1-option--disabled-color-border":this.selected?"bg-accent border-accent":"bg-white form-control-color-border")}">${this.selected?l`<sd-6-22-1-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-6-22-1-icon>`:""}</span>`:""} ${s.left?l`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${s.right?l`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-6-22-1-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([r()],e.prototype,"isKeyboardFocus",2),t([a({type:String,reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-6-22-1-option")],e);export{e as a};
|
|
@@ -7,5 +7,5 @@ import{a as s}from"./chunk.LHSR56PH.js";import{a as n,b as o}from"./chunk.NL7YFV
|
|
|
7
7
|
</svg> `,place:`
|
|
8
8
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75">
|
|
9
9
|
<path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd" />
|
|
10
|
-
</svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let i=this.isLink(),c=this.notInteractive?n`div`:i?n`a`:n`button`,h=d(this.marker[this.variant]),p=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return o`<${c} part="base" class="${r("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${s(i?this.href:void 0)}" target="${s(i?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${s(this.notInteractive||i?void 0:"button")}" aria-label="${s(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${s(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${r("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"sd-6-22-
|
|
11
|
-
:host{display:block}#motion-wrapper{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{margin-top:calc(var(--sd-spacing-2) * -1);font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=motion-wrapper]>div>div{background-color:rgba(var(--sd-map-marker--cluster--hover-color-background))}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:host([variant=main]) #marker-circle{width:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));height:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1))}#marker-circle{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([v("sd-6-22-
|
|
10
|
+
</svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let i=this.isLink(),c=this.notInteractive?n`div`:i?n`a`:n`button`,h=d(this.marker[this.variant]),p=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return o`<${c} part="base" class="${r("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${s(i?this.href:void 0)}" target="${s(i?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${s(this.notInteractive||i?void 0:"button")}" aria-label="${s(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${s(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${r("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"sd-6-22-1-map-marker--cluster-color-text",main:"sd-color-fill-accent",place:"sd-6-22-1-map-marker--pin-color-text"}[this.variant])}"><div id="motion-wrapper" part="motion-wrapper" class="${r("absolute inset-0 overflow-hidden pointer-events-none",{cluster:"sd-6-22-1-map-marker--cluster--default-color-background group-hover:sd-6-22-1-map-marker--cluster--hover-color-background",main:"sd-6-22-1-map-marker--main-color-background",place:"sd-6-22-1-map-marker--pin--default-color-background"}[this.variant])}" style="mask-image:${p};-webkit-mask-image:${p}"><div class="${r("absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",["hover","active"].includes(this.state)&&"!translate-y-0")}"><div class="${r("min-w-full min-h-full skew-y-[-11deg]",{cluster:"",main:this.state==="active"?"bg-accent-700":this.state==="hover"?"bg-accent-550":"group-hover:bg-accent-550 group-active:bg-accent-700",place:this.state==="active"||this.state==="hover"?"sd-6-22-1-map-marker--pin--hover-color-background":"group-active:bg-primary-200"}[this.variant])}"></div></div>${this.variant==="main"?o`<div id="marker-circle" class="absolute rounded-full"></div>`:""}</div>${h} ${this.variant==="cluster"?o`<div id="cluster-border" class="${r("absolute inset-0 sd-6-22-1-map-marker--cluster--default-color-background rounded-full opacity-30 hover:sd-6-22-1-map-marker--cluster--hover-color-background",this.state==="hover"&&"sd-6-22-1-map-marker--cluster--hover-color-background")}"></div>`:""}</div><div id="content" part="content" class="${r("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold sd-6-22-1-map-marker--cluster-color-text",this.variant==="place"&&"font-bold sd-6-22-1-map-marker--pin-color-text")}"><slot></slot></div></${c}>`}};t.styles=[...l.styles,m`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
11
|
+
:host{display:block}#motion-wrapper{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{margin-top:calc(var(--sd-spacing-2) * -1);font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=motion-wrapper]>div>div{background-color:rgba(var(--sd-map-marker--cluster--hover-color-background))}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:host([variant=main]) #marker-circle{width:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));height:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem) * var(--map-marker-scaling,1))}#marker-circle{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([v("sd-6-22-1-map-marker")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as N}from"./chunk.ICEC5PGK.js";import{a as B}from"./chunk.SAEYIL5V.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as z}from"./chunk.LZRL7OLU.js";import{a as n}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as P,b as V}from"./chunk.QQD62QOV.js";import{a as T}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as E,b as s,c as m,d as w,h as x}from"./chunk.XJAJO727.js";import{b as D,e as r,h as F,i as L}from"./chunk.OBAEIKIV.js";import{a as k,e as i}from"./chunk.6EV4YU6C.js";var $=class extends N{constructor(e){super(e);this.handlePointerDown=e=>{e.button!==0||this.host.disabled||this.spinOnLongPressCallback(e)};this.handlePointerUp=e=>{e==null||e.preventDefault(),e==null||e.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(e.type!==P.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return L}update(e,[l]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=k({},l),this.host.addEventListener("pointerdown",this.handlePointerDown)),F}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var l;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(l=this.observer)==null||l.disconnect(),this.observer=new MutationObserver(u=>{u.forEach(p=>{p.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var e;clearInterval(this.interval),clearTimeout(this.timeout),(e=this.observer)==null||e.disconnect()}},C=V($);var _,R=(_=navigator.userAgentData)==null?void 0:_.brands.some(f=>f.brand.includes("Chromium")),J=R?!1:navigator.userAgent.includes("Firefox"),t=class extends x{constructor(){super(...arguments);this.formControlController=new z(this);this.hasSlotController=new M(this,"help-text","label","left","right","message","placeholder");this.localize=new T(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.isClickableIconFocused=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsDate)!=null?l:null}set valueAsDate(e){let l=document.createElement("input");l.type="date",l.valueAsDate=e,this.value=l.value}get valueAsNumber(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsNumber)!=null?l:parseFloat(this.value)}set valueAsNumber(e){let l=document.createElement("input");l.type="number",l.valueAsNumber=e,this.value=l.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(e){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),e.stopPropagation()}handleSearchClick(e){this.emit("sd-search"),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleKeyDown(e){let l=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!l&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleClickableIconFocusIn(){this.isClickableIconFocused=!0}handleClickableIconFocusOut(){this.isClickableIconFocused=!1}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let e=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=e}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let e=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=e}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,l,u="none"){this.input.setSelectionRange(e,l,u)}setRangeText(e,l,u,p){this.input.setRangeText(e,l,u,p),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var e;return(e=this.input)==null?void 0:e.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},l=this.label?!0:!!e.label,u=this.helpText?!0:!!e.helpText,p=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),O=!!e.tooltip,S=e.left,v=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&l&&(this.hasFocus||v||this.isClickableIconFocused),y=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?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",g=this.size==="sm"?"text-sm":"text-base",U={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",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"}[y],c=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",d={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],o={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],K=this.size==="lg"?this.floatingLabel?h?"py-3":"py-4":"py-2":this.floatingLabel?h?"py-2":"py-3":"py-1",q={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return r`<div part="form-control" class="${a((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(l||O)&&!this.floatingLabel?r`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a(l?"inline-block":"hidden",g,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?r`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${a("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] ease-in-out duration-medium hover:duration-fast",U)}"></div><div part="base" class="${a("px-4 flex flex-row items-center form-control-border-radius transition-colors ease-in-out duration-medium hover:duration-fast",this.floatingLabel&&"has-floating-label",!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",["disabled","visuallyDisabled"].includes(y)?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(y)&&"form-control--invalid-color-background",K)}">${e.left?r`<slot name="left" part="left" class="${a("inline-flex",this.size==="sm"?"mr-1":"mr-2",c,o)}"></slot>`:""} <input part="input" id="input" class="${a("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?h?"h-4":"h-6":h?"h-6":"h-8",g,h&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${n(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${!this.floatingLabel||h?n(this.placeholder):""}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" min="${n(this.min)}" max="${n(this.max)}" step="${n(this.step)}" .value="${B(this.value)}" autocapitalize="${n(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${n(this.autocomplete)}" autocorrect="${n(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${n(this.pattern)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${l&&this.floatingLabel?r`<label part="form-control-floating-label" class="${a("pointer-events-none absolute",S?q:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!h||!v&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2 form-control-color-text":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${l?"false":"true"}"><span id="floating-label" class="${a("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!h||!v&&(this.readonly||this.visuallyDisabled)?g:"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${p?r`<button part="clear-button" class="${a("flex justify-center",d)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-22-0-icon class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",o)}" library="_internal" name="closing-round"></sd-6-22-0-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?r`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${a("flex items-center sd-interactive",d,this.floatingLabel&&!h&&"hide-password-toggle")}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${()=>this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible?r`<slot name="show-password-icon"><sd-6-22-0-icon class="${a(c,o)}" library="_internal" name="eye"></sd-6-22-0-icon></slot>`:r`<slot name="hide-password-icon"><sd-6-22-0-icon class="${a(c,o)}" library="_internal" name="eye-crossed-out"></sd-6-22-0-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!J?r`<sd-6-22-0-icon class="${a(c,d,o)}" library="_internal" name="calendar"></sd-6-22-0-icon>`:""} ${this.type==="time"?r`<sd-6-22-0-icon class="${a(c,d,o)}" library="_internal" name="clock"></sd-6-22-0-icon>`:""} ${this.type==="search"?r`<button class="${a("flex items-center sd-interactive",d)}" type="button" @click="${this.handleSearchClick}"><sd-6-22-0-icon class="${a(c,o)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-22-0-icon></button>`:""} ${this.showInvalidStyle?r`<sd-6-22-0-icon part="invalid-icon" class="${a("text-error",d,o)}" library="_internal" name="risk"></sd-6-22-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?r`<sd-6-22-0-icon class="${a("text-success flex-shrink-0",d,o)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-22-0-icon>`:""} ${e.right?r`<slot name="right" part="right" class="${a("inline-flex",c,d,o)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?r`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${C({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${()=>this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-6-22-0-icon library="_internal" name="minus-circle" label="Decrease value" class="${a(c,d,o)}"></sd-6-22-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${C({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-6-22-0-icon library="_internal" name="plus-circle" label="Decrease value" class="${a(c,d,o)}"></sd-6-22-0-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm mt-1",u&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!u||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...x.styles,D`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
-
:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-22-
|
|
1
|
+
import{a as N}from"./chunk.ICEC5PGK.js";import{a as B}from"./chunk.SAEYIL5V.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as z}from"./chunk.LZRL7OLU.js";import{a as n}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as P,b as V}from"./chunk.QQD62QOV.js";import{a as T}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as E,b as s,c as m,d as w,h as x}from"./chunk.XJAJO727.js";import{b as D,e as r,h as F,i as L}from"./chunk.OBAEIKIV.js";import{a as k,e as i}from"./chunk.6EV4YU6C.js";var $=class extends N{constructor(e){super(e);this.handlePointerDown=e=>{e.button!==0||this.host.disabled||this.spinOnLongPressCallback(e)};this.handlePointerUp=e=>{e==null||e.preventDefault(),e==null||e.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(e.type!==P.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return L}update(e,[l]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=k({},l),this.host.addEventListener("pointerdown",this.handlePointerDown)),F}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var l;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(l=this.observer)==null||l.disconnect(),this.observer=new MutationObserver(u=>{u.forEach(p=>{p.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var e;clearInterval(this.interval),clearTimeout(this.timeout),(e=this.observer)==null||e.disconnect()}},C=V($);var _,R=(_=navigator.userAgentData)==null?void 0:_.brands.some(f=>f.brand.includes("Chromium")),J=R?!1:navigator.userAgent.includes("Firefox"),t=class extends x{constructor(){super(...arguments);this.formControlController=new z(this);this.hasSlotController=new M(this,"help-text","label","left","right","message","placeholder");this.localize=new T(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.isClickableIconFocused=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsDate)!=null?l:null}set valueAsDate(e){let l=document.createElement("input");l.type="date",l.valueAsDate=e,this.value=l.value}get valueAsNumber(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsNumber)!=null?l:parseFloat(this.value)}set valueAsNumber(e){let l=document.createElement("input");l.type="number",l.valueAsNumber=e,this.value=l.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(e){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),e.stopPropagation()}handleSearchClick(e){this.emit("sd-search"),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleKeyDown(e){let l=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!l&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleClickableIconFocusIn(){this.isClickableIconFocused=!0}handleClickableIconFocusOut(){this.isClickableIconFocused=!1}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let e=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=e}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let e=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=e}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,l,u="none"){this.input.setSelectionRange(e,l,u)}setRangeText(e,l,u,p){this.input.setRangeText(e,l,u,p),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var e;return(e=this.input)==null?void 0:e.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},l=this.label?!0:!!e.label,u=this.helpText?!0:!!e.helpText,p=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),O=!!e.tooltip,S=e.left,v=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&l&&(this.hasFocus||v||this.isClickableIconFocused),y=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?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",g=this.size==="sm"?"text-sm":"text-base",U={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",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"}[y],c=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",d={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],o={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],K=this.size==="lg"?this.floatingLabel?h?"py-3":"py-4":"py-2":this.floatingLabel?h?"py-2":"py-3":"py-1",q={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return r`<div part="form-control" class="${a((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(l||O)&&!this.floatingLabel?r`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a(l?"inline-block":"hidden",g,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?r`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${a("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] ease-in-out duration-medium hover:duration-fast",U)}"></div><div part="base" class="${a("px-4 flex flex-row items-center form-control-border-radius transition-colors ease-in-out duration-medium hover:duration-fast",this.floatingLabel&&"has-floating-label",!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",["disabled","visuallyDisabled"].includes(y)?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(y)&&"form-control--invalid-color-background",K)}">${e.left?r`<slot name="left" part="left" class="${a("inline-flex",this.size==="sm"?"mr-1":"mr-2",c,o)}"></slot>`:""} <input part="input" id="input" class="${a("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?h?"h-4":"h-6":h?"h-6":"h-8",g,h&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${n(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${!this.floatingLabel||h?n(this.placeholder):""}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" min="${n(this.min)}" max="${n(this.max)}" step="${n(this.step)}" .value="${B(this.value)}" autocapitalize="${n(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${n(this.autocomplete)}" autocorrect="${n(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${n(this.pattern)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${l&&this.floatingLabel?r`<label part="form-control-floating-label" class="${a("pointer-events-none absolute",S?q:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!h||!v&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2 form-control-color-text":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${l?"false":"true"}"><span id="floating-label" class="${a("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!h||!v&&(this.readonly||this.visuallyDisabled)?g:"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${p?r`<button part="clear-button" class="${a("flex justify-center",d)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-6-22-1-icon class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",o)}" library="_internal" name="closing-round"></sd-6-22-1-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?r`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${a("flex items-center sd-interactive",d,this.floatingLabel&&!h&&"hide-password-toggle")}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${()=>this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible?r`<slot name="show-password-icon"><sd-6-22-1-icon class="${a(c,o)}" library="_internal" name="eye"></sd-6-22-1-icon></slot>`:r`<slot name="hide-password-icon"><sd-6-22-1-icon class="${a(c,o)}" library="_internal" name="eye-crossed-out"></sd-6-22-1-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!J?r`<sd-6-22-1-icon class="${a(c,d,o)}" library="_internal" name="calendar"></sd-6-22-1-icon>`:""} ${this.type==="time"?r`<sd-6-22-1-icon class="${a(c,d,o)}" library="_internal" name="clock"></sd-6-22-1-icon>`:""} ${this.type==="search"?r`<button class="${a("flex items-center sd-interactive",d)}" type="button" @click="${this.handleSearchClick}"><sd-6-22-1-icon class="${a(c,o)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-6-22-1-icon></button>`:""} ${this.showInvalidStyle?r`<sd-6-22-1-icon part="invalid-icon" class="${a("text-error",d,o)}" library="_internal" name="risk"></sd-6-22-1-icon>`:""} ${this.showValidStyle&&this.styleOnValid?r`<sd-6-22-1-icon class="${a("text-success flex-shrink-0",d,o)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-22-1-icon>`:""} ${e.right?r`<slot name="right" part="right" class="${a("inline-flex",c,d,o)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?r`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${C({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${()=>this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-6-22-1-icon library="_internal" name="minus-circle" label="Decrease value" class="${a(c,d,o)}"></sd-6-22-1-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${C({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-6-22-1-icon library="_internal" name="plus-circle" label="Decrease value" class="${a(c,d,o)}"></sd-6-22-1-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm mt-1",u&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!u||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...x.styles,D`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-6-22-1-icon{color:rgba(var(--sd-color-text-neutral-500))}.hide-password-toggle{display:none}.has-floating-label input[type=date]:not(.has-value),.has-floating-label input[type=datetime-local]:not(.has-value),.has-floating-label input[type=time]:not(.has-value){color:transparent}.has-floating-label input[type=date]:focus,.has-floating-label input[type=datetime-local]:focus,.has-floating-label input[type=time]:focus{color:inherit}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}`],i([w("#input")],t.prototype,"input",2),i([w("#invalid-message")],t.prototype,"invalidMessage",2),i([m()],t.prototype,"hasFocus",2),i([m()],t.prototype,"showValidStyle",2),i([m()],t.prototype,"showInvalidStyle",2),i([m()],t.prototype,"isClickableIconFocused",2),i([s({type:String,reflect:!0})],t.prototype,"type",2),i([s({type:String,reflect:!0})],t.prototype,"size",2),i([s({type:String,reflect:!0})],t.prototype,"inputmode",2),i([s()],t.prototype,"value",2),i([A()],t.prototype,"defaultValue",2),i([s({type:String,reflect:!0})],t.prototype,"placeholder",2),i([s({type:String,reflect:!0})],t.prototype,"label",2),i([s({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),i([s({type:Boolean,reflect:!0})],t.prototype,"clearable",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([s({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([s({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),i([s({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),i([s({type:Number,reflect:!0})],t.prototype,"minlength",2),i([s({type:Number,reflect:!0})],t.prototype,"maxlength",2),i([s({reflect:!0})],t.prototype,"min",2),i([s({reflect:!0})],t.prototype,"max",2),i([s({type:String,reflect:!0})],t.prototype,"form",2),i([s({type:String,reflect:!0})],t.prototype,"name",2),i([s({type:String,reflect:!0})],t.prototype,"title",2),i([s({type:Boolean,reflect:!0})],t.prototype,"required",2),i([s({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),i([s()],t.prototype,"pattern",2),i([s({reflect:!0})],t.prototype,"step",2),i([s({type:String,reflect:!0})],t.prototype,"autocapitalize",2),i([s({type:String,reflect:!0})],t.prototype,"autocorrect",2),i([s({reflect:!0})],t.prototype,"autocomplete",2),i([s({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),i([s({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),i([s({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),i([s({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),i([b("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([b("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),i([b("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),i([b(["size","floatingLabel"])],t.prototype,"handleSizeChange",1),t=i([E("sd-6-22-1-input")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as s,h as l}from"./chunk.XJAJO727.js";import{b as d,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-22-
|
|
2
|
-
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([s("[part=base]")],t.prototype,"tab",2),e([s("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-22-
|
|
1
|
+
import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as s,h as l}from"./chunk.XJAJO727.js";import{b as d,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-22-1-tab-${this.attrId}`;this.hasSlotController=new u(this,"left");this.localize=new b(this);this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let r=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",r?"true":"false")}focus(r){this.tab.focus(r)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let r={left:this.hasSlotController.test("left")};return o`<div part="base" class="${a("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative choice-control-font-weight","outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",this.variant==="container"?"tab-container-border bg-white rounded-[4px_4px_0_0]":"navigable-border-radius",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:sd-6-22-1-tab--hover-color-background",this.active&&"z-20 sd-6-22-1-tab--active-color-text")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${a("flex h-full items-center justify-center whitespace-nowrap")}"><slot name="left" class="${a(r.left&&"block pr-2",this.disabled||this.visuallyDisabled?"sd-6-22-1-tab--disabled-color-text":this.active?"sd-6-22-1-tab--active-color-text":"sd-6-22-1-tab-color-text")}"></slot><slot class="${a(this.disabled||this.visuallyDisabled?"sd-6-22-1-tab--disabled-color-text":this.active?"sd-6-22-1-tab--active-color-text":"sd-6-22-1-tab-color-text")}"></slot>${this.variant==="container"?o`<div part="active-tab-indicator" class="${a("absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius")}"></div>`:""}<div part="hover-bottom-border" class="${a(!this.active&&!this.disabled&&"absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-22-1-tab-color-border")}"></div></div></div>`}};t.styles=[...l.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([s("[part=base]")],t.prototype,"tab",2),e([s("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-22-1-tab")],t);export{t as a};
|