@solid-design-system/components 5.13.14 → 5.14.0

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.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};
+import"./chunks/chunk.HAL7R4WT.js";import{a as oo}from"./chunks/chunk.P4A4MG3E.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.OL3MC4KJ.js";import{a as W}from"./chunks/chunk.RUAH3USB.js";import{a as X}from"./chunks/chunk.S5L74OZT.js";import{a as Y}from"./chunks/chunk.KLRQZA55.js";import{a as Z}from"./chunks/chunk.NGRA66F6.js";import{a as _}from"./chunks/chunk.RFPHCDYR.js";import{a as $}from"./chunks/chunk.LPN6H2XI.js";import{a as V}from"./chunks/chunk.SBY3D7Z5.js";import{a as j}from"./chunks/chunk.5O2W6BHU.js";import{a as q}from"./chunks/chunk.45BJJEQN.js";import{a as y}from"./chunks/chunk.K2E3GAMB.js";import{a as z}from"./chunks/chunk.QUROB2EE.js";import{a as J}from"./chunks/chunk.FZLRODNQ.js";import{a as K}from"./chunks/chunk.QGPA2YBM.js";import{a as N}from"./chunks/chunk.BDRLVU6S.js";import{a as O}from"./chunks/chunk.OU4QUBPX.js";import{a as P}from"./chunks/chunk.27DX63IZ.js";import{a as F}from"./chunks/chunk.QKBL4F6M.js";import{a as H}from"./chunks/chunk.BJLH4TJ3.js";import{a as E}from"./chunks/chunk.AXZQQFIO.js";import{a as Q}from"./chunks/chunk.7WSJGMFU.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.VN6X7S6H.js";import{a as A}from"./chunks/chunk.3E3RTL4L.js";import{a as D}from"./chunks/chunk.TDEOUQBK.js";import{a as w}from"./chunks/chunk.D2UPXJFV.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.VYQUTMVR.js";import{a as L}from"./chunks/chunk.WAAVYVDY.js";import{a as M}from"./chunks/chunk.K42622X7.js";import{a as R}from"./chunks/chunk.ON3ZF65B.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.WCUGO6KM.js";import{a as I}from"./chunks/chunk.KHRX4BIU.js";import{a as k}from"./chunks/chunk.NB4CFDS5.js";import{a as B}from"./chunks/chunk.LH4BAEB3.js";import{a as C}from"./chunks/chunk.7HMY3NPR.js";import{a as G}from"./chunks/chunk.EATYA33G.js";import{a as i}from"./chunks/chunk.RYDPPE7T.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.QAWRVZFF.js";import{a as T}from"./chunks/chunk.AEHCWP6Y.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.7IPASI6L.js";import{a as c}from"./chunks/chunk.JNORZBSF.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.ZWFHZBGK.js";import{a as l}from"./chunks/chunk.FJNRKCSR.js";import{a as m}from"./chunks/chunk.NWOPMIFZ.js";import{a as x}from"./chunks/chunk.EXZZIF2X.js";import"./chunks/chunk.H7ISHR6A.js";import{a as s}from"./chunks/chunk.YGCLKAED.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.TFWEGFXS.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.T6OYETIK.js";import{a as e}from"./chunks/chunk.FMOMN6KM.js";import{a as r}from"./chunks/chunk.ETRXYUEA.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.24XJVK6S.js";import{a as f}from"./chunks/chunk.3VQABZV7.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.75NXZGVR.js";import{a as t}from"./chunks/chunk.4ROJWDDH.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.NCFE62SU.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.O7FECZTK.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/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.CEVVDV52.js";import"../chunks/chunk.O7HTYQZJ.js";import"../chunks/chunk.26V4EXHB.js";import"../chunks/chunk.4WS6ISBF.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.6OTM3PE5.js";import"../chunks/chunk.TJOCV4DC.js";export{a as setupAutocomplete};
+import{a}from"../chunks/chunk.CEVVDV52.js";import"../chunks/chunk.JNORZBSF.js";import"../chunks/chunk.26V4EXHB.js";import"../chunks/chunk.O7FECZTK.js";import"../chunks/chunk.UWPDCU52.js";import"../chunks/chunk.6OTM3PE5.js";import"../chunks/chunk.TJOCV4DC.js";export{a as setupAutocomplete};

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

@@ -1077,6 +1077,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-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.",
@@ -2207,58 +2259,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-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.",
@@ -2585,6 +2585,16 @@
           "description": "Determines the orientation of the step.",
           "values": [{ "name": "horizontal" }, { "name": "vertical" }]
         },
+        {
+          "name": "horizontal-inline",
+          "description": "Enables the horizontal inline variant for more compact layout.",
+          "values": []
+        },
+        {
+          "name": "waiting",
+          "description": "Sets the step to a waiting state.",
+          "values": []
+        },
         {
           "name": "disabled",
           "description": "Sets the step to a disabled state.",

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.14",
+  "version": "5.14.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2558,6 +2558,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-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.",
@@ -4942,122 +5058,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-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.",
@@ -5903,6 +5903,16 @@
                 "default": "'horizontal'"
               }
             },
+            {
+              "name": "horizontal-inline",
+              "description": "Enables the horizontal inline variant for more compact layout.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "waiting",
+              "description": "Sets the step to a waiting state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "disabled",
               "description": "Sets the step to a disabled state.",
@@ -5985,6 +5995,16 @@
                 "description": "Determines the orientation of the step.",
                 "type": "'horizontal' | 'vertical'"
               },
+              {
+                "name": "horizontalInline",
+                "description": "Enables the horizontal inline variant for more compact layout.",
+                "type": "boolean"
+              },
+              {
+                "name": "waiting",
+                "description": "Sets the step to a waiting state.",
+                "type": "boolean"
+              },
               {
                 "name": "disabled",
                 "description": "Sets the step to a disabled state.",

package/cdn-versioned/chunks/{chunk.2MWGJ42J.js → chunk.24XJVK6S.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-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};
+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.O7FECZTK.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-14-0-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-14-0-icon class="text-xl" name="pause" library="_internal"></sd-5-14-0-icon></slot>`:a`<slot name="play-icon"><sd-5-14-0-icon class="text-xl" name="start" library="_internal"></sd-5-14-0-icon></slot>`}</sd-5-14-0-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-14-0-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-14-0-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-14-0-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-14-0-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-14-0-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-14-0-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-5-14-0-range></div>${this.hasSlotController.test("transcript")?a`<sd-5-14-0-drawer><slot name="transcript"></slot></sd-5-14-0-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?s:null}</div>`}};e.styles=[...c.styles,m`sd-5-14-0-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-14-0-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-14-0-button::part(label){align-items:center;display:flex;flex-grow:0}sd-5-14-0-range::part(form-control-label){display:none}:host([inverted]) sd-5-14-0-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-14-0-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-5-14-0-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-14-0-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-14-0-drawer")],e.prototype,"drawer",2),i([u("canvas")],e.prototype,"canvas",2),e=i([g("sd-5-14-0-audio")],e);export{e as a};

package/cdn-versioned/chunks/{chunk.ZQC5PYLE.js → chunk.27DX63IZ.js}

@@ -1 +1 @@
-import{a as o}from"./chunk.GMVRGCVC.js";import{a as s}from"./chunk.YTG5BN3U.js";import{a as n}from"./chunk.SKUMYG4O.js";import{a,b as c}from"./chunk.H2TKMIFR.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as m,b as p}from"./chunk.4WS6ISBF.js";import{b as d}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.expandable=!1}render(){let r=this.expandable?a`details`:a`div`,l=this.expandable?a`summary`:a`div`;return c`<${r} part="base" class="sm:p-6"><${l} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"text-primary":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:text-4xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${e(this.open&&"hidden")}"><sd-5-13-14-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-13-14-icon></slot><slot name="collapse-icon" class="${e(!this.open&&"hidden")}"><sd-5-13-14-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-13-14-icon></slot></span></${l}><div part="content" id="content" class="${e("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${r}>`}};t.styles=[...o.styles,d`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],i([p({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=i([m("sd-5-13-14-quickfact")],t);n("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});n("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});export{t as a};
+import{a as o}from"./chunk.FMOMN6KM.js";import{a as s}from"./chunk.YTG5BN3U.js";import{a as n}from"./chunk.SKUMYG4O.js";import{a,b as c}from"./chunk.H2TKMIFR.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as m,b as p}from"./chunk.O7FECZTK.js";import{b as d}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.expandable=!1}render(){let r=this.expandable?a`details`:a`div`,l=this.expandable?a`summary`:a`div`;return c`<${r} part="base" class="sm:p-6"><${l} part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${s(this.expandable?"button":void 0)}" aria-expanded="${s(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${s(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"text-primary":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:text-4xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${e(this.open&&"hidden")}"><sd-5-14-0-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-14-0-icon></slot><slot name="collapse-icon" class="${e(!this.open&&"hidden")}"><sd-5-14-0-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-14-0-icon></slot></span></${l}><div part="content" id="content" class="${e("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${r}>`}};t.styles=[...o.styles,d`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],i([p({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=i([m("sd-5-14-0-quickfact")],t);n("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});n("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});export{t as a};

package/cdn-versioned/chunks/{chunk.FADTWOWY.js → chunk.3E3RTL4L.js}

@@ -1,4 +1,4 @@
-import{a as i}from"./chunk.YTG5BN3U.js";import{a as n,b as l}from"./chunk.H2TKMIFR.js";import{b as h}from"./chunk.N2OPZHJV.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as p,b as a,h as c}from"./chunk.4WS6ISBF.js";import{b as v}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:`
+import{a as i}from"./chunk.YTG5BN3U.js";import{a as n,b as l}from"./chunk.H2TKMIFR.js";import{b as h}from"./chunk.N2OPZHJV.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as p,b as a,h as c}from"./chunk.O7FECZTK.js";import{b as v}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
         <circle cx="25" cy="25" opacity="1" r="20" />
       </svg>`,main:`
@@ -7,4 +7,4 @@ import{a as i}from"./chunk.YTG5BN3U.js";import{a as n,b as l}from"./chunk.H2TKMI
       </svg> `,place:`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75">
         <path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd" />
-      </svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let s=this.isLink(),o=this.notInteractive?n`div`:s?n`a`:n`button`,d=h(this.marker[this.variant]),m=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return l`<${o} part="base" class="${r("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${i(s?this.href:void 0)}" target="${i(s?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${i(this.notInteractive||s?void 0:"button")}" aria-label="${i(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${i(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${r("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"fill-primary",main:"fill-accent",place:"fill-white"}[this.variant])}"><div id="motion-wrapper" part="motion-wrapper" class="absolute inset-0 overflow-hidden pointer-events-none" style="mask-image:${m};-webkit-mask-image:${m}"><div class="${r("absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",["hover","active"].includes(this.state)&&"!translate-y-0")}"><div class="${r("min-w-full min-h-full skew-y-[-11deg]",{cluster:"bg-primary-500",main:this.state==="active"?"bg-accent-700":"bg-accent-550 group-active:bg-accent-700",place:this.state==="active"?"bg-primary-200":"bg-primary-100 group-active:bg-primary-200"}[this.variant])}"></div></div>${this.variant==="main"?l`<div id="marker-circle" class="absolute rounded-full bg-white"></div>`:""}</div>${d} ${this.variant==="cluster"?l`<div id="cluster-border" class="${r("absolute inset-0 bg-primary opacity-30 rounded-full",this.state==="hover"&&"bg-primary-500")}"></div>`:""}</div><div id="content" part="content" class="${r("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${o}>`}};t.styles=[...c.styles,v`:host{display:block}#motion-wrapper{mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:host([variant=main]) #marker-circle{height:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));width:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1))}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([p("sd-5-13-14-map-marker")],t);export{t as a};
+      </svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let s=this.isLink(),o=this.notInteractive?n`div`:s?n`a`:n`button`,d=h(this.marker[this.variant]),m=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return l`<${o} part="base" class="${r("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${i(s?this.href:void 0)}" target="${i(s?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${i(this.notInteractive||s?void 0:"button")}" aria-label="${i(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${i(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${r("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"fill-primary",main:"fill-accent",place:"fill-white"}[this.variant])}"><div id="motion-wrapper" part="motion-wrapper" class="absolute inset-0 overflow-hidden pointer-events-none" style="mask-image:${m};-webkit-mask-image:${m}"><div class="${r("absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",["hover","active"].includes(this.state)&&"!translate-y-0")}"><div class="${r("min-w-full min-h-full skew-y-[-11deg]",{cluster:"bg-primary-500",main:this.state==="active"?"bg-accent-700":"bg-accent-550 group-active:bg-accent-700",place:this.state==="active"?"bg-primary-200":"bg-primary-100 group-active:bg-primary-200"}[this.variant])}"></div></div>${this.variant==="main"?l`<div id="marker-circle" class="absolute rounded-full bg-white"></div>`:""}</div>${d} ${this.variant==="cluster"?l`<div id="cluster-border" class="${r("absolute inset-0 bg-primary opacity-30 rounded-full",this.state==="hover"&&"bg-primary-500")}"></div>`:""}</div><div id="content" part="content" class="${r("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${o}>`}};t.styles=[...c.styles,v`:host{display:block}#motion-wrapper{mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:host([variant=main]) #marker-circle{height:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));width:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1))}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({type:String,reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a({type:String,reflect:!0})],t.prototype,"href",2),e([a({type:String,reflect:!0})],t.prototype,"target",2),e([a({reflect:!0})],t.prototype,"label",2),t=e([p("sd-5-14-0-map-marker")],t);export{t as a};