@solid-design-system/components 4.11.0 → 5.0.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.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};
+import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as q}from"./chunks/chunk.VH5VPRX2.js";import{a as y}from"./chunks/chunk.OLLYYRFO.js";import{a as z}from"./chunks/chunk.LL5NC5IC.js";import{a as J}from"./chunks/chunk.65USTXPJ.js";import{a as K}from"./chunks/chunk.BRBTXWYJ.js";import{a as U}from"./chunks/chunk.GUQYIKUH.js";import{a as E}from"./chunks/chunk.XVOWJXRK.js";import{a as F}from"./chunks/chunk.24NAQP34.js";import{a as H}from"./chunks/chunk.KV2JBQ2O.js";import{a as L}from"./chunks/chunk.UHTFJWWX.js";import{a as Q}from"./chunks/chunk.H7MIOI36.js";import{a as V}from"./chunks/chunk.JPHZN55N.js";import{a as j}from"./chunks/chunk.XMYHQ3RJ.js";import{a as D}from"./chunks/chunk.KFZTALU6.js";import{a as M}from"./chunks/chunk.LLMJPBPU.js";import{a as w}from"./chunks/chunk.GJMMISZZ.js";import{a as R}from"./chunks/chunk.T57D67S5.js";import{a as v}from"./chunks/chunk.5QNLI2ZJ.js";import{a as O}from"./chunks/chunk.DDYOZMUK.js";import{a as P}from"./chunks/chunk.U47LULNM.js";import{a as N}from"./chunks/chunk.I4ZKBGAB.js";import{a as G}from"./chunks/chunk.3FDVJBSF.js";import{a as I}from"./chunks/chunk.4VSK5ST5.js";import{a as h}from"./chunks/chunk.IXF4WTNA.js";import{a as A}from"./chunks/chunk.3X2DDJ4U.js";import{a as B}from"./chunks/chunk.UO5T3YYC.js";import{a as T}from"./chunks/chunk.7GCBGKAC.js";import{a as g}from"./chunks/chunk.ALYMVLUP.js";import{a as k}from"./chunks/chunk.VKFY3OQC.js";import{a as C}from"./chunks/chunk.EQD3QFY2.js";import{a as m}from"./chunks/chunk.63MF7F4O.js";import"./chunks/chunk.5XTSQKKL.js";import{a as S}from"./chunks/chunk.2OZUXFC2.js";import{a as i}from"./chunks/chunk.5RKART7T.js";import{a as s}from"./chunks/chunk.JGSQEZKI.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as n}from"./chunks/chunk.4FWO2JFZ.js";import{a as c}from"./chunks/chunk.ACQENQRU.js";import{a as b}from"./chunks/chunk.DCKEYTYR.js";import"./chunks/chunk.I6OYJBJI.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as p}from"./chunks/chunk.2NKZVN6T.js";import{a as u}from"./chunks/chunk.XYJWLDWC.js";import"./chunks/chunk.4VT5Z2HL.js";import{a as x}from"./chunks/chunk.5QKKX7BL.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.6HETYMOP.js";import{a}from"./chunks/chunk.VEAL7L4X.js";import{a as e}from"./chunks/chunk.OQM23IJ6.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as f}from"./chunks/chunk.AB7XNCA6.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.DZQ3ELX5.js";import{a as t}from"./chunks/chunk.SUL3XIWG.js";import{a as r}from"./chunks/chunk.UCP62LZF.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.OYZELC4M.js";import"./chunks/chunk.CDEXCMVF.js";import{d as W,e as X}from"./chunks/chunk.D5IOD6QB.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.GJFN7PBS.js";import"./chunks/chunk.PYHYYOBE.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.NODVJPTE.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.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/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.CEVVDV52.js";import"../chunks/chunk.HBBILILZ.js";import"../chunks/chunk.26V4EXHB.js";import"../chunks/chunk.T4JP7QUW.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.XBPJDDEM.js";import"../chunks/chunk.TJOCV4DC.js";export{a as setupAutocomplete};
+import{a}from"../chunks/chunk.CEVVDV52.js";import"../chunks/chunk.T57D67S5.js";import"../chunks/chunk.26V4EXHB.js";import"../chunks/chunk.NODVJPTE.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.6OTM3PE5.js";import"../chunks/chunk.TJOCV4DC.js";export{a as setupAutocomplete};

package/cdn/utilities/icon-library.js

@@ -1 +1 @@
-import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.SNS2IHBI.js";import"../chunks/chunk.K7HF3VBZ.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.EFLL7VXU.js";import"../chunks/chunk.TJOCV4DC.js";export{a as registerIconLibrary,b as unregisterIconLibrary};
+import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.D5IOD6QB.js";import"../chunks/chunk.K7HF3VBZ.js";import"../chunks/chunk.GJFN7PBS.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.TJOCV4DC.js";export{a as registerIconLibrary,b as unregisterIconLibrary};

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

@@ -571,6 +571,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-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.",
@@ -923,7 +965,7 @@
     },
     {
       "name": "sd-expandable",
-      "description": "Expandable shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the expandable opens.\n- **sd-after-show** - Emitted after the expandable opens and all animations are complete.\n- **sd-hide** - Emitted when the expandable closes.\n- **sd-after-hide** - Emitted after the expandable closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the expandable\n- **hide()** - Closes the expandable\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_ - Content of the expandable\n- **toggle-open** - Content of the toggle button when the expandable is open\n- **toggle-closed** - Content of the toggle button when the expandable is closed\n\n### **CSS Properties:**\n - **--gradient-color-start** - Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0)) _(default: undefined)_\n- **--gradient-color-end** - End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1)) _(default: undefined)_\n- **--gradient-height** - Height of the gradient (default: 24px) _(default: undefined)_\n- **--component-expandable-max-block-size** - Different value for initial visible block (default: 90px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The content of the expandable.\n- **toggle** - The toggle button of the expandable.\n- **summary** - The summary of the expandable.\n- **details** - The details element of the expandable.",
+      "description": "Expandable shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the expandable opens.\n- **sd-after-show** - Emitted after the expandable opens and all animations are complete.\n- **sd-hide** - Emitted when the expandable closes.\n- **sd-after-hide** - Emitted after the expandable closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the expandable\n- **hide()** - Closes the expandable\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_ - Content of the expandable\n- **toggle-open** - Content of the toggle button when the expandable is open\n- **toggle-closed** - Content of the toggle button when the expandable is closed\n- **expand-icon** - The icon of the toggle button when the expandable is closed\n- **collapse-icon** - The icon of the toggle button when the expandable is open\n\n### **CSS Properties:**\n - **--gradient-color-start** - Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0)) _(default: undefined)_\n- **--gradient-color-end** - End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1)) _(default: undefined)_\n- **--gradient-height** - Height of the gradient (default: 24px) _(default: undefined)_\n- **--component-expandable-max-block-size** - Different value for initial visible block (default: 90px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The content of the expandable.\n- **toggle** - The toggle button of the expandable.\n- **toggle-icon** - The wrapper of the toggle icons.\n- **summary** - The summary of the expandable.\n- **details** - The details element of the expandable.",
       "attributes": [
         {
           "name": "open",
@@ -2529,48 +2571,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-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.11.0",
+  "version": "5.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1284,6 +1284,100 @@
             ]
           }
         },
+        {
+          "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.",
@@ -2215,7 +2309,7 @@
         },
         {
           "name": "sd-expandable",
-          "description": "Expandable shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the expandable opens.\n- **sd-after-show** - Emitted after the expandable opens and all animations are complete.\n- **sd-hide** - Emitted when the expandable closes.\n- **sd-after-hide** - Emitted after the expandable closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the expandable\n- **hide()** - Closes the expandable\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_ - Content of the expandable\n- **toggle-open** - Content of the toggle button when the expandable is open\n- **toggle-closed** - Content of the toggle button when the expandable is closed\n\n### **CSS Properties:**\n - **--gradient-color-start** - Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0)) _(default: undefined)_\n- **--gradient-color-end** - End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1)) _(default: undefined)_\n- **--gradient-height** - Height of the gradient (default: 24px) _(default: undefined)_\n- **--component-expandable-max-block-size** - Different value for initial visible block (default: 90px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The content of the expandable.\n- **toggle** - The toggle button of the expandable.\n- **summary** - The summary of the expandable.\n- **details** - The details element of the expandable.",
+          "description": "Expandable shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the expandable opens.\n- **sd-after-show** - Emitted after the expandable opens and all animations are complete.\n- **sd-hide** - Emitted when the expandable closes.\n- **sd-after-hide** - Emitted after the expandable closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the expandable\n- **hide()** - Closes the expandable\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_ - Content of the expandable\n- **toggle-open** - Content of the toggle button when the expandable is open\n- **toggle-closed** - Content of the toggle button when the expandable is closed\n- **expand-icon** - The icon of the toggle button when the expandable is closed\n- **collapse-icon** - The icon of the toggle button when the expandable is open\n\n### **CSS Properties:**\n - **--gradient-color-start** - Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0)) _(default: undefined)_\n- **--gradient-color-end** - End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1)) _(default: undefined)_\n- **--gradient-height** - Height of the gradient (default: 24px) _(default: undefined)_\n- **--component-expandable-max-block-size** - Different value for initial visible block (default: 90px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The content of the expandable.\n- **toggle** - The toggle button of the expandable.\n- **toggle-icon** - The wrapper of the toggle icons.\n- **summary** - The summary of the expandable.\n- **details** - The details element of the expandable.",
           "doc-url": "",
           "attributes": [
             {
@@ -2248,6 +2342,14 @@
             {
               "name": "toggle-closed",
               "description": "Content of the toggle button when the expandable is closed"
+            },
+            {
+              "name": "expand-icon",
+              "description": "The icon of the toggle button when the expandable is closed"
+            },
+            {
+              "name": "collapse-icon",
+              "description": "The icon of the toggle button when the expandable is open"
             }
           ],
           "events": [
@@ -5815,100 +5917,6 @@
             "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-11-0-select', { detail: { item } });
+        this.emit('sd-5-0-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-11-0-divider) {
+  ::slotted(sd-5-0-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-11-0-icon name="check" library="system" aria-hidden="true"></sd-4-11-0-icon>
+          <sd-5-0-0-icon name="check" library="_internal" aria-hidden="true"></sd-5-0-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-11-0-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-11-0-icon>
+          <sd-5-0-0-icon name="chevron-right" library="_internal" aria-hidden="true"></sd-5-0-0-icon>
         </span>
       </div>
     `;

package/cdn-versioned/chunks/chunk.24NAQP34.js

@@ -0,0 +1,11 @@
+import{a as I}from"./chunk.CDC46OKY.js";import{c as M}from"./chunk.3L472FD4.js";import{a as w,c as O}from"./chunk.SKUMYG4O.js";import{a as C}from"./chunk.KLRPP4NQ.js";import{b as L}from"./chunk.6HLS5XU2.js";import{a as z}from"./chunk.6HO6CE4A.js";import{a as k}from"./chunk.OYZELC4M.js";import{a as D}from"./chunk.DEXOQON7.js";import{a as d}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as $,b as r,c as u,d as c,g as E,h as x}from"./chunk.NODVJPTE.js";import{b as T,e as p}from"./chunk.UWPDCU52.js";import{b as g,e as y}from"./chunk.6OTM3PE5.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new L(this,{assumeInteractionOn:["sd-blur","sd-5-0-0-input"]});this.hasSlotController=new z(this,"help-text","label");this.localize=new D(this);this.typeToSelectString="";this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>p`<sd-5-0-0-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
+              base:tag__base,
+              content:tag__content,
+              removable-indicator:tag__removable-indicator,
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-5-0-0-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,l=e.closest(".select__clear")!==null,o=e.closest("sd-5-0-0-icon-button")!==null;if(!(l||o)){if(t.key==="Escape"&&this.open&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.combobox.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show(),this.setCurrentOption(this.currentOption||this.getFirstOption(),t);return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let h=this.getAllOptions(),a=h.indexOf(this.currentOption),n=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(n=a+1,n>h.length-1&&(n=0)):t.key==="ArrowUp"?(n=a-1,n<0&&(n=h.length-1)):t.key==="Home"?n=0:t.key==="End"&&(n=h.length-1),this.setCurrentOption(h[n],t)}if(t.key.length===1||t.key==="Backspace"){let h=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of h)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){this.applySizeToOptions()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){var l,o,h;if((t.key==="Backspace"||t.key==="Enter"||t.key===" ")&&this.multiple){t.preventDefault(),t.stopPropagation();let a=(l=t.currentTarget)==null?void 0:l.parentElement,n=(o=a==null?void 0:a.previousElementSibling)==null?void 0:o.querySelector("sd-5-0-0-tag"),m=(h=a==null?void 0:a.nextElementSibling)==null?void 0:h.querySelector("sd-5-0-0-tag");this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>{m?m.focus():n?n.focus():this.focus({preventScroll:!0})})}}handleTagMaxOptionsKeyDown(t){(t.key==="Backspace"||t.key==="Enter")&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>{var l;let e=(l=this.shadowRoot)==null?void 0:l.querySelectorAll("sd-5-0-0-tag");e&&e.length>0?e==null||e[(e==null?void 0:e.length)-1].focus():this.focus({preventScroll:!0})}))}handleLabelClick(){this.combobox.focus()}handleComboboxMouseDown(t){let l=t.composedPath().some(o=>o instanceof HTMLSlotElement&&o.name==="removable-indicator");this.disabled||l||this.visuallyDisabled||(t.preventDefault(),this.combobox.focus({preventScroll:!0}),this.open=!this.open,this.setCurrentOption(this.currentOption||this.getFirstOption(),t))}handleComboboxKeyDown(t){t.stopPropagation(),this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearSelect()}clearSelect(){this.setSelectedOptions([]),this.combobox.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")})}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let l=t.target.closest("sd-5-0-0-option"),o=this.value;l&&!l.disabled&&(this.multiple?this.toggleOptionSelection(l):this.setSelectedOptions(l),this.updateComplete.then(()=>this.combobox.focus({preventScroll:!0})),this.value!==o&&this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],l=[];customElements.get("sd-5-0-0-option")?(t.forEach(o=>{this.multiple&&(o.checkbox=!0),l.push(o.value)}),this.setSelectedOptions(t.filter(o=>e.includes(o.value)))):customElements.whenDefined("sd-5-0-0-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),e||this.clearSelect(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.deletedTagLabel=this.localize.term("removed",e.textContent),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}))}getAllOptions(){return[...this.querySelectorAll("sd-5-0-0-option")]}getFirstOption(){return this.querySelector("sd-5-0-0-option")}setCurrentOption(t,e){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1,((e==null?void 0:e.type)==="keydown"||(e==null?void 0:e.type)==="mousedown")&&(o.isKeyboardFocus=!1)}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()),t&&(e==null?void 0:e.type)==="keydown"&&(t.isKeyboardFocus=!0)}setSelectedOptions(t){let e=this.getAllOptions(),l=Array.isArray(t)?t:[t];e.forEach(o=>o.selected=!1),l.length&&l.forEach(o=>o.selected=!0),Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}selectionChanged(t){var e,l,o,h;t&&this.multiple?this.selectedOptions.find(a=>a.value===t.value)?this.selectedOptions=this.selectedOptions.filter(a=>a.value!==t.value):this.selectedOptions=[...this.selectedOptions,t]:this.selectedOptions=this.getAllOptions().filter(a=>a.selected),this.multiple?(this.value=this.selectedOptions.map(a=>a.value),this.useTags||this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length)):(this.value=(l=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?l:"",this.displayLabel=(h=(o=this.selectedOptions[0])==null?void 0:o.getTextLabel())!=null?h:""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let l=this.getTag(t,e);return p`<div @sd-remove="${o=>this.handleTagRemove(o,t)}">${typeof l=="string"?k(l):l}</div>`}return[p``]}):[p`<sd-5-0-0-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
+              base:tag__base,
+              content:tag__content,
+              removable-indicator:tag__removable-indicator,
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-5-0-0-tag>`]}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleUseTagsChange(){let t=this.getAllOptions();customElements.get("sd-5-0-0-option")&&t.forEach(e=>{e.checkbox=this.multiple})}handleDisabledChange(){(this.disabled||this.visuallyDisabled)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open&&(!this.disabled||!this.visuallyDisabled)){this.multiple||this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("sd-show"),this.addOpenListeners(),await y(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=O(this,"select.show",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.currentOption&&M(this.currentOption,this.listbox,"vertical","auto"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await y(this);let{keyframes:t,options:e}=O(this,"select.hide",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}applySizeToOptions(){this._optionsInDefaultSlot.forEach(t=>{t.size=this.size})}handleValueChange(){if(this.selectedOptions.length===(Array.isArray(this.value)?this.value.length:1))return;let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(l=>e.includes(l.value)))}async show(){if(this.open||this.disabled||this.visuallyDisabled){this.open=!1;return}return this.open=!0,C(this,"sd-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,C(this,"sd-after-hide")}checkValidity(){var t;return(t=this.valueInput)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.combobox.focus(t)}blur(){this.combobox.blur()}render(){let t={default:this.hasSlotController.test("[default]"),label:this.hasSlotController.test("label"),clearIcon:this.hasSlotController.test("clear-icon"),expandIcon:this.hasSlotController.test("expand-icon"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,l=this.helpText?!0:!!t.helpText,o=this.clearable&&!this.disabled,h=!!t.tooltip,a=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",n=this.disabled||this.visuallyDisabled?"cursor-not-allowed":"cursor-pointer",m={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],f={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return p`<div part="form-control" class="${d("relative text-left",n,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${e||h?p`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${e&&"inline-block"}" aria-hidden="${e?"false":"true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${d("relative w-full bg-white",a==="disabled"?"text-neutral-500":"text-black")}"><div part="border" class="${d("absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out",{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"}[a],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-5-0-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${d("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
+              popup:popup__content,
+            "><div class="${d("relative w-full h-full grid grid-cols-1 rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200")}" slot="anchor"><div class="${d("input-container flex items-center w-full h-full px-4",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size])}"><input name="${this.name}" form="${this.form}" part="display-input" class="${d("top-0 left-0 appearance-none outline-none flex-grow bg-transparent w-full placeholder-neutral-700",n,this.multiple&&this.useTags&&this.value.length>0?"hidden":"")}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder||this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple&&this.useTags?p`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>`:""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(v=>v==null?void 0:v.getTextLabel()).join(", ")}</div><input class="${d("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",n)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${o?p`<button part="clear-button" class="${d("select__clear flex justify-center",m,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-0-0-icon class="${d("text-neutral-700 z-10",f)}" library="_internal" name="closing-round"></sd-5-0-0-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-5-0-0-icon part="invalid-icon" class="${d(m,f,"text-error")}" library="_internal" name="risk"></sd-5-0-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-5-0-0-icon part="valid-icon" class="${d("flex-shrink-0 text-success",m,f)}" library="_internal" name="status-check"></sd-5-0-0-icon>`:""}<slot name="expand-icon" part="expand-icon" class="${d("inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",f)}"><sd-5-0-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-5-0-0-icon></slot></div><button part="combobox" class="${d("relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",n,this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"min-h-[32px]",md:"min-h-[40px]",lg:"min-h-[48px]"}[this.size])}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open?"true":"false"}" aria-multiselectable="${this.multiple?"true":"false"}" aria-labelledby="label" part="listbox" class="${d("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-5-0-0-popup></div><div class="text-sm text-neutral-700 mt-2" part="form-control-help-text" id="help-text" aria-hidden="${l?"false":"true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};i.styles=[...x.styles,T`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-5-0-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-5-0-0-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-5-0-0-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-5-0-0-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-5-0-0-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`],s([E({selector:"sd-5-0-0-option"})],i.prototype,"_optionsInDefaultSlot",2),s([c("sd-5-0-0-popup")],i.prototype,"popup",2),s([c('[part="combobox"]')],i.prototype,"combobox",2),s([c('[part="display-input"]')],i.prototype,"displayInput",2),s([c(".value-input")],i.prototype,"valueInput",2),s([c('[part="listbox"]')],i.prototype,"listbox",2),s([c("#invalid-message")],i.prototype,"invalidMessage",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"deletedTagLabel",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"showValidStyle",2),s([u()],i.prototype,"showInvalidStyle",2),s([I()],i.prototype,"defaultValue",2),s([r({type:Boolean,reflect:!0})],i.prototype,"open",2),s([r({type:String,reflect:!0})],i.prototype,"size",2),s([r({type:String,reflect:!0})],i.prototype,"placement",2),s([r({type:String,reflect:!0})],i.prototype,"label",2),s([r({type:String,reflect:!0})],i.prototype,"placeholder",2),s([r({type:String,attribute:"max-options-tag-label",reflect:!0})],i.prototype,"maxOptionsTagLabel",2),s([r({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],i.prototype,"visuallyDisabled",2),s([r({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),s([u()],i.prototype,"currentPlacement",2),s([r({type:Boolean,reflect:!0})],i.prototype,"clearable",2),s([r({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([r({type:Boolean,reflect:!0})],i.prototype,"useTags",2),s([r({attribute:"max-options-visible",type:Number,reflect:!0})],i.prototype,"maxOptionsVisible",2),s([r({reflect:!0})],i.prototype,"form",2),s([r({reflect:!0})],i.prototype,"name",2),s([r({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],i.prototype,"value",2),s([r({type:Boolean,reflect:!0})],i.prototype,"required",2),s([r({type:Boolean,reflect:!0,attribute:"style-on-valid"})],i.prototype,"styleOnValid",2),s([r({type:Boolean,reflect:!0})],i.prototype,"hoist",2),s([r()],i.prototype,"getTag",2),s([b("useTags",{waitUntilFirstUpdate:!0})],i.prototype,"handleUseTagsChange",1),s([b(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([b("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),s([b("size",{waitUntilFirstUpdate:!0})],i.prototype,"applySizeToOptions",1),s([b("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),i=s([$("sd-5-0-0-select")],i);w("select.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});w("select.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{i as a};

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

@@ -0,0 +1 @@
+import{a as s}from"./chunk.26V4EXHB.js";import{a as o,b as r,h as i}from"./chunk.NODVJPTE.js";import{b as n,e as a}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends i{constructor(){super(...arguments);this.size="lg";this.variant="blue";this.inverted=!1}render(){return a`<span part="base" aria-labelledby="content" class="${s("inline-flex items-center justify-center gap-x-[1px] text-center font-bold whitespace-nowrap border rounded-full select-none cursor-[inherit]",{blue:this.inverted?"text-primary bg-primary-100 border-primary":"text-white bg-primary-500 border-white",green:this.inverted?"text-white bg-success border-primary":"text-white bg-success border-white",red:this.inverted?"text-white bg-error border-primary":"text-white bg-error border-white"}[this.variant])}"><span id="content" part="content" class="${s(this.size==="sm"&&"sr-only")}"><slot></slot></span></span>`}};e.styles=[...i.styles,n`:host{align-items:center;display:inline-flex;justify-content:center}:host([size=md]){font-size:.625rem;height:var(--sd-spacing-4,1rem);min-width:var(--sd-spacing-4,1rem)}:host([size=lg]){font-size:.75rem;height:var(--sd-spacing-5,1.25rem);min-width:var(--sd-spacing-5,1.25rem)}:host([size=sm])::part(base){height:var(--sd-spacing-2,.5rem);min-width:var(--sd-spacing-2,.5rem)}:host([size=md])::part(base){padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}:host([size=lg])::part(base){padding-left:.313rem;padding-right:.313rem}`],t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:String,reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"inverted",2),e=t([o("sd-5-0-0-badge")],e);export{e as a};

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

@@ -0,0 +1 @@
+import{a as p}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as r}from"./chunk.E2DRD2OX.js";import{a as d,b as o,h as n}from"./chunk.NODVJPTE.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-5-0-0-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-5-0-0-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-5-0-0-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-0-0-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-0-0-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-0-0-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-0-0-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-0-0-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-0-0-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-5-0-0-checkbox-group")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.E4YB3LZK.js → chunk.3FDVJBSF.js}

@@ -1 +1 @@
-import{a as n}from"./chunk.MWDEA25W.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as m,b as o,h as a}from"./chunk.T4JP7QUW.js";import{b as l,e as c}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends a{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(e){let r=document.createElement("script");[...e.attributes].forEach(i=>r.setAttribute(i.name,i.value)),r.textContent=e.textContent,e.parentNode.replaceChild(r,e)}async handleSrcChange(){try{let e=this.src,r=await n(e,this.mode);if(e!==this.src)return;if(!r.ok){this.emit("sd-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(i=>this.executeScript(i)),this.emit("sd-load")}catch(e){this.emit("sd-error",{detail:{status:-1}})}}render(){return c`<slot></slot>`}};t.styles=[...a.styles,l`:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([m("sd-4-11-0-include")],t);export{t as a};
+import{a as n}from"./chunk.MWDEA25W.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as m,b as o,h as a}from"./chunk.NODVJPTE.js";import{b as l,e as c}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends a{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(e){let r=document.createElement("script");[...e.attributes].forEach(i=>r.setAttribute(i.name,i.value)),r.textContent=e.textContent,e.parentNode.replaceChild(r,e)}async handleSrcChange(){try{let e=this.src,r=await n(e,this.mode);if(e!==this.src)return;if(!r.ok){this.emit("sd-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(i=>this.executeScript(i)),this.emit("sd-load")}catch(e){this.emit("sd-error",{detail:{status:-1}})}}render(){return c`<slot></slot>`}};t.styles=[...a.styles,l`:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([m("sd-5-0-0-include")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.F3EVJTED.js → chunk.3X2DDJ4U.js}

@@ -1 +1 @@
-import{a as i}from"./chunk.YTG5BN3U.js";import{a as l,b as m}from"./chunk.H2TKMIFR.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h,b as a,h as c}from"./chunk.T4JP7QUW.js";import{b as v,f as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let r=this.isLink(),o=this.notInteractive?l`div`:r?l`a`:l`button`;return m`<${o} part="base" class="${n("flex justify-center",!this.notInteractive&&"focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2")}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${i(this.notInteractive||r?void 0:"button")}" aria-label="${i(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${i(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${n("inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500",this.variant==="main"&&this.state==="hover"&&"fill-accent-550",this.variant==="main"&&this.state==="active"&&"fill-accent-700",this.variant==="main"&&!this.notInteractive&&"hover:fill-accent-550 active:fill-accent-700",this.variant==="place"&&this.state==="default"&&"fill-white",this.variant==="place"&&this.state==="hover"&&"fill-primary-100",this.variant==="place"&&this.state==="active"&&"fill-primary-200",this.variant==="place"&&!this.notInteractive&&"hover:fill-primary-100",{cluster:"fill-primary",main:"fill-accent",place:""}[this.variant])}">${this.marker[this.variant]}</div><div id="content" part="content" class="${n("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${o}>`}};t.styles=[...c.styles,v`:host{display:block}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([h("sd-4-11-0-map-marker")],t);export{t as a};
+import{a as i}from"./chunk.YTG5BN3U.js";import{a as l,b as m}from"./chunk.H2TKMIFR.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h,b as a,h as c}from"./chunk.NODVJPTE.js";import{b as v,f as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let r=this.isLink(),o=this.notInteractive?l`div`:r?l`a`:l`button`;return m`<${o} part="base" class="${n("flex justify-center",!this.notInteractive&&"focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2")}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${i(this.notInteractive||r?void 0:"button")}" aria-label="${i(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${i(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${n("inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500",this.variant==="main"&&this.state==="hover"&&"fill-accent-550",this.variant==="main"&&this.state==="active"&&"fill-accent-700",this.variant==="main"&&!this.notInteractive&&"hover:fill-accent-550 active:fill-accent-700",this.variant==="place"&&this.state==="default"&&"fill-white",this.variant==="place"&&this.state==="hover"&&"fill-primary-100",this.variant==="place"&&this.state==="active"&&"fill-primary-200",this.variant==="place"&&!this.notInteractive&&"hover:fill-primary-100",{cluster:"fill-primary",main:"fill-accent",place:""}[this.variant])}">${this.marker[this.variant]}</div><div id="content" part="content" class="${n("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${o}>`}};t.styles=[...c.styles,v`:host{display:block}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([h("sd-5-0-0-map-marker")],t);export{t as a};