@solid-design-system/components 4.9.0 → 4.11.0

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as q}from"./chunks/chunk.HB2MDLS4.js";import{a as y}from"./chunks/chunk.ADDDVS6W.js";import{a as z}from"./chunks/chunk.YSFDXYDA.js";import{a as J}from"./chunks/chunk.A3AHQI37.js";import{a as K}from"./chunks/chunk.HTEPIDNH.js";import{a as U}from"./chunks/chunk.GUCU2YK5.js";import{a as E}from"./chunks/chunk.B62VWQ7C.js";import{a as F}from"./chunks/chunk.67UPRVLG.js";import{a as H}from"./chunks/chunk.NPUXUQCC.js";import{a as L}from"./chunks/chunk.AHXJHNQ7.js";import{a as Q}from"./chunks/chunk.QJ2PJAKH.js";import{a as V}from"./chunks/chunk.ETB7FHWC.js";import{a as j}from"./chunks/chunk.UKXOMULO.js";import{a as D}from"./chunks/chunk.SKIEUJZN.js";import{a as M}from"./chunks/chunk.XXPYJZI4.js";import{a as w}from"./chunks/chunk.TSSJABGO.js";import{a as R}from"./chunks/chunk.HBBILILZ.js";import{a as v}from"./chunks/chunk.C74Q5TJX.js";import{a as O}from"./chunks/chunk.HT7C2KQ3.js";import{a as P}from"./chunks/chunk.QX3REGZG.js";import{a as N}from"./chunks/chunk.YMXJOB2H.js";import{a as G}from"./chunks/chunk.E4YB3LZK.js";import{a as I}from"./chunks/chunk.53YBES5S.js";import{a as h}from"./chunks/chunk.ZB5RQUA2.js";import{a as A}from"./chunks/chunk.F3EVJTED.js";import{a as B}from"./chunks/chunk.4D5G5PFQ.js";import{a as T}from"./chunks/chunk.5HYU75RE.js";import{a as g}from"./chunks/chunk.PTSISQCW.js";import{a as k}from"./chunks/chunk.QLGX6E5R.js";import{a as C}from"./chunks/chunk.JXFEK45U.js";import{a as m}from"./chunks/chunk.4GU3VMG2.js";import"./chunks/chunk.5XTSQKKL.js";import{a as S}from"./chunks/chunk.ZXGG5GRH.js";import{a as i}from"./chunks/chunk.QVTWOB7V.js";import{a as s}from"./chunks/chunk.HVKAMCXX.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as n}from"./chunks/chunk.SJYLPRLG.js";import{a as c}from"./chunks/chunk.CIKOD7QT.js";import{a as b}from"./chunks/chunk.2UXSSPPW.js";import"./chunks/chunk.I6OYJBJI.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as p}from"./chunks/chunk.JIODFCR2.js";import{a as u}from"./chunks/chunk.RKVW7KG4.js";import"./chunks/chunk.FZHMZAIV.js";import{a as x}from"./chunks/chunk.DQ3ZESZK.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.M2HFJMGX.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.WKQAOKOH.js";import{a}from"./chunks/chunk.BRAJGYMM.js";import{a as e}from"./chunks/chunk.E4JOV74T.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as f}from"./chunks/chunk.RATITDF2.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.Y3WFK6NY.js";import{a as t}from"./chunks/chunk.QM2SZYDM.js";import{a as r}from"./chunks/chunk.TMVIWO7D.js";import"./chunks/chunk.6HLS5XU2.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.6HO6CE4A.js";import"./chunks/chunk.H2TKMIFR.js";import{b as o}from"./chunks/chunk.2XZZWTI2.js";import"./chunks/chunk.CDEXCMVF.js";import{d as W,e as X}from"./chunks/chunk.SNS2IHBI.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.EFLL7VXU.js";import{a as Y}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.BVJF73VY.js";import"./chunks/chunk.E2XBRTA4.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.26V4EXHB.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.T4JP7QUW.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.XBPJDDEM.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,f as SdAnimation,d as SdAudio,p as SdBadge,u as SdBrandshape,t as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,i as SdCombobox,n as SdDialog,c as SdDivider,b as SdDrawer,T as SdDropdown,g as SdExpandable,k as SdFlipcard,C as SdHeader,o as SdIcon,G as SdInclude,I as SdInput,h as SdLink,A as SdMapMarker,B as SdNavigationItem,D as SdNotification,M as SdOptgroup,w as SdOption,R as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,r as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,s as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};
+import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as q}from"./chunks/chunk.HB2MDLS4.js";import{a as y}from"./chunks/chunk.ADDDVS6W.js";import{a as z}from"./chunks/chunk.YSFDXYDA.js";import{a as J}from"./chunks/chunk.A3AHQI37.js";import{a as K}from"./chunks/chunk.HTEPIDNH.js";import{a as U}from"./chunks/chunk.GUCU2YK5.js";import{a as E}from"./chunks/chunk.B62VWQ7C.js";import{a as F}from"./chunks/chunk.67UPRVLG.js";import{a as H}from"./chunks/chunk.NPUXUQCC.js";import{a as L}from"./chunks/chunk.AHXJHNQ7.js";import{a as Q}from"./chunks/chunk.RZINWES7.js";import{a as V}from"./chunks/chunk.ETB7FHWC.js";import{a as j}from"./chunks/chunk.UKXOMULO.js";import{a as D}from"./chunks/chunk.SKIEUJZN.js";import{a as M}from"./chunks/chunk.XXPYJZI4.js";import{a as w}from"./chunks/chunk.TSSJABGO.js";import{a as R}from"./chunks/chunk.HBBILILZ.js";import{a as v}from"./chunks/chunk.C74Q5TJX.js";import{a as O}from"./chunks/chunk.HT7C2KQ3.js";import{a as P}from"./chunks/chunk.QX3REGZG.js";import{a as N}from"./chunks/chunk.YMXJOB2H.js";import{a as G}from"./chunks/chunk.E4YB3LZK.js";import{a as I}from"./chunks/chunk.53YBES5S.js";import{a as h}from"./chunks/chunk.ZB5RQUA2.js";import{a as A}from"./chunks/chunk.F3EVJTED.js";import{a as B}from"./chunks/chunk.4D5G5PFQ.js";import{a as T}from"./chunks/chunk.5HYU75RE.js";import{a as g}from"./chunks/chunk.PTSISQCW.js";import{a as k}from"./chunks/chunk.QLGX6E5R.js";import{a as C}from"./chunks/chunk.JXFEK45U.js";import{a as m}from"./chunks/chunk.4GU3VMG2.js";import"./chunks/chunk.5XTSQKKL.js";import{a as S}from"./chunks/chunk.ZXGG5GRH.js";import{a as i}from"./chunks/chunk.QVTWOB7V.js";import{a as s}from"./chunks/chunk.HVKAMCXX.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as n}from"./chunks/chunk.SJYLPRLG.js";import{a as c}from"./chunks/chunk.CIKOD7QT.js";import{a as b}from"./chunks/chunk.KVDKWL34.js";import"./chunks/chunk.I6OYJBJI.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as p}from"./chunks/chunk.JIODFCR2.js";import{a as u}from"./chunks/chunk.RKVW7KG4.js";import"./chunks/chunk.FZHMZAIV.js";import{a as x}from"./chunks/chunk.DQ3ZESZK.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.M2HFJMGX.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.WKQAOKOH.js";import{a}from"./chunks/chunk.BRAJGYMM.js";import{a as e}from"./chunks/chunk.E4JOV74T.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as f}from"./chunks/chunk.RATITDF2.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.Y3WFK6NY.js";import{a as t}from"./chunks/chunk.QM2SZYDM.js";import{a as r}from"./chunks/chunk.TMVIWO7D.js";import"./chunks/chunk.6HLS5XU2.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.6HO6CE4A.js";import"./chunks/chunk.H2TKMIFR.js";import{b as o}from"./chunks/chunk.2XZZWTI2.js";import"./chunks/chunk.CDEXCMVF.js";import{d as W,e as X}from"./chunks/chunk.SNS2IHBI.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.EFLL7VXU.js";import{a as Y}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.BVJF73VY.js";import"./chunks/chunk.E2XBRTA4.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.26V4EXHB.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.T4JP7QUW.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.XBPJDDEM.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,f as SdAnimation,d as SdAudio,p as SdBadge,u as SdBrandshape,t as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,i as SdCombobox,n as SdDialog,c as SdDivider,b as SdDrawer,T as SdDropdown,g as SdExpandable,k as SdFlipcard,C as SdHeader,o as SdIcon,G as SdInclude,I as SdInput,h as SdLink,A as SdMapMarker,B as SdNavigationItem,D as SdNotification,M as SdOptgroup,w as SdOption,R as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,r as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,s as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};

package/cdn/vscode.html-custom-data.json

@@ -571,48 +571,6 @@
         }
       ]
     },
-    {
-      "name": "sd-checkbox-group",
-      "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **tooltip** - An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-          "values": [{ "name": "lg" }, { "name": "md" }, { "name": "sm" }]
-        },
-        {
-          "name": "orientation",
-          "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
-        {
-          "name": "label",
-          "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-          "values": []
-        },
-        {
-          "name": "help-text",
-          "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-checkbox-group--docs"
-        }
-      ]
-    },
     {
       "name": "sd-combobox",
       "description": "Comboboxes allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the combobox's menu opens.\n- **sd-after-show** - Emitted after the combobox's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the combobox's menu closes.\n- **sd-after-hide** - Emitted after the combobox's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **sd-error** - Emitted when the combobox menu fails to open.\n\n### **Methods:**\n - **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message.\nReturns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-optgroup>`'s to group items visually.\n- **label** - The combobox's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the combobox. Alternatively, you can use the `help-text` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the combobox.\n- **right** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n### **CSS Properties:**\n - **--tag-max-width** - Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\" _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, combobox, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The combobox's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container that wraps the prefix, combobox, clear icon, and expand button.\n- **left** - The container that wraps the left icon slot.\n- **right** - The container that wraps the right icon slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where the options are slotted and the filtered options list exists.\n- **filtered-listbox** - The container that wraps the filtered options.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
@@ -2571,6 +2529,48 @@
         }
       ]
     },
+    {
+      "name": "sd-checkbox-group",
+      "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **tooltip** - An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+          "values": [{ "name": "lg" }, { "name": "md" }, { "name": "sm" }]
+        },
+        {
+          "name": "orientation",
+          "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "label",
+          "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+          "values": []
+        },
+        {
+          "name": "help-text",
+          "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-checkbox-group--docs"
+        }
+      ]
+    },
     {
       "name": "sd-tag",
       "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The tag's content.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.",

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "4.9.0",
+  "version": "4.11.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1284,100 +1284,6 @@
             ]
           }
         },
-        {
-          "name": "sd-checkbox-group",
-          "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **tooltip** - An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-              "value": { "type": "'lg' | 'md' | 'sm'", "default": "'lg'" }
-            },
-            {
-              "name": "orientation",
-              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'vertical'"
-              }
-            },
-            {
-              "name": "label",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "help-text",
-              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot where `<sd-checkbox>` elements are placed."
-            },
-            {
-              "name": "label",
-              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute."
-            },
-            {
-              "name": "tooltip",
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component."
-            },
-            {
-              "name": "help-text",
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "size",
-                "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-                "type": "'lg' | 'md' | 'sm'"
-              },
-              {
-                "name": "orientation",
-                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-                "type": "'horizontal' | 'vertical'"
-              },
-              {
-                "name": "label",
-                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-                "type": "string"
-              },
-              {
-                "name": "helpText",
-                "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-                "type": "string"
-              },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sd-combobox",
           "description": "Comboboxes allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the combobox's menu opens.\n- **sd-after-show** - Emitted after the combobox's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the combobox's menu closes.\n- **sd-after-hide** - Emitted after the combobox's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **sd-error** - Emitted when the combobox menu fails to open.\n\n### **Methods:**\n - **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message.\nReturns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-optgroup>`'s to group items visually.\n- **label** - The combobox's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the combobox. Alternatively, you can use the `help-text` attribute.\n- **left** - Used to prepend a presentational icon or similar element to the combobox.\n- **right** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n### **CSS Properties:**\n - **--tag-max-width** - Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\" _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, combobox, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The combobox's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container that wraps the prefix, combobox, clear icon, and expand button.\n- **left** - The container that wraps the left icon slot.\n- **right** - The container that wraps the right icon slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where the options are slotted and the filtered options list exists.\n- **filtered-listbox** - The container that wraps the filtered options.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
@@ -5909,6 +5815,100 @@
             "events": []
           }
         },
+        {
+          "name": "sd-checkbox-group",
+          "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **tooltip** - An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "value": { "type": "'lg' | 'md' | 'sm'", "default": "'lg'" }
+            },
+            {
+              "name": "orientation",
+              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+              "value": {
+                "type": "'horizontal' | 'vertical'",
+                "default": "'vertical'"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "help-text",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot where `<sd-checkbox>` elements are placed."
+            },
+            {
+              "name": "label",
+              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute."
+            },
+            {
+              "name": "tooltip",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-tooltip` component."
+            },
+            {
+              "name": "help-text",
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+                "type": "'lg' | 'md' | 'sm'"
+              },
+              {
+                "name": "orientation",
+                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+                "type": "'horizontal' | 'vertical'"
+              },
+              {
+                "name": "label",
+                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+                "type": "string"
+              },
+              {
+                "name": "helpText",
+                "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "sd-tag",
           "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The tag's content.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.",

package/cdn-versioned/_components/menu/menu.js

@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
         if (item.type === 'checkbox') {
             item.checked = !item.checked;
         }
-        this.emit('sd-4-9-0-select', { detail: { item } });
+        this.emit('sd-4-11-0-select', { detail: { item } });
     }
     handleKeyDown(event) {
         if (event.key === 'Enter') {

package/cdn-versioned/_components/menu/menu.styles.js

@@ -11,7 +11,7 @@ export default css `
     overscroll-behavior: none;
   }
 
-  ::slotted(sd-4-9-0-divider) {
+  ::slotted(sd-4-11-0-divider) {
     --spacing: var(--sd-spacing-x-small);
   }
 `;

package/cdn-versioned/_components/menu-item/menu-item.js

@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <sd-4-9-0-icon name="check" library="system" aria-hidden="true"></sd-4-9-0-icon>
+          <sd-4-11-0-icon name="check" library="system" aria-hidden="true"></sd-4-11-0-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span class="menu-item__chevron">
-          <sd-4-9-0-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-9-0-icon>
+          <sd-4-11-0-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-11-0-icon>
         </span>
       </div>
     `;

package/cdn-versioned/chunks/chunk.2XZZWTI2.js

@@ -1,4 +1,4 @@
-import{a as k,b as l,c as H}from"./chunk.CDEXCMVF.js";import{a as T,b as L,c as u}from"./chunk.SNS2IHBI.js";import{a as M}from"./chunk.TWZDCIM2.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as x,b as o,c as C,h as f}from"./chunk.T4JP7QUW.js";import{b,e as y,h as w,i as m}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends H{constructor(e){if(super(e),this.it=m,e.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===w)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var N=l(i);var a=class extends i{};a.directiveName="unsafeSVG",a.resultType=2;var A=l(a);var d,t=class extends f{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),T(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),L(this)}getUrl(){let r=u(this.library);return this.name&&r?r.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var v;let r=u(this.library),n=this.getUrl();if(d||(d=new DOMParser),n)try{let c=await M(n);if(n===this.getUrl())if(c.ok){let h=d.parseFromString(c.svg,"text/html").body.querySelector("svg");h!==null?((v=r==null?void 0:r.mutator)==null||v.call(r,h),this.svg=h.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(c){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return y`${A(this.svg)}`}};t.styles=[...f.styles,b`:host{box-sizing:content-box!important;display:inline-block;height:1em;width:1em}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}:host([color=white]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}`],s([C()],t.prototype,"svg",2),s([o({reflect:!0})],t.prototype,"name",2),s([o()],t.prototype,"src",2),s([o()],t.prototype,"label",2),s([o({reflect:!0})],t.prototype,"library",2),s([o({reflect:!0})],t.prototype,"color",2),s([p("label")],t.prototype,"handleLabelChange",1),s([p(["name","src","library"])],t.prototype,"setIcon",1),t=s([x("sd-4-9-0-icon")],t);export{N as a,t as b};
+import{a as k,b as l,c as H}from"./chunk.CDEXCMVF.js";import{a as T,b as L,c as u}from"./chunk.SNS2IHBI.js";import{a as M}from"./chunk.TWZDCIM2.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as x,b as o,c as C,h as f}from"./chunk.T4JP7QUW.js";import{b,e as y,h as w,i as m}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends H{constructor(e){if(super(e),this.it=m,e.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===w)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var N=l(i);var a=class extends i{};a.directiveName="unsafeSVG",a.resultType=2;var A=l(a);var d,t=class extends f{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),T(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),L(this)}getUrl(){let r=u(this.library);return this.name&&r?r.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var v;let r=u(this.library),n=this.getUrl();if(d||(d=new DOMParser),n)try{let c=await M(n);if(n===this.getUrl())if(c.ok){let h=d.parseFromString(c.svg,"text/html").body.querySelector("svg");h!==null?((v=r==null?void 0:r.mutator)==null||v.call(r,h),this.svg=h.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(c){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return y`${A(this.svg)}`}};t.styles=[...f.styles,b`:host{box-sizing:content-box!important;display:inline-block;height:1em;width:1em}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}:host([color=white]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}`],s([C()],t.prototype,"svg",2),s([o({reflect:!0})],t.prototype,"name",2),s([o()],t.prototype,"src",2),s([o()],t.prototype,"label",2),s([o({reflect:!0})],t.prototype,"library",2),s([o({reflect:!0})],t.prototype,"color",2),s([p("label")],t.prototype,"handleLabelChange",1),s([p(["name","src","library"])],t.prototype,"setIcon",1),t=s([x("sd-4-11-0-icon")],t);export{N as a,t as b};
 /*! Bundled license information:
 
 lit-html/directives/unsafe-html.js:

package/cdn-versioned/chunks/chunk.4D5G5PFQ.js

@@ -1 +1 @@
-import{a as s}from"./chunk.YTG5BN3U.js";import{a as y}from"./chunk.6HO6CE4A.js";import{a as d,b as i}from"./chunk.H2TKMIFR.js";import{a as w}from"./chunk.DEXOQON7.js";import{a}from"./chunk.26V4EXHB.js";import{a as m,b as r,d as b,h as p}from"./chunk.T4JP7QUW.js";import{b as v}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends p{constructor(){super(...arguments);this.hasSlotController=new y(this,"[default]","description","children");this.localize=new w(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(n){this.disabled&&(n.preventDefault(),n.stopPropagation())}handleClickSummary(n){n.preventDefault(),n.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.isAccordion&&!this.isLink?d`summary`:this.separated?d`div`:this.isLink?d`a`:d`button`}render(){let n=this.tag,l=this.isLink,u=this.isButton,o=this.isAccordion,c={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},f=this.vertical?"pb-3":"pb-2",h=i`<${n} part="base" class="${a("cursor-pointer relative focus-visible:focus-outline",{md:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",this.current&&"font-bold",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px] px-4")}" aria-current="${s(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${s(u?this.disabled:void 0)}" href="${s(l?this.href:void 0)}" target="${s(l?this.target:void 0)}" download="${s(l?this.download:void 0)}" rel="${s(l&&this.target?"noreferrer noopener":void 0)}" role="${l?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:u?this.handleClickButton:void 0}"><div part="current-indicator" class="${a("absolute bg-accent left-0 pointer-events-none",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${a("relative pt-3 inline-flex justify-between items-center",o?"grow":"w-full",c.description||this.separated?"pb-1":f,this.calculatePaddingX)}">${this.divider&&this.vertical?i`<sd-4-9-0-divider part="divider" class="${a("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-4-9-0-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?i`<a class="${a("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",!c.description&&"py-4")}" href="${s(l?this.href:void 0)}" target="${s(l?this.target:void 0)}" download="${s(l?this.download:void 0)}"><slot part="content" class="inline"></slot></a>`:i`<slot part="content" class="inline"></slot>`} </span>${(this.chevron||c.children)&&this.vertical?this.separated?i`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-4-9-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${a("mr-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-4-9-0-icon></button>`:i`<sd-4-9-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${a("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-4-9-0-icon>`:""} </span>${c.description&&this.vertical?i`<slot name="description" part="description" class="${a("inline-block text-sm text-left text-black",o||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX,f)}"></slot>`:""}</${n}>`;return o?i`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${h}<slot name="children"></slot></details>`:this.separated?i`<div part="details" id="navigation-item-details" class="relative flex flex-col">${h}${this.open?i`<slot name="children"></slot>`:""}</div>`:i`${h}`}};t.styles=[...p.styles,v`:host{box-sizing:border-box;display:inline-block;position:relative}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0;--tw-scale-y:0;opacity:var(--sd-opacity-0,0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:var(--sd-duration-fast,.15s);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:1;--tw-scale-y:1;opacity:var(--sd-opacity-100,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));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}`],e([b('a[part="base"], button[part="base"]')],t.prototype,"button",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,"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-4-9-0-navigation-item")],t);export{t as a};
+import{a as s}from"./chunk.YTG5BN3U.js";import{a as y}from"./chunk.6HO6CE4A.js";import{a as d,b as i}from"./chunk.H2TKMIFR.js";import{a as w}from"./chunk.DEXOQON7.js";import{a}from"./chunk.26V4EXHB.js";import{a as m,b as r,d as b,h as p}from"./chunk.T4JP7QUW.js";import{b as v}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends p{constructor(){super(...arguments);this.hasSlotController=new y(this,"[default]","description","children");this.localize=new w(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(n){this.disabled&&(n.preventDefault(),n.stopPropagation())}handleClickSummary(n){n.preventDefault(),n.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.isAccordion&&!this.isLink?d`summary`:this.separated?d`div`:this.isLink?d`a`:d`button`}render(){let n=this.tag,l=this.isLink,u=this.isButton,o=this.isAccordion,c={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},f=this.vertical?"pb-3":"pb-2",h=i`<${n} part="base" class="${a("cursor-pointer relative focus-visible:focus-outline",{md:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",this.current&&"font-bold",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px] px-4")}" aria-current="${s(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${s(u?this.disabled:void 0)}" href="${s(l?this.href:void 0)}" target="${s(l?this.target:void 0)}" download="${s(l?this.download:void 0)}" rel="${s(l&&this.target?"noreferrer noopener":void 0)}" role="${l?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:u?this.handleClickButton:void 0}"><div part="current-indicator" class="${a("absolute bg-accent left-0 pointer-events-none",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${a("relative pt-3 inline-flex justify-between items-center",o?"grow":"w-full",c.description||this.separated?"pb-1":f,this.calculatePaddingX)}">${this.divider&&this.vertical?i`<sd-4-11-0-divider part="divider" class="${a("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-4-11-0-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?i`<a class="${a("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",!c.description&&"py-4")}" href="${s(l?this.href:void 0)}" target="${s(l?this.target:void 0)}" download="${s(l?this.download:void 0)}"><slot part="content" class="inline"></slot></a>`:i`<slot part="content" class="inline"></slot>`} </span>${(this.chevron||c.children)&&this.vertical?this.separated?i`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-4-11-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${a("mr-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-4-11-0-icon></button>`:i`<sd-4-11-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${a("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-4-11-0-icon>`:""} </span>${c.description&&this.vertical?i`<slot name="description" part="description" class="${a("inline-block text-sm text-left text-black",o||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX,f)}"></slot>`:""}</${n}>`;return o?i`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${h}<slot name="children"></slot></details>`:this.separated?i`<div part="details" id="navigation-item-details" class="relative flex flex-col">${h}${this.open?i`<slot name="children"></slot>`:""}</div>`:i`${h}`}};t.styles=[...p.styles,v`:host{box-sizing:border-box;display:inline-block;position:relative}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0;--tw-scale-y:0;opacity:var(--sd-opacity-0,0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:var(--sd-duration-fast,.15s);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:1;--tw-scale-y:1;opacity:var(--sd-opacity-100,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));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}`],e([b('a[part="base"], button[part="base"]')],t.prototype,"button",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,"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-4-11-0-navigation-item")],t);export{t as a};

package/cdn-versioned/chunks/chunk.4GU3VMG2.js

@@ -1 +1 @@
-import{b as d}from"./chunk.5XTSQKKL.js";import{a as f}from"./chunk.CDC46OKY.js";import{b as m}from"./chunk.6HLS5XU2.js";import{a as p}from"./chunk.YTG5BN3U.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as c,b as l,c as u,d as a,h as o}from"./chunk.T4JP7QUW.js";import{b as h,e as r}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,b)=>t.checked=b});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(t){if(this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false"),this.formControlController.setValidity(t)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return r`<label part="base" class="${s("sd-4-9-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${s("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[t])}">${this.checked?r`<sd-4-9-0-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-9-0-icon>`:""} ${!this.checked&&this.indeterminate?r`<sd-4-9-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-4-9-0-icon>`:""} </span><span part="label" id="label" class="${s("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...o.styles,h`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label:after{content:" *"}`],i([a('input[type="checkbox"]')],e.prototype,"input",2),i([a("#invalid-message")],e.prototype,"invalidMessage",2),i([l({type:String,reflect:!0})],e.prototype,"title",2),i([l({type:String,reflect:!0})],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({type:String,reflect:!0})],e.prototype,"size",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),i([f("checked")],e.prototype,"defaultChecked",2),i([l({type:String,reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([u()],e.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=i([c("sd-4-9-0-checkbox")],e);export{e as a};
+import{b as d}from"./chunk.5XTSQKKL.js";import{a as f}from"./chunk.CDC46OKY.js";import{b as m}from"./chunk.6HLS5XU2.js";import{a as p}from"./chunk.YTG5BN3U.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as c,b as l,c as u,d as a,h as o}from"./chunk.T4JP7QUW.js";import{b as h,e as r}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,b)=>t.checked=b});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(t){if(this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false"),this.formControlController.setValidity(t)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return r`<label part="base" class="${s("sd-4-11-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${s("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[t])}">${this.checked?r`<sd-4-11-0-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-11-0-icon>`:""} ${!this.checked&&this.indeterminate?r`<sd-4-11-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-4-11-0-icon>`:""} </span><span part="label" id="label" class="${s("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...o.styles,h`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label:after{content:" *"}`],i([a('input[type="checkbox"]')],e.prototype,"input",2),i([a("#invalid-message")],e.prototype,"invalidMessage",2),i([l({type:String,reflect:!0})],e.prototype,"title",2),i([l({type:String,reflect:!0})],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({type:String,reflect:!0})],e.prototype,"size",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),i([f("checked")],e.prototype,"defaultChecked",2),i([l({type:String,reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([u()],e.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=i([c("sd-4-11-0-checkbox")],e);export{e as a};

package/cdn-versioned/chunks/chunk.53YBES5S.js

@@ -1,4 +1,4 @@
-import{a as H,b as S}from"./chunk.5XTSQKKL.js";import{a as B}from"./chunk.CDC46OKY.js";import{b as L}from"./chunk.6HLS5XU2.js";import{a as d}from"./chunk.YTG5BN3U.js";import{a as N}from"./chunk.6HO6CE4A.js";import{a as y,b as C,c as F}from"./chunk.CDEXCMVF.js";import{a as z}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as M,b as l,c as f,d as x,h as k}from"./chunk.T4JP7QUW.js";import{b as T,e as h,h as V,i as _}from"./chunk.UWPDCU52.js";import{a as E,e as s}from"./chunk.TJOCV4DC.js";var b=(a,r)=>{var i;let e=a._$AN;if(e===void 0)return!1;for(let o of e)(i=o._$AO)==null||i.call(o,r,!1),b(o,r);return!0},g=a=>{let r,e;do{if((r=a._$AM)===void 0)break;e=r._$AN,e.delete(a),a=r}while((e==null?void 0:e.size)===0)},U=a=>{for(let r;r=a._$AM;a=r){let e=r._$AN;if(e===void 0)r._$AN=e=new Set;else if(e.has(a))break;e.add(a),j(r)}};function R(a){this._$AN!==void 0?(g(this),this._$AM=a,U(this)):this._$AM=a}function J(a,r=!1,e=0){let i=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(r)if(Array.isArray(i))for(let u=e;u<i.length;u++)b(i[u],!1),g(i[u]);else i!=null&&(b(i,!1),g(i));else b(this,a)}var j=a=>{var r,e;a.type==y.CHILD&&((r=a._$AP)!=null||(a._$AP=J),(e=a._$AQ)!=null||(a._$AQ=R))},$=class extends F{constructor(){super(...arguments),this._$AN=void 0}_$AT(r,e,i){super._$AT(r,e,i),U(this),this.isConnected=r._$AU}_$AO(r,e=!0){var i,o;r!==this.isConnected&&(this.isConnected=r,r?(i=this.reconnected)==null||i.call(this):(o=this.disconnected)==null||o.call(this)),e&&(b(this,r),g(this))}setValue(r){if(H(this._$Ct))this._$Ct._$AI(r,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=r,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var D=class extends ${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!==y.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return _}update(e,[i]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=E({},i),this.host.addEventListener("pointerdown",this.handlePointerDown)),V}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var i;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(i=this.observer)==null||i.disconnect(),this.observer=new MutationObserver(o=>{o.forEach(u=>{u.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()}},A=C(D);var O,Q=(O=navigator.userAgentData)==null?void 0:O.brands.some(a=>a.brand.includes("Chromium")),G=Q?!1:navigator.userAgent.includes("Firefox"),t=class extends k{constructor(){super(...arguments);this.formControlController=new L(this);this.hasSlotController=new N(this,"help-text","label","left","right","message","placeholder");this.localize=new z(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!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.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,i;return(i=(e=this.input)==null?void 0:e.valueAsDate)!=null?i:null}set valueAsDate(e){let i=document.createElement("input");i.type="date",i.valueAsDate=e,this.value=i.value}get valueAsNumber(){var e,i;return(i=(e=this.input)==null?void 0:e.valueAsNumber)!=null?i:parseFloat(this.value)}set valueAsNumber(e){let i=document.createElement("input");i.type="number",i.valueAsNumber=e,this.value=i.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 i=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!i&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}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()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,i,o="none"){this.input.setSelectionRange(e,i,o)}setRangeText(e,i,o,u){this.input.setRangeText(e,i,o,u),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")},i=this.label?!0:!!e.label,o=this.helpText?!0:!!e.helpText,u=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),K=!!e.tooltip,w=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",P=this.size==="sm"?"text-sm":"text-base",q={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[w],m=this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",p={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],c={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return h`<div part="form-control" class="${n((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${i||K?h`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${n(i?"inline-block":"hidden",P)}" for="input" aria-hidden="${i?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${n("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${n("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",q)}"></div><div part="base" class="${n("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",this.size==="lg"?"py-2":"py-1",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",w==="disabled"||w==="visuallyDisabled"?"text-neutral-500":"text-black")}">${e.left?h`<slot name="left" part="left" class="${n("inline-flex",this.size==="sm"?"mr-1":"mr-2",m,c)}"></slot>`:""} <input part="input" id="input" class="${n("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder-neutral-500 cursor-not-allowed":"placeholder-neutral-700",this.size==="sm"?"h-6":"h-8",P)}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${d(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${d(this.placeholder)}" minlength="${d(this.minlength)}" maxlength="${d(this.maxlength)}" min="${d(this.min)}" max="${d(this.max)}" step="${d(this.step)}" .value="${S(this.value)}" autocapitalize="${d(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${d(this.autocomplete)}" autocorrect="${d(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${d(this.pattern)}" enterkeyhint="${d(this.enterkeyhint)}" inputmode="${d(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}"> ${u?h`<button part="clear-button" class="${n("flex justify-center",p)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-9-0-icon class="${n("text-neutral-700",c)}" library="system" name="closing-round"></sd-4-9-0-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?h`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?h`<slot name="show-password-icon"><sd-4-9-0-icon class="${n(m,c)}" library="system" name="eye"></sd-4-9-0-icon></slot>`:h`<slot name="hide-password-icon"><sd-4-9-0-icon class="${n(m,c)}" library="system" name="eye-crossed-out"></sd-4-9-0-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!G?h`<sd-4-9-0-icon class="${n(m,p,c)}" library="system" name="calendar"></sd-4-9-0-icon>`:""} ${this.type==="time"?h`<sd-4-9-0-icon class="${n(m,p,c)}" library="system" name="clock"></sd-4-9-0-icon>`:""} ${this.type==="search"?h`<button class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handleSearchClick}"><sd-4-9-0-icon class="${n(m,c)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-4-9-0-icon></button>`:""} ${this.showInvalidStyle?h`<sd-4-9-0-icon part="invalid-icon" class="${n("text-error",p,c)}" library="system" name="risk"></sd-4-9-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?h`<sd-4-9-0-icon class="${n("text-success flex-shrink-0",p,c)}" library="system" name="status-check" part="valid-icon"></sd-4-9-0-icon>`:""} ${e.right?h`<slot name="right" part="right" class="${n("inline-flex",m,p,c)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?h`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-9-0-icon name="system/minus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-9-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-4-9-0-icon name="system/plus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-9-0-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${n("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...k.styles,T`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #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}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-4-9-0-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`],s([x("#input")],t.prototype,"input",2),s([x("#invalid-message")],t.prototype,"invalidMessage",2),s([f()],t.prototype,"hasFocus",2),s([f()],t.prototype,"showValidStyle",2),s([f()],t.prototype,"showInvalidStyle",2),s([l({type:String,reflect:!0})],t.prototype,"type",2),s([l({type:String,reflect:!0})],t.prototype,"size",2),s([l({type:String,reflect:!0})],t.prototype,"inputmode",2),s([l()],t.prototype,"value",2),s([B()],t.prototype,"defaultValue",2),s([l({type:String,reflect:!0})],t.prototype,"placeholder",2),s([l({type:String,reflect:!0})],t.prototype,"label",2),s([l({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),s([l({type:Boolean,reflect:!0})],t.prototype,"clearable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),s([l({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),s([l({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),s([l({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),s([l({type:Number,reflect:!0})],t.prototype,"minlength",2),s([l({type:Number,reflect:!0})],t.prototype,"maxlength",2),s([l({reflect:!0})],t.prototype,"min",2),s([l({reflect:!0})],t.prototype,"max",2),s([l({type:String,reflect:!0})],t.prototype,"form",2),s([l({type:String,reflect:!0})],t.prototype,"name",2),s([l({type:String,reflect:!0})],t.prototype,"title",2),s([l({type:Boolean,reflect:!0})],t.prototype,"required",2),s([l()],t.prototype,"pattern",2),s([l({reflect:!0})],t.prototype,"step",2),s([l({type:String,reflect:!0})],t.prototype,"autocapitalize",2),s([l({type:String,reflect:!0})],t.prototype,"autocorrect",2),s([l({reflect:!0})],t.prototype,"autocomplete",2),s([l({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),s([l({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),s([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),s([l({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),s([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),s([v("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),s([v("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=s([M("sd-4-9-0-input")],t);export{t as a};
+import{a as H,b as S}from"./chunk.5XTSQKKL.js";import{a as B}from"./chunk.CDC46OKY.js";import{b as L}from"./chunk.6HLS5XU2.js";import{a as d}from"./chunk.YTG5BN3U.js";import{a as N}from"./chunk.6HO6CE4A.js";import{a as y,b as C,c as F}from"./chunk.CDEXCMVF.js";import{a as z}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as M,b as l,c as f,d as x,h as k}from"./chunk.T4JP7QUW.js";import{b as T,e as h,h as V,i as _}from"./chunk.UWPDCU52.js";import{a as E,e as s}from"./chunk.TJOCV4DC.js";var b=(a,r)=>{var i;let e=a._$AN;if(e===void 0)return!1;for(let o of e)(i=o._$AO)==null||i.call(o,r,!1),b(o,r);return!0},g=a=>{let r,e;do{if((r=a._$AM)===void 0)break;e=r._$AN,e.delete(a),a=r}while((e==null?void 0:e.size)===0)},U=a=>{for(let r;r=a._$AM;a=r){let e=r._$AN;if(e===void 0)r._$AN=e=new Set;else if(e.has(a))break;e.add(a),j(r)}};function R(a){this._$AN!==void 0?(g(this),this._$AM=a,U(this)):this._$AM=a}function J(a,r=!1,e=0){let i=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(r)if(Array.isArray(i))for(let u=e;u<i.length;u++)b(i[u],!1),g(i[u]);else i!=null&&(b(i,!1),g(i));else b(this,a)}var j=a=>{var r,e;a.type==y.CHILD&&((r=a._$AP)!=null||(a._$AP=J),(e=a._$AQ)!=null||(a._$AQ=R))},$=class extends F{constructor(){super(...arguments),this._$AN=void 0}_$AT(r,e,i){super._$AT(r,e,i),U(this),this.isConnected=r._$AU}_$AO(r,e=!0){var i,o;r!==this.isConnected&&(this.isConnected=r,r?(i=this.reconnected)==null||i.call(this):(o=this.disconnected)==null||o.call(this)),e&&(b(this,r),g(this))}setValue(r){if(H(this._$Ct))this._$Ct._$AI(r,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=r,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var D=class extends ${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!==y.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return _}update(e,[i]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=E({},i),this.host.addEventListener("pointerdown",this.handlePointerDown)),V}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var i;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(i=this.observer)==null||i.disconnect(),this.observer=new MutationObserver(o=>{o.forEach(u=>{u.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()}},A=C(D);var O,Q=(O=navigator.userAgentData)==null?void 0:O.brands.some(a=>a.brand.includes("Chromium")),G=Q?!1:navigator.userAgent.includes("Firefox"),t=class extends k{constructor(){super(...arguments);this.formControlController=new L(this);this.hasSlotController=new N(this,"help-text","label","left","right","message","placeholder");this.localize=new z(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!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.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,i;return(i=(e=this.input)==null?void 0:e.valueAsDate)!=null?i:null}set valueAsDate(e){let i=document.createElement("input");i.type="date",i.valueAsDate=e,this.value=i.value}get valueAsNumber(){var e,i;return(i=(e=this.input)==null?void 0:e.valueAsNumber)!=null?i:parseFloat(this.value)}set valueAsNumber(e){let i=document.createElement("input");i.type="number",i.valueAsNumber=e,this.value=i.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 i=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!i&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}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()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,i,o="none"){this.input.setSelectionRange(e,i,o)}setRangeText(e,i,o,u){this.input.setRangeText(e,i,o,u),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")},i=this.label?!0:!!e.label,o=this.helpText?!0:!!e.helpText,u=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),K=!!e.tooltip,w=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",P=this.size==="sm"?"text-sm":"text-base",q={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[w],m=this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",p={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],c={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return h`<div part="form-control" class="${n((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${i||K?h`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${n(i?"inline-block":"hidden",P)}" for="input" aria-hidden="${i?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${n("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${n("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",q)}"></div><div part="base" class="${n("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",this.size==="lg"?"py-2":"py-1",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",w==="disabled"||w==="visuallyDisabled"?"text-neutral-500":"text-black")}">${e.left?h`<slot name="left" part="left" class="${n("inline-flex",this.size==="sm"?"mr-1":"mr-2",m,c)}"></slot>`:""} <input part="input" id="input" class="${n("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder-neutral-500 cursor-not-allowed":"placeholder-neutral-700",this.size==="sm"?"h-6":"h-8",P)}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${d(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${d(this.placeholder)}" minlength="${d(this.minlength)}" maxlength="${d(this.maxlength)}" min="${d(this.min)}" max="${d(this.max)}" step="${d(this.step)}" .value="${S(this.value)}" autocapitalize="${d(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${d(this.autocomplete)}" autocorrect="${d(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${d(this.pattern)}" enterkeyhint="${d(this.enterkeyhint)}" inputmode="${d(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}"> ${u?h`<button part="clear-button" class="${n("flex justify-center",p)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-11-0-icon class="${n("text-neutral-700",c)}" library="system" name="closing-round"></sd-4-11-0-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?h`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?h`<slot name="show-password-icon"><sd-4-11-0-icon class="${n(m,c)}" library="system" name="eye"></sd-4-11-0-icon></slot>`:h`<slot name="hide-password-icon"><sd-4-11-0-icon class="${n(m,c)}" library="system" name="eye-crossed-out"></sd-4-11-0-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!G?h`<sd-4-11-0-icon class="${n(m,p,c)}" library="system" name="calendar"></sd-4-11-0-icon>`:""} ${this.type==="time"?h`<sd-4-11-0-icon class="${n(m,p,c)}" library="system" name="clock"></sd-4-11-0-icon>`:""} ${this.type==="search"?h`<button class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handleSearchClick}"><sd-4-11-0-icon class="${n(m,c)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-4-11-0-icon></button>`:""} ${this.showInvalidStyle?h`<sd-4-11-0-icon part="invalid-icon" class="${n("text-error",p,c)}" library="system" name="risk"></sd-4-11-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?h`<sd-4-11-0-icon class="${n("text-success flex-shrink-0",p,c)}" library="system" name="status-check" part="valid-icon"></sd-4-11-0-icon>`:""} ${e.right?h`<slot name="right" part="right" class="${n("inline-flex",m,p,c)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?h`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-11-0-icon name="system/minus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-11-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-4-11-0-icon name="system/plus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-11-0-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${n("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...k.styles,T`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #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}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-4-11-0-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`],s([x("#input")],t.prototype,"input",2),s([x("#invalid-message")],t.prototype,"invalidMessage",2),s([f()],t.prototype,"hasFocus",2),s([f()],t.prototype,"showValidStyle",2),s([f()],t.prototype,"showInvalidStyle",2),s([l({type:String,reflect:!0})],t.prototype,"type",2),s([l({type:String,reflect:!0})],t.prototype,"size",2),s([l({type:String,reflect:!0})],t.prototype,"inputmode",2),s([l()],t.prototype,"value",2),s([B()],t.prototype,"defaultValue",2),s([l({type:String,reflect:!0})],t.prototype,"placeholder",2),s([l({type:String,reflect:!0})],t.prototype,"label",2),s([l({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),s([l({type:Boolean,reflect:!0})],t.prototype,"clearable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),s([l({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),s([l({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),s([l({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),s([l({type:Number,reflect:!0})],t.prototype,"minlength",2),s([l({type:Number,reflect:!0})],t.prototype,"maxlength",2),s([l({reflect:!0})],t.prototype,"min",2),s([l({reflect:!0})],t.prototype,"max",2),s([l({type:String,reflect:!0})],t.prototype,"form",2),s([l({type:String,reflect:!0})],t.prototype,"name",2),s([l({type:String,reflect:!0})],t.prototype,"title",2),s([l({type:Boolean,reflect:!0})],t.prototype,"required",2),s([l()],t.prototype,"pattern",2),s([l({reflect:!0})],t.prototype,"step",2),s([l({type:String,reflect:!0})],t.prototype,"autocapitalize",2),s([l({type:String,reflect:!0})],t.prototype,"autocorrect",2),s([l({reflect:!0})],t.prototype,"autocomplete",2),s([l({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),s([l({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),s([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),s([l({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),s([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),s([v("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),s([v("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=s([M("sd-4-11-0-input")],t);export{t as a};
 /*! Bundled license information:
 
 lit-html/async-directive.js: