@solid-design-system/components 7.0.0-next.2 → 7.0.0-next.4

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as ue}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.4QZMOBX3.js";import{a as oe}from"./chunks/chunk.DIDMWRN3.js";import{a as re}from"./chunks/chunk.HEGJI2MO.js";import{a as te}from"./chunks/chunk.CWSVXPYD.js";import{a as ae}from"./chunks/chunk.KR27MICN.js";import{a as K}from"./chunks/chunk.LVATN3YW.js";import{a as U}from"./chunks/chunk.4MY3PWSN.js";import{a as W}from"./chunks/chunk.IZCKJLZR.js";import{a as X}from"./chunks/chunk.36YZDWQH.js";import{a as Y}from"./chunks/chunk.LICVZSAH.js";import{a as Z}from"./chunks/chunk.7XY6DMAY.js";import{a as _}from"./chunks/chunk.7LHRDGWP.js";import{a as $}from"./chunks/chunk.JI2XVLZH.js";import{a as Q}from"./chunks/chunk.SWPN5WUJ.js";import{a as V}from"./chunks/chunk.47KQZYJR.js";import{a as H}from"./chunks/chunk.NICDKFPS.js";import{a as q}from"./chunks/chunk.WZSNE2FO.js";import{a as j}from"./chunks/chunk.XPALAZ3K.js";import"./chunks/chunk.IVHEBGOY.js";import{a as y}from"./chunks/chunk.RLTO5J3E.js";import{a as z}from"./chunks/chunk.5ITG6KGD.js";import{a as J}from"./chunks/chunk.JURMXI5Y.js";import{a as P}from"./chunks/chunk.ZXQQJBCT.js";import{a as v}from"./chunks/chunk.XIIQ37KS.js";import{a as N}from"./chunks/chunk.MHW6ZP4T.js";import{a as O}from"./chunks/chunk.QTPFQGR7.js";import{a as E}from"./chunks/chunk.UY5TXYXC.js";import{a as F}from"./chunks/chunk.SKS4G5SG.js";import{a as M}from"./chunks/chunk.X2QW55HD.js";import{a as R}from"./chunks/chunk.P6Y5AQHG.js";import{a as A}from"./chunks/chunk.U5LYN6TY.js";import{a as w}from"./chunks/chunk.KZ5SFF6G.js";import{a as L}from"./chunks/chunk.NFDBY4LL.js";import"./chunks/chunk.DSKB3SEU.js";import"./chunks/chunk.ICEC5PGK.js";import{a as G}from"./chunks/chunk.ZXMU6GLZ.js";import{a as I}from"./chunks/chunk.YL7463TI.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as h}from"./chunks/chunk.GHSIC6MA.js";import{a as B}from"./chunks/chunk.NATZPKHW.js";import{a as C}from"./chunks/chunk.IWKYZ6J2.js";import{a as D}from"./chunks/chunk.QW2U4ORE.js";import{a as b}from"./chunks/chunk.6WQRLB7U.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as T}from"./chunks/chunk.HBXGLINC.js";import{a as k}from"./chunks/chunk.3H5XUPF5.js";import"./chunks/chunk.54DO3JVH.js";import{a as g}from"./chunks/chunk.64SUNU54.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.ZAB7A5W7.js";import{a as l}from"./chunks/chunk.5F5NZQB2.js";import{a as x}from"./chunks/chunk.NJ5CEN2R.js";import{a as s}from"./chunks/chunk.J5C22TF2.js";import{a as m}from"./chunks/chunk.XY6LAPFB.js";import{a as i}from"./chunks/chunk.UBUSZ4VB.js";import{a as S}from"./chunks/chunk.UTBC4DI6.js";import"./chunks/chunk.KOMME47J.js";import{a as c}from"./chunks/chunk.V3PA35KW.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as n}from"./chunks/chunk.2XJ2J3VL.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.UN7DL2MN.js";import{a as o}from"./chunks/chunk.YG4OTB7M.js";import{a}from"./chunks/chunk.PNRCMW5N.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.K6TOCFIN.js";import{a as f}from"./chunks/chunk.6GDQK5O5.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.O7KFGYFO.js";import"./chunks/chunk.TXP36Z3M.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.ROU5X4FC.js";import{a as t}from"./chunks/chunk.XNB5UHRT.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.PJ4AHTMH.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as de,e as fe}from"./chunks/chunk.NYJUQAML.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as pe}from"./chunks/chunk.VAM5SM3O.js";import"./chunks/chunk.PB7NJRWC.js";import"./chunks/chunk.NADOKI3X.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.YAUFTHOR.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{pe as LocalizeController,o as SdAccordion,r as SdAccordionGroup,a as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,x as SdBreadcrumb,i as SdBreadcrumbItem,d as SdButton,c as SdCarousel,n as SdCarouselItem,b as SdCheckbox,T as SdCheckboxGroup,k as SdCombobox,I as SdDatepicker,h as SdDialog,B as SdDivider,f as SdDrawer,s as SdDropdown,C as SdExpandable,D as SdFlipcard,G as SdHeader,e as SdIcon,M as SdInclude,R as SdInput,S as SdLink,t as SdLoader,A as SdMapMarker,w as SdMenu,L as SdMenuItem,P as SdNavigationItem,v as SdNotification,N as SdOptgroup,O as SdOption,m as SdPopup,E as SdProgressBar,F as SdQuickfact,H as SdRadio,Q as SdRadioButton,V as SdRadioGroup,q as SdRange,y as SdRangeTick,z as SdScrollable,J as SdSelect,K as SdSkeleton,U as SdSpinner,W as SdStep,X as SdStepGroup,Y as SdSwitch,Z as SdTab,_ as SdTabGroup,$ as SdTabPanel,g as SdTag,ee as SdTeaser,oe as SdTeaserMedia,re as SdTextarea,te as SdThemeListener,j as SdTooltip,ae as SdVideo,de as registerIconLibrary,ue as setupAutocomplete,fe as unregisterIconLibrary};
+import{a as pe}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.HW534C56.js";import{a as oe}from"./chunks/chunk.HVCDQSC3.js";import{a as ae}from"./chunks/chunk.GF6RVEQL.js";import{a as re}from"./chunks/chunk.2P3QV4AS.js";import{a as U}from"./chunks/chunk.IMZUE643.js";import{a as W}from"./chunks/chunk.Q4DN4ZZH.js";import{a as X}from"./chunks/chunk.DB2UPC2O.js";import{a as Y}from"./chunks/chunk.TAL4RLOZ.js";import{a as Z}from"./chunks/chunk.O6U6Z7JR.js";import{a as _}from"./chunks/chunk.ERFMBJMN.js";import{a as $}from"./chunks/chunk.K7MTUJHH.js";import{a as V}from"./chunks/chunk.4HLQKHWE.js";import{a as j}from"./chunks/chunk.MB3UFJE5.js";import{a as Q}from"./chunks/chunk.O4TGO7RR.js";import{a as y}from"./chunks/chunk.VUHJ4M6S.js";import{a as q}from"./chunks/chunk.COC2WHFL.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.KKHVITRN.js";import{a as J}from"./chunks/chunk.2GJ2Z2N2.js";import{a as K}from"./chunks/chunk.LHVND665.js";import{a as v}from"./chunks/chunk.ZBBIDDL4.js";import{a as N}from"./chunks/chunk.Q5U7YL6V.js";import{a as O}from"./chunks/chunk.EPEWTJZQ.js";import{a as E}from"./chunks/chunk.3BXVPLMO.js";import{a as F}from"./chunks/chunk.VRTYFVS4.js";import{a as H}from"./chunks/chunk.OUONZ36F.js";import{a as R}from"./chunks/chunk.GTBO3C34.js";import{a as A}from"./chunks/chunk.L2VZ43LT.js";import{a as w}from"./chunks/chunk.JYXX5KO2.js";import{a as L}from"./chunks/chunk.QJL42ICJ.js";import{a as P}from"./chunks/chunk.NWJ2RTKD.js";import"./chunks/chunk.DSKB3SEU.js";import"./chunks/chunk.ICEC5PGK.js";import{a as M}from"./chunks/chunk.AIM3ZGQG.js";import{a as h}from"./chunks/chunk.JRELKQHZ.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.MHLONLMU.js";import{a as I}from"./chunks/chunk.DA4W66GE.js";import{a as D}from"./chunks/chunk.AMZ5U6GY.js";import{a as G}from"./chunks/chunk.XZZSPH7T.js";import{a as T}from"./chunks/chunk.HC6O362U.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.GJHSZFXO.js";import{a as B}from"./chunks/chunk.X2AUH4EN.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.3CDC42NF.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.4PSKBUCX.js";import{a as m}from"./chunks/chunk.2LLEAKS7.js";import{a as S}from"./chunks/chunk.XZ5G5ZXS.js";import{a as x}from"./chunks/chunk.IVPQC3VZ.js";import{a as s}from"./chunks/chunk.ELN6PO6N.js";import{a as n}from"./chunks/chunk.ECBXCHAK.js";import{a as i}from"./chunks/chunk.6VDTKIPC.js";import"./chunks/chunk.QZGNVLZ6.js";import{a as b}from"./chunks/chunk.EH5DX5Q4.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.OMAUGN4E.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.H2JUP5WV.js";import{a as o}from"./chunks/chunk.EBT6DGVX.js";import{a as r}from"./chunks/chunk.5E46HGSI.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.ZVAHJYMW.js";import{a as p}from"./chunks/chunk.LHPEH7RR.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.O7KFGYFO.js";import"./chunks/chunk.TXP36Z3M.js";import"./chunks/chunk.3L472FD4.js";import{a as f}from"./chunks/chunk.MHZYUAHF.js";import{a as d}from"./chunks/chunk.75JSUGHO.js";import{a as t}from"./chunks/chunk.5QVISDJV.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.MABD6SUM.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as te,e as de}from"./chunks/chunk.NYJUQAML.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as fe}from"./chunks/chunk.VAM5SM3O.js";import"./chunks/chunk.NADOKI3X.js";import"./chunks/chunk.PB7NJRWC.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.SGJYHE3R.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{fe as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,u as SdAudio,l as SdBadge,m as SdBrandshape,S as SdBreadcrumb,n as SdBreadcrumbItem,f as SdButton,b as SdCarousel,c as SdCarouselItem,T as SdCheckbox,g as SdCheckboxGroup,B as SdCombobox,h as SdDatepicker,C as SdDialog,I as SdDivider,p as SdDrawer,x as SdDropdown,D as SdExpandable,G as SdFlipcard,M as SdHeader,e as SdIcon,R as SdInclude,A as SdInput,i as SdLink,t as SdLoader,w as SdMapMarker,L as SdMenu,P as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,E as SdOption,s as SdPopup,F as SdProgressBar,H as SdQuickfact,Q as SdRadio,V as SdRadioButton,j as SdRadioGroup,y as SdRange,z as SdRangeTick,J as SdScrollable,K as SdSelect,U as SdSkeleton,W as SdStep,X as SdStepGroup,Y as SdSwitch,Z as SdTab,_ as SdTabGroup,$ as SdTabPanel,k as SdTag,ee as SdTeaser,oe as SdTeaserMedia,ae as SdTextarea,d as SdThemeListener,q as SdTooltip,re as SdVideo,te as registerIconLibrary,pe as setupAutocomplete,de as unregisterIconLibrary};

package/cdn/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.C45254AN.js";import"../chunks/chunk.XY6LAPFB.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.YAUFTHOR.js";import"../chunks/chunk.OBAEIKIV.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};
+import{a}from"../chunks/chunk.C45254AN.js";import"../chunks/chunk.ELN6PO6N.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.SGJYHE3R.js";import"../chunks/chunk.OBAEIKIV.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};

package/cdn/utilities/localize.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.VAM5SM3O.js";import"../chunks/chunk.PB7NJRWC.js";import"../chunks/chunk.NADOKI3X.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};
+import{a}from"../chunks/chunk.VAM5SM3O.js";import"../chunks/chunk.NADOKI3X.js";import"../chunks/chunk.PB7NJRWC.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};

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

@@ -230,7 +230,6 @@
           "name": "variant",
           "description": "The brandshape's theme variant.",
           "values": [
-            { "name": "" },
             { "name": "neutral-100" },
             { "name": "primary" },
             { "name": "white" },
@@ -1422,7 +1421,6 @@
           "name": "type",
           "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
           "values": [
-            { "name": "" },
             { "name": "date" },
             { "name": "datetime-local" },
             { "name": "email" },
@@ -1444,7 +1442,6 @@
           "name": "inputmode",
           "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
           "values": [
-            { "name": "" },
             { "name": "none" },
             { "name": "text" },
             { "name": "decimal" },
@@ -1569,7 +1566,6 @@
           "name": "autocapitalize",
           "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
           "values": [
-            { "name": "" },
             { "name": "off" },
             { "name": "none" },
             { "name": "on" },
@@ -1580,7 +1576,8 @@
         },
         {
           "name": "autocorrect",
-          "values": [{ "name": "off" }, { "name": "on" }]
+          "description": "Indicates whether the browser's autocorrect feature is on or off.",
+          "values": []
         },
         {
           "name": "autocomplete",
@@ -1596,7 +1593,6 @@
           "name": "enterkeyhint",
           "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
           "values": [
-            { "name": "" },
             { "name": "enter" },
             { "name": "done" },
             { "name": "go" },
@@ -2143,7 +2139,6 @@
           "name": "arrow-placement",
           "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
           "values": [
-            { "name": "" },
             { "name": "start" },
             { "name": "end" },
             { "name": "center" },
@@ -2534,7 +2529,6 @@
           "name": "tooltip",
           "description": "Defines the thumbs tooltip behaviour.",
           "values": [
-            { "name": "" },
             { "name": "on-interaction" },
             { "name": "hidden" },
             { "name": "always-visible" }
@@ -2799,37 +2793,6 @@
         }
       ]
     },
-    {
-      "name": "sd-spinner",
-      "description": "Used as a visual indicator with a looping animation that shows loading is in process.\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.",
-      "attributes": [
-        {
-          "name": "color",
-          "description": "The color color of the spinner.",
-          "values": [
-            { "name": "primary" },
-            { "name": "white" },
-            { "name": "currentColor" }
-          ]
-        },
-        {
-          "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-spinner--docs"
-        }
-      ]
-    },
     {
       "name": "sd-step",
       "description": "Used to determine a step in a process or task inside `sd-step-group`.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\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 step's description.\n- **label** - The step's label.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Properties:**\n - **--sd-step__circle-border-width** - The border width of the step circle. _(default: undefined)_\n- **--sd-step__tail-border-width** - The border width of the step tail. _(default: undefined)_\n- **--sd-step-color-text** - The color text for non-interactive steps. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
@@ -3197,7 +3160,6 @@
           "name": "variant",
           "description": "Variant of the teaser",
           "values": [
-            { "name": "" },
             { "name": "white" },
             { "name": "white border-neutral-400" },
             { "name": "neutral-100" },
@@ -3246,7 +3208,6 @@
           "name": "variant",
           "description": "Variant of the teaser",
           "values": [
-            { "name": "" },
             { "name": "white" },
             { "name": "neutral-100" },
             { "name": "primary" },
@@ -3366,7 +3327,6 @@
           "name": "autocapitalize",
           "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
           "values": [
-            { "name": "" },
             { "name": "off" },
             { "name": "none" },
             { "name": "on" },
@@ -3378,7 +3338,7 @@
         {
           "name": "autocorrect",
           "description": "Indicates whether the browser's autocorrect feature is on or off.",
-          "values": [{ "name": "off" }, { "name": "on" }]
+          "values": []
         },
         {
           "name": "autocomplete",
@@ -3394,7 +3354,6 @@
           "name": "enterkeyhint",
           "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
           "values": [
-            { "name": "" },
             { "name": "enter" },
             { "name": "done" },
             { "name": "go" },
@@ -3477,7 +3436,6 @@
           "name": "placement",
           "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
           "values": [
-            { "name": "" },
             { "name": "top" },
             { "name": "top-start" },
             { "name": "top-end" },

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": "7.0.0-next.2",
+  "version": "7.0.0-next.4",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -577,7 +577,7 @@
               "name": "variant",
               "description": "The brandshape's theme variant.",
               "value": {
-                "type": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'primary|80'\n    | 'white|80'\n    | 'image'",
+                "type": "'neutral-100' | 'primary' | 'white' | 'border-primary' | 'border-white' | 'primary|80' | 'white|80' | 'image'",
                 "default": "'primary'"
               }
             },
@@ -613,7 +613,7 @@
               {
                 "name": "variant",
                 "description": "The brandshape's theme variant.",
-                "type": "| 'neutral-100'\n    | 'primary'\n    | 'white'\n    | 'border-primary'\n    | 'border-white'\n    | 'primary|80'\n    | 'white|80'\n    | 'image'"
+                "type": "'neutral-100' | 'primary' | 'white' | 'border-primary' | 'border-white' | 'primary|80' | 'white|80' | 'image'"
               },
               {
                 "name": "shapes",
@@ -3355,7 +3355,7 @@
               "name": "type",
               "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
               "value": {
-                "type": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'",
+                "type": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'",
                 "default": "'text'"
               }
             },
@@ -3368,7 +3368,7 @@
               "name": "inputmode",
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "value": {
-                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
               }
             },
             {
@@ -3485,10 +3485,14 @@
               "name": "autocapitalize",
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "value": {
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
               }
             },
-            { "name": "autocorrect", "value": { "type": "'off' | 'on'" } },
+            {
+              "name": "autocorrect",
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
+              "value": { "type": "boolean" }
+            },
             {
               "name": "autocomplete",
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
@@ -3503,7 +3507,7 @@
               "name": "enterkeyhint",
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
             {
@@ -3593,7 +3597,7 @@
               {
                 "name": "type",
                 "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-                "type": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
+                "type": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'"
               },
               {
                 "name": "size",
@@ -3603,7 +3607,7 @@
               {
                 "name": "inputmode",
                 "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
               },
               {
                 "name": "value",
@@ -3723,9 +3727,13 @@
               {
                 "name": "autocapitalize",
                 "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+              },
+              {
+                "name": "autocorrect",
+                "description": "Indicates whether the browser's autocorrect feature is on or off.",
+                "type": "boolean"
               },
-              { "name": "autocorrect", "type": "'off' | 'on'" },
               {
                 "name": "autocomplete",
                 "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
@@ -3739,7 +3747,7 @@
               {
                 "name": "enterkeyhint",
                 "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               },
               {
                 "name": "styleOnValid",
@@ -4783,7 +4791,7 @@
               "name": "arrow-placement",
               "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
               "value": {
-                "type": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'",
+                "type": "'start' | 'end' | 'center' | 'anchor'",
                 "default": "'anchor'"
               }
             },
@@ -4923,7 +4931,7 @@
               {
                 "name": "arrowPlacement",
                 "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-                "type": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'"
+                "type": "'start' | 'end' | 'center' | 'anchor'"
               },
               {
                 "name": "arrowPadding",
@@ -5658,7 +5666,7 @@
               "name": "tooltip",
               "description": "Defines the thumbs tooltip behaviour.",
               "value": {
-                "type": "| 'on-interaction'\n    | 'hidden'\n    | 'always-visible'",
+                "type": "'on-interaction' | 'hidden' | 'always-visible'",
                 "default": "'on-interaction'"
               }
             },
@@ -5772,7 +5780,7 @@
               {
                 "name": "tooltip",
                 "description": "Defines the thumbs tooltip behaviour.",
-                "type": "| 'on-interaction'\n    | 'hidden'\n    | 'always-visible'"
+                "type": "'on-interaction' | 'hidden' | 'always-visible'"
               },
               {
                 "name": "defaultValue",
@@ -6449,53 +6457,6 @@
             "events": []
           }
         },
-        {
-          "name": "sd-spinner",
-          "description": "Used as a visual indicator with a looping animation that shows loading is in process.\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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "color",
-              "description": "The color color of the spinner.",
-              "value": {
-                "type": "'primary' | 'white' | 'currentColor'",
-                "default": "'currentColor'"
-              }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "color",
-                "description": "The color color of the spinner.",
-                "type": "'primary' | 'white' | 'currentColor'"
-              },
-              { "name": "localize" },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sd-step",
           "description": "Used to determine a step in a process or task inside `sd-step-group`.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\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 step's description.\n- **label** - The step's label.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Properties:**\n - **--sd-step__circle-border-width** - The border width of the step circle. _(default: undefined)_\n- **--sd-step__tail-border-width** - The border width of the step tail. _(default: undefined)_\n- **--sd-step-color-text** - The color text for non-interactive steps. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
@@ -7322,7 +7283,7 @@
               "name": "variant",
               "description": "Variant of the teaser",
               "value": {
-                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'",
+                "type": "'white' | 'white border-neutral-400' | 'neutral-100' | 'primary' | 'primary-100'",
                 "default": "'white'"
               }
             },
@@ -7364,7 +7325,7 @@
               {
                 "name": "variant",
                 "description": "Variant of the teaser",
-                "type": "| 'white'\n    | 'white border-neutral-400'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'"
+                "type": "'white' | 'white border-neutral-400' | 'neutral-100' | 'primary' | 'primary-100'"
               },
               {
                 "name": "breakpoint",
@@ -7404,7 +7365,7 @@
               "name": "variant",
               "description": "Variant of the teaser",
               "value": {
-                "type": "| 'white'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light'\n    | 'gradient-dark'",
+                "type": "'white' | 'neutral-100' | 'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'",
                 "default": "'white'"
               }
             },
@@ -7440,7 +7401,7 @@
               {
                 "name": "variant",
                 "description": "Variant of the teaser",
-                "type": "| 'white'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light'\n    | 'gradient-dark'"
+                "type": "'white' | 'neutral-100' | 'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
               },
               {
                 "name": "open",
@@ -7550,13 +7511,13 @@
               "name": "autocapitalize",
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "value": {
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
               }
             },
             {
               "name": "autocorrect",
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "value": { "type": "'off' | 'on'" }
+              "value": { "type": "boolean" }
             },
             {
               "name": "autocomplete",
@@ -7572,7 +7533,7 @@
               "name": "enterkeyhint",
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               }
             },
             {
@@ -7722,12 +7683,12 @@
               {
                 "name": "autocapitalize",
                 "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
               },
               {
                 "name": "autocorrect",
                 "description": "Indicates whether the browser's autocorrect feature is on or off.",
-                "type": "'off' | 'on'"
+                "type": "boolean"
               },
               {
                 "name": "autocomplete",
@@ -7742,7 +7703,7 @@
               {
                 "name": "enterkeyhint",
                 "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
               },
               {
                 "name": "styleOnValid",
@@ -7869,7 +7830,7 @@
               "name": "placement",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
               "value": {
-                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'",
+                "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'",
                 "default": "'top'"
               }
             },
@@ -7958,7 +7919,7 @@
               {
                 "name": "placement",
                 "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+                "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
               },
               {
                 "name": "disabled",

package/cdn-versioned/chunks/{chunk.5ITG6KGD.js → chunk.2GJ2Z2N2.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.YAUFTHOR.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-7-0-0-next-2-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-7-0-0-next-2-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-7-0-0-next-2-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-2-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-7-0-0-next-2-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-2-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-7-0-0-next-2-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-2-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-7-0-0-next-2-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-2-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-0-0-next-2-icon--top{align-self:flex-start}.sd-7-0-0-next-2-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-7-0-0-next-2-scrollable")],n);export{n as a};
+import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.SGJYHE3R.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-7-0-0-next-4-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-7-0-0-next-4-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-7-0-0-next-4-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-4-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-7-0-0-next-4-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-4-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-7-0-0-next-4-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-7-0-0-next-4-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-7-0-0-next-4-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-7-0-0-next-4-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-7-0-0-next-4-icon--top{align-self:flex-start}.sd-7-0-0-next-4-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-7-0-0-next-4-scrollable")],n);export{n as a};