@solid-design-system/components 5.13.13 → 5.13.14

package/cdn/solid-components.js

@@ -1 +1 @@
-import"./chunks/chunk.HAL7R4WT.js";import{a as oo}from"./chunks/chunk.42542XOU.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.UK5N2DTE.js";import{a as W}from"./chunks/chunk.T7TDYFIZ.js";import{a as X}from"./chunks/chunk.UGEF2FQR.js";import{a as Y}from"./chunks/chunk.Y4C5Q22M.js";import{a as Z}from"./chunks/chunk.V35C2AM2.js";import{a as _}from"./chunks/chunk.LDWID3GG.js";import{a as $}from"./chunks/chunk.APITCTY7.js";import{a as V}from"./chunks/chunk.DVQVZCFM.js";import{a as j}from"./chunks/chunk.JR3LNORU.js";import{a as q}from"./chunks/chunk.JM4O4R5N.js";import{a as y}from"./chunks/chunk.4JCFZ7AN.js";import{a as z}from"./chunks/chunk.VHYOMSJH.js";import{a as J}from"./chunks/chunk.54UYR3N2.js";import{a as K}from"./chunks/chunk.W2TNOVM3.js";import{a as N}from"./chunks/chunk.VX2WA6JC.js";import{a as O}from"./chunks/chunk.WAVXNSMT.js";import{a as P}from"./chunks/chunk.ZQC5PYLE.js";import{a as F}from"./chunks/chunk.2C7EBMG5.js";import{a as H}from"./chunks/chunk.4UDZGPPR.js";import{a as E}from"./chunks/chunk.3FMPWWYL.js";import{a as Q}from"./chunks/chunk.DB2LBRW5.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.NLHZZEN6.js";import{a as A}from"./chunks/chunk.FADTWOWY.js";import{a as D}from"./chunks/chunk.DS6OKK7E.js";import{a as w}from"./chunks/chunk.EF5R3XXB.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.IVTNENFE.js";import{a as L}from"./chunks/chunk.DNPUPU5N.js";import{a as M}from"./chunks/chunk.UYJTT34Z.js";import{a as R}from"./chunks/chunk.2GL7J2OA.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.YJVLZLXE.js";import{a as I}from"./chunks/chunk.MEWKZ5ES.js";import{a as k}from"./chunks/chunk.FEL7NDH5.js";import{a as B}from"./chunks/chunk.XVP3JFUF.js";import{a as C}from"./chunks/chunk.B54NSO5Y.js";import{a as G}from"./chunks/chunk.6EVGQLHB.js";import{a as i}from"./chunks/chunk.5SK5BWKE.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.2ASRYO75.js";import{a as T}from"./chunks/chunk.SSCDGZIU.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.LACWK5U2.js";import{a as c}from"./chunks/chunk.O7HTYQZJ.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.27FNJ2PN.js";import{a as l}from"./chunks/chunk.PIM4IVY7.js";import{a as m}from"./chunks/chunk.YQ27KD5M.js";import{a as x}from"./chunks/chunk.7OFXZTBU.js";import"./chunks/chunk.SHP5JHWU.js";import{a as s}from"./chunks/chunk.5RA4GJWJ.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.HJR66OM3.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.XT7KIHF3.js";import{a as e}from"./chunks/chunk.GMVRGCVC.js";import{a as r}from"./chunks/chunk.I4JFBFUL.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.2MWGJ42J.js";import{a as f}from"./chunks/chunk.22K26MFW.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.OUQRVDFU.js";import{a as t}from"./chunks/chunk.YPIA2ACB.js";import"./chunks/chunk.6HLS5XU2.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.H2TKMIFR.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as o}from"./chunks/chunk.2NU6E5HZ.js";import"./chunks/chunk.N2OPZHJV.js";import"./chunks/chunk.CDEXCMVF.js";import{d as eo,e as ao}from"./chunks/chunk.H2TFK3FW.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.M275INNC.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.26V4EXHB.js";import{a as ro}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.QPJOKELG.js";import"./chunks/chunk.MFUKMPVQ.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.4WS6ISBF.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{ro as LocalizeController,e as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,s as SdCarousel,S as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDialog,I as SdDivider,f as SdDrawer,k as SdDropdown,B as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,M as SdInclude,R as SdInput,h as SdLink,t as SdLoader,A as SdMapMarker,D as SdMenu,w as SdMenuItem,v as SdNavigationItem,L as SdNotification,N as SdOptgroup,O as SdOption,c as SdPopup,P as SdQuickfact,E as SdRadio,F as SdRadioButton,H as SdRadioGroup,Q as SdRange,V as SdRangeTick,j as SdScrollable,q as SdSelect,y as SdSpinner,z as SdStep,J as SdStepGroup,K as SdSwitch,U as SdTab,W as SdTabGroup,X as SdTabPanel,b as SdTag,Y as SdTeaser,Z as SdTeaserMedia,_ as SdTextarea,$ as SdTooltip,oo as SdVideo,eo as registerIconLibrary,to as setupAutocomplete,ao as unregisterIconLibrary};
+import"./chunks/chunk.HAL7R4WT.js";import{a as oo}from"./chunks/chunk.42542XOU.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.UK5N2DTE.js";import{a as W}from"./chunks/chunk.T7TDYFIZ.js";import{a as X}from"./chunks/chunk.UGEF2FQR.js";import{a as Y}from"./chunks/chunk.Y4C5Q22M.js";import{a as Z}from"./chunks/chunk.V35C2AM2.js";import{a as _}from"./chunks/chunk.KS6HFLK2.js";import{a as $}from"./chunks/chunk.APITCTY7.js";import{a as V}from"./chunks/chunk.DVQVZCFM.js";import{a as j}from"./chunks/chunk.JR3LNORU.js";import{a as q}from"./chunks/chunk.LUCBOYPL.js";import{a as y}from"./chunks/chunk.4JCFZ7AN.js";import{a as z}from"./chunks/chunk.VHYOMSJH.js";import{a as J}from"./chunks/chunk.54UYR3N2.js";import{a as K}from"./chunks/chunk.HOAV46TC.js";import{a as N}from"./chunks/chunk.VX2WA6JC.js";import{a as O}from"./chunks/chunk.WAVXNSMT.js";import{a as P}from"./chunks/chunk.ZQC5PYLE.js";import{a as F}from"./chunks/chunk.2C7EBMG5.js";import{a as H}from"./chunks/chunk.QIOBA6U4.js";import{a as E}from"./chunks/chunk.3FMPWWYL.js";import{a as Q}from"./chunks/chunk.HX7XPGG3.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.NLHZZEN6.js";import{a as A}from"./chunks/chunk.FADTWOWY.js";import{a as D}from"./chunks/chunk.DS6OKK7E.js";import{a as w}from"./chunks/chunk.EF5R3XXB.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.IVTNENFE.js";import{a as L}from"./chunks/chunk.DNPUPU5N.js";import{a as M}from"./chunks/chunk.UYJTT34Z.js";import{a as R}from"./chunks/chunk.VTSX5LEC.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.YJVLZLXE.js";import{a as I}from"./chunks/chunk.MEWKZ5ES.js";import{a as k}from"./chunks/chunk.FEL7NDH5.js";import{a as B}from"./chunks/chunk.XVP3JFUF.js";import{a as C}from"./chunks/chunk.B54NSO5Y.js";import{a as G}from"./chunks/chunk.6EVGQLHB.js";import{a as i}from"./chunks/chunk.G7DX536M.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.2ASRYO75.js";import{a as T}from"./chunks/chunk.KUYKWOIR.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.LACWK5U2.js";import{a as c}from"./chunks/chunk.O7HTYQZJ.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.27FNJ2PN.js";import{a as l}from"./chunks/chunk.PIM4IVY7.js";import{a as m}from"./chunks/chunk.YQ27KD5M.js";import{a as x}from"./chunks/chunk.7OFXZTBU.js";import"./chunks/chunk.SHP5JHWU.js";import{a as s}from"./chunks/chunk.5RA4GJWJ.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.HJR66OM3.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.XT7KIHF3.js";import{a as e}from"./chunks/chunk.GMVRGCVC.js";import{a as r}from"./chunks/chunk.I4JFBFUL.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.2MWGJ42J.js";import{a as f}from"./chunks/chunk.22K26MFW.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.5PITQTCS.js";import{a as t}from"./chunks/chunk.YPIA2ACB.js";import"./chunks/chunk.I3WLVUO6.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.H2TKMIFR.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as o}from"./chunks/chunk.2NU6E5HZ.js";import"./chunks/chunk.N2OPZHJV.js";import"./chunks/chunk.CDEXCMVF.js";import{d as eo,e as ao}from"./chunks/chunk.H2TFK3FW.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.M275INNC.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.26V4EXHB.js";import{a as ro}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.QPJOKELG.js";import"./chunks/chunk.D4Q335D6.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.4WS6ISBF.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{ro as LocalizeController,e as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,s as SdCarousel,S as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDialog,I as SdDivider,f as SdDrawer,k as SdDropdown,B as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,M as SdInclude,R as SdInput,h as SdLink,t as SdLoader,A as SdMapMarker,D as SdMenu,w as SdMenuItem,v as SdNavigationItem,L as SdNotification,N as SdOptgroup,O as SdOption,c as SdPopup,P as SdQuickfact,E as SdRadio,F as SdRadioButton,H as SdRadioGroup,Q as SdRange,V as SdRangeTick,j as SdScrollable,q as SdSelect,y as SdSpinner,z as SdStep,J as SdStepGroup,K as SdSwitch,U as SdTab,W as SdTabGroup,X as SdTabPanel,b as SdTag,Y as SdTeaser,Z as SdTeaserMedia,_ as SdTextarea,$ as SdTooltip,oo as SdVideo,eo as registerIconLibrary,to as setupAutocomplete,ao as unregisterIconLibrary};

package/cdn/translations/en.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.MFUKMPVQ.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../chunks/chunk.D4Q335D6.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.TJOCV4DC.js";export{a as default};

package/cdn/utilities/form.js

@@ -1 +1 @@
-import{a as i}from"../chunks/chunk.6HLS5XU2.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.TJOCV4DC.js";function m(e){let s=new FormData(e),o={};return s.forEach((r,t)=>{if(Reflect.has(o,t)){let n=o[t];Array.isArray(n)?n.push(r):o[t]=[o[t],r]}else o[t]=r}),o}function d(e){let o=[...e.getRootNode().querySelectorAll("*")],r=[...e.elements],t=i.get(e),n=t?Array.from(t):[];return[...r,...n].sort((l,c)=>o.indexOf(l)<o.indexOf(c)?-1:o.indexOf(l)>o.indexOf(c)?1:0)}export{d as getFormControls,m as serialize};
+import{a as i}from"../chunks/chunk.I3WLVUO6.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.TJOCV4DC.js";function m(e){let s=new FormData(e),o={};return s.forEach((r,t)=>{if(Reflect.has(o,t)){let n=o[t];Array.isArray(n)?n.push(r):o[t]=[o[t],r]}else o[t]=r}),o}function d(e){let o=[...e.getRootNode().querySelectorAll("*")],r=[...e.elements],t=i.get(e),n=t?Array.from(t):[];return[...r,...n].sort((l,c)=>o.indexOf(l)<o.indexOf(c)?-1:o.indexOf(l)>o.indexOf(c)?1:0)}export{d as getFormControls,m as serialize};

package/cdn/utilities/localize.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.DEXOQON7.js";import"../chunks/chunk.QPJOKELG.js";import"../chunks/chunk.MFUKMPVQ.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.TJOCV4DC.js";export{a as LocalizeController};
+import{a}from"../chunks/chunk.DEXOQON7.js";import"../chunks/chunk.QPJOKELG.js";import"../chunks/chunk.D4Q335D6.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.TJOCV4DC.js";export{a as LocalizeController};

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

@@ -1077,58 +1077,6 @@
         }
       ]
     },
-    {
-      "name": "sd-flipcard",
-      "description": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\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 - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",
-      "attributes": [
-        {
-          "name": "flip-direction",
-          "description": "Allows the flipcard to flip vertically or horizontally.",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
-        {
-          "name": "placement",
-          "description": "Determines the placement of the contents of the flipcard.",
-          "values": [{ "name": "top" }, { "name": "bottom" }]
-        },
-        {
-          "name": "front-variant",
-          "description": "Determines the variant of the front face of the flipcard.",
-          "values": [
-            { "name": "primary" },
-            { "name": "primary-100" },
-            { "name": "gradient-light" },
-            { "name": "gradient-dark" }
-          ]
-        },
-        {
-          "name": "back-variant",
-          "description": "Determines the variant of the back face of the flipcard.",
-          "values": [
-            { "name": "primary" },
-            { "name": "primary-100" },
-            { "name": "gradient-light" },
-            { "name": "gradient-dark" }
-          ]
-        },
-        {
-          "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-flipcard--docs"
-        }
-      ]
-    },
     {
       "name": "sd-header",
       "description": "Header\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 header's default content.\n\n### **CSS Properties:**\n - **--sd-header-inner-width** - width of the header content _(default: undefined)_\n- **--sd-header-inner-max-width** - max-width of the header content _(default: undefined)_\n- **--sd-header-padding** - padding-left and padding-right of the header content _(default: undefined)_\n\n### **CSS Parts:**\n - **main** - The container that wraps the header's content.",
@@ -2259,6 +2207,58 @@
         }
       ]
     },
+    {
+      "name": "sd-flipcard",
+      "description": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\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 - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",
+      "attributes": [
+        {
+          "name": "flip-direction",
+          "description": "Allows the flipcard to flip vertically or horizontally.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "placement",
+          "description": "Determines the placement of the contents of the flipcard.",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "front-variant",
+          "description": "Determines the variant of the front face of the flipcard.",
+          "values": [
+            { "name": "primary" },
+            { "name": "primary-100" },
+            { "name": "gradient-light" },
+            { "name": "gradient-dark" }
+          ]
+        },
+        {
+          "name": "back-variant",
+          "description": "Determines the variant of the back face of the flipcard.",
+          "values": [
+            { "name": "primary" },
+            { "name": "primary-100" },
+            { "name": "gradient-light" },
+            { "name": "gradient-dark" }
+          ]
+        },
+        {
+          "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-flipcard--docs"
+        }
+      ]
+    },
     {
       "name": "sd-range",
       "description": "Used to allow users to select a single or multiple values within a defined range using a slider.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-move** - Emitted when the user moves a thumb, either via touch or keyboard. Use `Event.preventDefault()` to prevent movement.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show the browser's validation message.\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- **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.\n- **help-text** - Text that describes how to use the range. Alternatively, you can use the `help-text` attribute.\n- **label** - The range's label. Alternatively, you can use the `label` attribute.\n- **scale-ticks** - Used to display tick marks at specific intervals along the range.\n\n### **CSS Properties:**\n - **--track-active-offset** - The point of origin of the active track, starting at the left side of the range. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input-wrapper** - The container that wraps the input track and ticks.\n- **track-wrapper** - The wrapper for the track.\n- **track** - The inactive track.\n- **active-track** - The active track.\n- **track-click-helper** - The element that increases the track clickable area.\n- **thumb** - The thumb(s) that the user can drag to change the range.\n- **scale-ticks** - The container that wraps the tick marks.",

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": "5.13.13",
+  "version": "5.13.14",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2558,122 +2558,6 @@
             ]
           }
         },
-        {
-          "name": "sd-flipcard",
-          "description": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\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 - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "flip-direction",
-              "description": "Allows the flipcard to flip vertically or horizontally.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "placement",
-              "description": "Determines the placement of the contents of the flipcard.",
-              "value": { "type": "'top' | 'bottom'", "default": "'top'" }
-            },
-            {
-              "name": "front-variant",
-              "description": "Determines the variant of the front face of the flipcard.",
-              "value": {
-                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'",
-                "default": "'primary'"
-              }
-            },
-            {
-              "name": "back-variant",
-              "description": "Determines the variant of the back face of the flipcard.",
-              "value": {
-                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'",
-                "default": "'primary'"
-              }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "front",
-              "description": "The front face of the flipcard."
-            },
-            { "name": "back", "description": "The back face of the flipcard." },
-            {
-              "name": "media-front",
-              "description": "An optional media slot which can be as a background. Dependent from gradient variant."
-            },
-            {
-              "name": "media-back",
-              "description": "An optional media slot which can be as a background. Dependent from gradient variant."
-            }
-          ],
-          "events": [
-            {
-              "name": "sd-flip-front",
-              "description": "Emmited when the front face of the flipcard is clicked."
-            },
-            {
-              "name": "sd-flip-back",
-              "description": "Emmited when the back face of the flipcard is clicked."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "flipDirection",
-                "description": "Allows the flipcard to flip vertically or horizontally.",
-                "type": "'horizontal' | 'vertical'"
-              },
-              {
-                "name": "placement",
-                "description": "Determines the placement of the contents of the flipcard.",
-                "type": "'top' | 'bottom'"
-              },
-              {
-                "name": "frontVariant",
-                "description": "Determines the variant of the front face of the flipcard.",
-                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
-              },
-              {
-                "name": "backVariant",
-                "description": "Determines the variant of the back face of the flipcard.",
-                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
-              },
-              { "name": "activeSide", "type": "'front' | 'back'" },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "sd-flip-front",
-                "description": "Emmited when the front face of the flipcard is clicked."
-              },
-              {
-                "name": "sd-flip-back",
-                "description": "Emmited when the back face of the flipcard is clicked."
-              }
-            ]
-          }
-        },
         {
           "name": "sd-header",
           "description": "Header\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 header's default content.\n\n### **CSS Properties:**\n - **--sd-header-inner-width** - width of the header content _(default: undefined)_\n- **--sd-header-inner-max-width** - max-width of the header content _(default: undefined)_\n- **--sd-header-padding** - padding-left and padding-right of the header content _(default: undefined)_\n\n### **CSS Parts:**\n - **main** - The container that wraps the header's content.",
@@ -5058,6 +4942,122 @@
             ]
           }
         },
+        {
+          "name": "sd-flipcard",
+          "description": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\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 - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "flip-direction",
+              "description": "Allows the flipcard to flip vertically or horizontally.",
+              "value": {
+                "type": "'horizontal' | 'vertical'",
+                "default": "'horizontal'"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "Determines the placement of the contents of the flipcard.",
+              "value": { "type": "'top' | 'bottom'", "default": "'top'" }
+            },
+            {
+              "name": "front-variant",
+              "description": "Determines the variant of the front face of the flipcard.",
+              "value": {
+                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "back-variant",
+              "description": "Determines the variant of the back face of the flipcard.",
+              "value": {
+                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "front",
+              "description": "The front face of the flipcard."
+            },
+            { "name": "back", "description": "The back face of the flipcard." },
+            {
+              "name": "media-front",
+              "description": "An optional media slot which can be as a background. Dependent from gradient variant."
+            },
+            {
+              "name": "media-back",
+              "description": "An optional media slot which can be as a background. Dependent from gradient variant."
+            }
+          ],
+          "events": [
+            {
+              "name": "sd-flip-front",
+              "description": "Emmited when the front face of the flipcard is clicked."
+            },
+            {
+              "name": "sd-flip-back",
+              "description": "Emmited when the back face of the flipcard is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "flipDirection",
+                "description": "Allows the flipcard to flip vertically or horizontally.",
+                "type": "'horizontal' | 'vertical'"
+              },
+              {
+                "name": "placement",
+                "description": "Determines the placement of the contents of the flipcard.",
+                "type": "'top' | 'bottom'"
+              },
+              {
+                "name": "frontVariant",
+                "description": "Determines the variant of the front face of the flipcard.",
+                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              {
+                "name": "backVariant",
+                "description": "Determines the variant of the back face of the flipcard.",
+                "type": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              { "name": "activeSide", "type": "'front' | 'back'" },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-flip-front",
+                "description": "Emmited when the front face of the flipcard is clicked."
+              },
+              {
+                "name": "sd-flip-back",
+                "description": "Emmited when the back face of the flipcard is clicked."
+              }
+            ]
+          }
+        },
         {
           "name": "sd-range",
           "description": "Used to allow users to select a single or multiple values within a defined range using a slider.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-move** - Emitted when the user moves a thumb, either via touch or keyboard. Use `Event.preventDefault()` to prevent movement.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show the browser's validation message.\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- **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.\n- **help-text** - Text that describes how to use the range. Alternatively, you can use the `help-text` attribute.\n- **label** - The range's label. Alternatively, you can use the `label` attribute.\n- **scale-ticks** - Used to display tick marks at specific intervals along the range.\n\n### **CSS Properties:**\n - **--track-active-offset** - The point of origin of the active track, starting at the left side of the range. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input-wrapper** - The container that wraps the input track and ticks.\n- **track-wrapper** - The wrapper for the track.\n- **track** - The inactive track.\n- **active-track** - The active track.\n- **track-click-helper** - The element that increases the track clickable area.\n- **thumb** - The thumb(s) that the user can drag to change the range.\n- **scale-ticks** - The container that wraps the tick marks.",

package/cdn-versioned/chunks/chunk.22K26MFW.js

@@ -1 +1 @@
-import{a as g}from"./chunk.I2H6CZK5.js";import{a as L}from"./chunk.2AQOPKKH.js";import{a as A}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as C}from"./chunk.DEXOQON7.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as x,b as r,d as c,h as b}from"./chunk.4WS6ISBF.js";import{b as k,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new L(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=A(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-5-13-13-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2"><sd-5-13-13-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-13-13-icon></sd-5-13-13-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-5-13-13-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-13-13-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-13-13-icon></sd-5-13-13-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...b.styles,k`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-5-13-13-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
+import{a as g}from"./chunk.I2H6CZK5.js";import{a as L}from"./chunk.2AQOPKKH.js";import{a as A}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as C}from"./chunk.DEXOQON7.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as x,b as r,d as c,h as b}from"./chunk.4WS6ISBF.js";import{b as k,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new L(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=A(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-5-13-14-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2"><sd-5-13-14-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-13-14-icon></sd-5-13-14-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-5-13-14-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-13-14-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-13-14-icon></sd-5-13-14-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...b.styles,k`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-5-13-14-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};

package/cdn-versioned/chunks/chunk.27FNJ2PN.js

@@ -1 +1 @@
-import{a as s}from"./chunk.26V4EXHB.js";import{a as o,b as r,h as i}from"./chunk.4WS6ISBF.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-13-13-badge")],e);export{e as a};
+import{a as s}from"./chunk.26V4EXHB.js";import{a as o,b as r,h as i}from"./chunk.4WS6ISBF.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-13-14-badge")],e);export{e as a};

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

@@ -1 +1 @@
-import{a as p}from"./chunk.CGQ2BPPZ.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.4WS6ISBF.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-13-13-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-13-13-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-5-13-13-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-13-13-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-13-13-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-13-13-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-13-13-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-13-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-13-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-13-13-checkbox-group")],t);export{t as a};
+import{a as p}from"./chunk.CGQ2BPPZ.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.4WS6ISBF.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-13-14-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-13-14-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-5-13-14-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-13-14-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-13-14-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-13-14-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-13-14-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-14-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-13-14-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-13-14-checkbox-group")],t);export{t as a};

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

@@ -1 +1 @@
-import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.YTG5BN3U.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as c,b as i,c as u,d as r,h as n}from"./chunk.4WS6ISBF.js";import{b as d,e as a}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return a`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${o("relative text-center rounded-full transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary text-white hover:bg-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:text-primary-500 cursor-pointer",e&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",e&&"button--has-label",l&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${b(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${o(l&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!l}"></slot>${e?a`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...n.styles,d`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-5-13-13-button-group__button:not(.sd-5-13-13-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem)*-1)}:host([size=md].sd-5-13-13-button-group__button:not(.sd-5-13-13-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem)*-1)}:host([size=sm].sd-5-13-13-button-group__button:not(.sd-5-13-13-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem)*-1)}:host(.sd-5-13-13-button-group__button--hover){z-index:20}:host(.sd-5-13-13-button-group__button--focus),:host(.sd-5-13-13-button-group__button[checked]){z-index:10}`],s([r(".button")],t.prototype,"input",2),s([r(".hidden-input")],t.prototype,"hiddenInput",2),s([u()],t.prototype,"hasFocus",2),s([i({type:String,reflect:!0})],t.prototype,"size",2),s([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([i()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([c("sd-5-13-13-radio-button")],t);export{t as a};
+import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.YTG5BN3U.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as c,b as i,c as u,d as r,h as n}from"./chunk.4WS6ISBF.js";import{b as d,e as a}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),l=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return a`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${o("relative text-center rounded-full transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary text-white hover:bg-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:text-primary-500 cursor-pointer",e&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",e&&"button--has-label",l&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${b(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${o(l&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!l}"></slot>${e?a`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...n.styles,d`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-5-13-14-button-group__button:not(.sd-5-13-14-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem)*-1)}:host([size=md].sd-5-13-14-button-group__button:not(.sd-5-13-14-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem)*-1)}:host([size=sm].sd-5-13-14-button-group__button:not(.sd-5-13-14-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem)*-1)}:host(.sd-5-13-14-button-group__button--hover){z-index:20}:host(.sd-5-13-14-button-group__button--focus),:host(.sd-5-13-14-button-group__button[checked]){z-index:10}`],s([r(".button")],t.prototype,"input",2),s([r(".hidden-input")],t.prototype,"hiddenInput",2),s([u()],t.prototype,"hasFocus",2),s([i({type:String,reflect:!0})],t.prototype,"size",2),s([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([i()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([c("sd-5-13-14-radio-button")],t);export{t as a};

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

@@ -1 +1 @@
-import{a as y}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as g,b as l,c as o,d as u,h as c}from"./chunk.4WS6ISBF.js";import{b as m,e as a}from"./chunk.UWPDCU52.js";import{a as d}from"./chunk.WNP2V63C.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends c{constructor(){super();this.localize=new v(this);this.hasSlotController=new y(this,"transcript");this.reversedLayout=!1;this.hideTimestamps=!1;this.animated=!1;this.inverted=!1;this.speed=1;this.currentTime=this.formatTime(0);this.duration="";this.isPlaying=!1;this.isMuted=!1;this.isTranscriptOpen=!1;this.progress=0;this.updateCurrentTime=this.updateCurrentTime.bind(this),this.handleAudioEnd=this.handleAudioEnd.bind(this),this.handleAudioProgress=this.handleAudioProgress.bind(this),this.handleAudioProgressKeydown=this.handleAudioProgressKeydown.bind(this),this.handleTranscriptDrawerToggle=this.handleTranscriptDrawerToggle.bind(this)}firstUpdated(){this.audioElement&&(this.audioElement.addEventListener("timeupdate",this.updateCurrentTime),this.audioElement.addEventListener("ended",this.handleAudioEnd),this.audioElement.setAttribute("controlsList","nodownload"),document.addEventListener("sd-after-hide",this.handleTranscriptDrawerToggle),this.audioElement.playbackRate=this.speed,this.progressSlider.tooltipFormatter=t=>this.localize.term("seconds",Number(t).toFixed(0)),this.animated&&this.initAnimation())}updated(t){if(t.has("animated")){let s=t.get("animated");!s&&this.animated?this.initAnimation():s&&!this.animated&&this.clear()}}get audioElement(){let t=this.shadowRoot.querySelector("slot");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}updateCurrentTime(){if(!this.audioElement)return;let t=this.audioElement.currentTime;this.currentTime=this.formatTime(t),this.progress=t,this.progressSlider&&(this.progressSlider.value=this.progress.toString())}updateAudioDuration(){if(this.audioElement){if(isNaN(this.audioElement.duration)){setTimeout(()=>{this.updateAudioDuration()},100);return}this.duration=this.formatTime(this.audioElement.duration),this.progressSlider.max=this.audioElement.duration}}playAudio(){this.audioElement&&(this.isPlaying=!0,this.audioElement.play(),this.emit("sd-playback-start"),this.animated&&this.draw())}pauseAudio(){this.audioElement&&(this.isPlaying=!1,this.audioElement.pause(),this.emit("sd-playback-pause"),this.animated&&this.stopAnimation())}handleAudioEnd(){this.emit("sd-playback-end"),this.isPlaying=!1,this.progress=0,this.progressSlider.value="0",this.currentTime=this.formatTime(0),this.animated&&this.stopAnimation()}toggleMute(){this.audioElement&&(this.isMuted=!this.isMuted,this.isMuted?(this.emit("sd-playback-mute"),this.audioElement.muted=!0):(this.emit("sd-playback-unmute"),this.audioElement.muted=!1))}toggleMuteKeydown(t){t.key==="Enter"&&(t.preventDefault(),this.toggleMute())}togglePlaybackSpeed(){this.audioElement&&(this.emit("sd-playback-speed"),this.speed=this.speed===1.5?1:this.speed+.25,this.audioElement.playbackRate=this.speed)}togglePlaybackSpeedKeydown(t){t.key==="Enter"&&(t.preventDefault(),this.togglePlaybackSpeed())}formatTime(t){let s=Math.floor(t/60).toString().padStart(2,"0"),h=Math.floor(t%60).toString().padStart(2,"0");return`${s}:${h}`}handleAudioProgress(){if(!this.audioElement)return;let t=Number(this.progressSlider.value);this.audioElement.currentTime=t,this.progress=t,this.currentTime=this.formatTime(t)}handleAudioProgressKeydown(t){t.key==="ArrowRight"&&(this.progressSlider.value=(Number(this.progressSlider.value)+1).toString(),this.handleAudioProgress()),t.key==="ArrowLeft"&&(this.progressSlider.value=(Number(this.progressSlider.value)-1).toString(),this.handleAudioProgress())}handleTranscriptDrawerToggle(){this.isTranscriptOpen=!this.isTranscriptOpen}handleThumbGrab(){var t;(t=this.audioElement)==null||t.pause()}handleThumbRelease(){var t;this.isPlaying&&((t=this.audioElement)==null||t.play())}showTranscript(){this.emit("sd-transcript-click"),this.drawer.open=!0,this.handleTranscriptDrawerToggle()}showTranscriptKeydown(t){(t.key==="Enter"||t.key===" ")&&this.showTranscript()}rgbToHex(t){let s=t.match(/\d+/g);if(s&&s.length===3){let h=parseInt(s[0]),r=parseInt(s[1]),b=parseInt(s[2]),p=f=>f.toString(16).padStart(2,"0");return`#${p(h)}${p(r)}${p(b)}`.toUpperCase()}return null}initAnimation(){this.context=this.canvas.getContext("2d");let t=this.audioPlayerContainer.querySelector(".playback-speed"),h=window.getComputedStyle(t).color,r;this.inverted?r="#FFFFFF33":r=this.rgbToHex(h)+"33",this.waveList=[new d({canvas:this.canvas,color:r,phase:240,shift:1.5,amplitude:230,frequency:.012,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:2.5,amplitude:250,frequency:.005,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:-2.5,amplitude:250,frequency:.005,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:-1,amplitude:200,frequency:.018,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:1.5,amplitude:150,frequency:.01,damping:1})],this.animated&&this.drawStillWaves()}drawStillWaves(){this.waveList.forEach(t=>{t.redraw()})}stopAnimation(){this.isPlaying=!1}clear(){!this.context||!this.canvas||this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}async draw(){!this.isPlaying||!this.animated||(this.clear(),this.waveList.forEach(t=>{t.redraw()}),await new Promise(t=>{setTimeout(t,1e3/30)}),await this.draw())}render(){let t=a`<div class="${n("controls grid grid-cols-3 justify-items-center items-center",this.reversedLayout?"mt-2":"mb-2",!this.animated&&"relative",this.animated&&!this.reversedLayout&&"absolute -top-4 left-0 w-full")}" part="audio-controls"><button class="${n("playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-5-13-13-button ?inverted="${!!this.inverted}" part="play-button" size="lg" @click="${this.isPlaying?this.pauseAudio:this.playAudio}" aria-label="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" title="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" class="mb-4">${this.isPlaying?a`<slot name="pause-icon"><sd-5-13-13-icon class="text-xl" name="pause" library="_internal"></sd-5-13-13-icon></slot>`:a`<slot name="play-icon"><sd-5-13-13-icon class="text-xl" name="start" library="_internal"></sd-5-13-13-icon></slot>`}</sd-5-13-13-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript")?a`<button class="${n("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen?this.localize.term("transcriptIsOpen"):this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-5-13-13-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-13-13-icon></button>`:null} <button class="${n("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" part="volume" aria-label="${this.isMuted?this.localize.term("unmute"):this.localize.term("mute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-5-13-13-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-13-13-icon></button></div></div>`,s=a`<div class="${n("w-full flex justify-between",this.reversedLayout?"mb-0.5":"mt-0.5",this.animated&&this.reversedLayout&&"absolute bottom-0 left-0 !mb-4")}" part="timestamps"><div class="${n("current-time text-sm",this.inverted?"text-primary-400":"text-black")}">${this.currentTime}</div><div class="${n("current-time text-sm",this.inverted?"text-primary-400":"text-black")}">${this.duration}</div></div>`;return a`<div class="${n("w-full flex relative",this.reversedLayout?"flex-col-reverse":"flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated||this.animated&&this.reversedLayout?t:null}<div class="relative">${this.animated&&!this.reversedLayout?a`${t}`:null} ${this.animated?a`<canvas class="w-full h-16 -mb-2"></canvas>`:null} ${!this.hideTimestamps&&this.animated&&this.reversedLayout?s:null}<sd-5-13-13-range part="progress-slider" no-tooltip min="0" max="100" step="0.001" label="${this.localize.term("seekBar")}" @mousedown="${this.handleThumbGrab}" @touchstart="${this.handleThumbGrab}" @mouseup="${this.handleThumbRelease}" @touchend="${this.handleThumbRelease}" @sd-5-13-13-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-5-13-13-range></div>${this.hasSlotController.test("transcript")?a`<sd-5-13-13-drawer><slot name="transcript"></slot></sd-5-13-13-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?s:null}</div>`}};e.styles=[...c.styles,m`sd-5-13-13-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-12,3rem);justify-content:center;width:var(--sd-spacing-12,3rem)}sd-5-13-13-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-13-13-button::part(label){align-items:center;display:flex;flex-grow:0}sd-5-13-13-range::part(form-control-label){display:none}:host([inverted]) sd-5-13-13-range::part(thumb){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));outline-color:rgb(var(--sd-color-white,255 255 255)/1)}:host([animated]) sd-5-13-13-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-5-13-13-range::part(track){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-bg-opacity,1))}:host([inverted]:not([animated])) sd-5-13-13-range::part(active-track){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}`],i([l({type:Boolean,reflect:!0,attribute:"reversed-layout"})],e.prototype,"reversedLayout",2),i([l({type:Boolean,reflect:!0,attribute:"hide-timestamps"})],e.prototype,"hideTimestamps",2),i([l({type:Boolean,reflect:!0})],e.prototype,"animated",2),i([l({type:Boolean,reflect:!0})],e.prototype,"inverted",2),i([l({type:Number,reflect:!0})],e.prototype,"speed",2),i([o()],e.prototype,"currentTime",2),i([o()],e.prototype,"duration",2),i([o()],e.prototype,"isPlaying",2),i([o()],e.prototype,"isMuted",2),i([o()],e.prototype,"isTranscriptOpen",2),i([o()],e.prototype,"progress",2),i([u('[part="progress-slider"]')],e.prototype,"progressSlider",2),i([u('[part="audio-player"]')],e.prototype,"audioPlayerContainer",2),i([u("sd-5-13-13-drawer")],e.prototype,"drawer",2),i([u("canvas")],e.prototype,"canvas",2),e=i([g("sd-5-13-13-audio")],e);export{e as a};
+import{a as y}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as g,b as l,c as o,d as u,h as c}from"./chunk.4WS6ISBF.js";import{b as m,e as a}from"./chunk.UWPDCU52.js";import{a as d}from"./chunk.WNP2V63C.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends c{constructor(){super();this.localize=new v(this);this.hasSlotController=new y(this,"transcript");this.reversedLayout=!1;this.hideTimestamps=!1;this.animated=!1;this.inverted=!1;this.speed=1;this.currentTime=this.formatTime(0);this.duration="";this.isPlaying=!1;this.isMuted=!1;this.isTranscriptOpen=!1;this.progress=0;this.updateCurrentTime=this.updateCurrentTime.bind(this),this.handleAudioEnd=this.handleAudioEnd.bind(this),this.handleAudioProgress=this.handleAudioProgress.bind(this),this.handleAudioProgressKeydown=this.handleAudioProgressKeydown.bind(this),this.handleTranscriptDrawerToggle=this.handleTranscriptDrawerToggle.bind(this)}firstUpdated(){this.audioElement&&(this.audioElement.addEventListener("timeupdate",this.updateCurrentTime),this.audioElement.addEventListener("ended",this.handleAudioEnd),this.audioElement.setAttribute("controlsList","nodownload"),document.addEventListener("sd-after-hide",this.handleTranscriptDrawerToggle),this.audioElement.playbackRate=this.speed,this.progressSlider.tooltipFormatter=t=>this.localize.term("seconds",Number(t).toFixed(0)),this.animated&&this.initAnimation())}updated(t){if(t.has("animated")){let s=t.get("animated");!s&&this.animated?this.initAnimation():s&&!this.animated&&this.clear()}}get audioElement(){let t=this.shadowRoot.querySelector("slot");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}updateCurrentTime(){if(!this.audioElement)return;let t=this.audioElement.currentTime;this.currentTime=this.formatTime(t),this.progress=t,this.progressSlider&&(this.progressSlider.value=this.progress.toString())}updateAudioDuration(){if(this.audioElement){if(isNaN(this.audioElement.duration)){setTimeout(()=>{this.updateAudioDuration()},100);return}this.duration=this.formatTime(this.audioElement.duration),this.progressSlider.max=this.audioElement.duration}}playAudio(){this.audioElement&&(this.isPlaying=!0,this.audioElement.play(),this.emit("sd-playback-start"),this.animated&&this.draw())}pauseAudio(){this.audioElement&&(this.isPlaying=!1,this.audioElement.pause(),this.emit("sd-playback-pause"),this.animated&&this.stopAnimation())}handleAudioEnd(){this.emit("sd-playback-end"),this.isPlaying=!1,this.progress=0,this.progressSlider.value="0",this.currentTime=this.formatTime(0),this.animated&&this.stopAnimation()}toggleMute(){this.audioElement&&(this.isMuted=!this.isMuted,this.isMuted?(this.emit("sd-playback-mute"),this.audioElement.muted=!0):(this.emit("sd-playback-unmute"),this.audioElement.muted=!1))}toggleMuteKeydown(t){t.key==="Enter"&&(t.preventDefault(),this.toggleMute())}togglePlaybackSpeed(){this.audioElement&&(this.emit("sd-playback-speed"),this.speed=this.speed===1.5?1:this.speed+.25,this.audioElement.playbackRate=this.speed)}togglePlaybackSpeedKeydown(t){t.key==="Enter"&&(t.preventDefault(),this.togglePlaybackSpeed())}formatTime(t){let s=Math.floor(t/60).toString().padStart(2,"0"),h=Math.floor(t%60).toString().padStart(2,"0");return`${s}:${h}`}handleAudioProgress(){if(!this.audioElement)return;let t=Number(this.progressSlider.value);this.audioElement.currentTime=t,this.progress=t,this.currentTime=this.formatTime(t)}handleAudioProgressKeydown(t){t.key==="ArrowRight"&&(this.progressSlider.value=(Number(this.progressSlider.value)+1).toString(),this.handleAudioProgress()),t.key==="ArrowLeft"&&(this.progressSlider.value=(Number(this.progressSlider.value)-1).toString(),this.handleAudioProgress())}handleTranscriptDrawerToggle(){this.isTranscriptOpen=!this.isTranscriptOpen}handleThumbGrab(){var t;(t=this.audioElement)==null||t.pause()}handleThumbRelease(){var t;this.isPlaying&&((t=this.audioElement)==null||t.play())}showTranscript(){this.emit("sd-transcript-click"),this.drawer.open=!0,this.handleTranscriptDrawerToggle()}showTranscriptKeydown(t){(t.key==="Enter"||t.key===" ")&&this.showTranscript()}rgbToHex(t){let s=t.match(/\d+/g);if(s&&s.length===3){let h=parseInt(s[0]),r=parseInt(s[1]),b=parseInt(s[2]),p=f=>f.toString(16).padStart(2,"0");return`#${p(h)}${p(r)}${p(b)}`.toUpperCase()}return null}initAnimation(){this.context=this.canvas.getContext("2d");let t=this.audioPlayerContainer.querySelector(".playback-speed"),h=window.getComputedStyle(t).color,r;this.inverted?r="#FFFFFF33":r=this.rgbToHex(h)+"33",this.waveList=[new d({canvas:this.canvas,color:r,phase:240,shift:1.5,amplitude:230,frequency:.012,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:2.5,amplitude:250,frequency:.005,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:-2.5,amplitude:250,frequency:.005,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:-1,amplitude:200,frequency:.018,damping:1}),new d({canvas:this.canvas,color:r,phase:180,shift:1.5,amplitude:150,frequency:.01,damping:1})],this.animated&&this.drawStillWaves()}drawStillWaves(){this.waveList.forEach(t=>{t.redraw()})}stopAnimation(){this.isPlaying=!1}clear(){!this.context||!this.canvas||this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}async draw(){!this.isPlaying||!this.animated||(this.clear(),this.waveList.forEach(t=>{t.redraw()}),await new Promise(t=>{setTimeout(t,1e3/30)}),await this.draw())}render(){let t=a`<div class="${n("controls grid grid-cols-3 justify-items-center items-center",this.reversedLayout?"mt-2":"mb-2",!this.animated&&"relative",this.animated&&!this.reversedLayout&&"absolute -top-4 left-0 w-full")}" part="audio-controls"><button class="${n("playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-5-13-14-button ?inverted="${!!this.inverted}" part="play-button" size="lg" @click="${this.isPlaying?this.pauseAudio:this.playAudio}" aria-label="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" title="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" class="mb-4">${this.isPlaying?a`<slot name="pause-icon"><sd-5-13-14-icon class="text-xl" name="pause" library="_internal"></sd-5-13-14-icon></slot>`:a`<slot name="play-icon"><sd-5-13-14-icon class="text-xl" name="start" library="_internal"></sd-5-13-14-icon></slot>`}</sd-5-13-14-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript")?a`<button class="${n("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen?this.localize.term("transcriptIsOpen"):this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-5-13-14-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-13-14-icon></button>`:null} <button class="${n("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" part="volume" aria-label="${this.isMuted?this.localize.term("unmute"):this.localize.term("mute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-5-13-14-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-13-14-icon></button></div></div>`,s=a`<div class="${n("w-full flex justify-between",this.reversedLayout?"mb-0.5":"mt-0.5",this.animated&&this.reversedLayout&&"absolute bottom-0 left-0 !mb-4")}" part="timestamps"><div class="${n("current-time text-sm",this.inverted?"text-primary-400":"text-black")}">${this.currentTime}</div><div class="${n("current-time text-sm",this.inverted?"text-primary-400":"text-black")}">${this.duration}</div></div>`;return a`<div class="${n("w-full flex relative",this.reversedLayout?"flex-col-reverse":"flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated||this.animated&&this.reversedLayout?t:null}<div class="relative">${this.animated&&!this.reversedLayout?a`${t}`:null} ${this.animated?a`<canvas class="w-full h-16 -mb-2"></canvas>`:null} ${!this.hideTimestamps&&this.animated&&this.reversedLayout?s:null}<sd-5-13-14-range part="progress-slider" no-tooltip min="0" max="100" step="0.001" label="${this.localize.term("seekBar")}" @mousedown="${this.handleThumbGrab}" @touchstart="${this.handleThumbGrab}" @mouseup="${this.handleThumbRelease}" @touchend="${this.handleThumbRelease}" @sd-5-13-14-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-5-13-14-range></div>${this.hasSlotController.test("transcript")?a`<sd-5-13-14-drawer><slot name="transcript"></slot></sd-5-13-14-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?s:null}</div>`}};e.styles=[...c.styles,m`sd-5-13-14-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-12,3rem);justify-content:center;width:var(--sd-spacing-12,3rem)}sd-5-13-14-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-13-14-button::part(label){align-items:center;display:flex;flex-grow:0}sd-5-13-14-range::part(form-control-label){display:none}:host([inverted]) sd-5-13-14-range::part(thumb){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));outline-color:rgb(var(--sd-color-white,255 255 255)/1)}:host([animated]) sd-5-13-14-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-5-13-14-range::part(track){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-bg-opacity,1))}:host([inverted]:not([animated])) sd-5-13-14-range::part(active-track){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}`],i([l({type:Boolean,reflect:!0,attribute:"reversed-layout"})],e.prototype,"reversedLayout",2),i([l({type:Boolean,reflect:!0,attribute:"hide-timestamps"})],e.prototype,"hideTimestamps",2),i([l({type:Boolean,reflect:!0})],e.prototype,"animated",2),i([l({type:Boolean,reflect:!0})],e.prototype,"inverted",2),i([l({type:Number,reflect:!0})],e.prototype,"speed",2),i([o()],e.prototype,"currentTime",2),i([o()],e.prototype,"duration",2),i([o()],e.prototype,"isPlaying",2),i([o()],e.prototype,"isMuted",2),i([o()],e.prototype,"isTranscriptOpen",2),i([o()],e.prototype,"progress",2),i([u('[part="progress-slider"]')],e.prototype,"progressSlider",2),i([u('[part="audio-player"]')],e.prototype,"audioPlayerContainer",2),i([u("sd-5-13-14-drawer")],e.prototype,"drawer",2),i([u("canvas")],e.prototype,"canvas",2),e=i([g("sd-5-13-14-audio")],e);export{e as a};