@solid-design-system/components 5.13.14 → 5.13.15

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.QBQ4E5NB.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.NCS4IZ2C.js";import{a as W}from"./chunks/chunk.QBRCQRLS.js";import{a as X}from"./chunks/chunk.DEUBNH5Y.js";import{a as Y}from"./chunks/chunk.Q2GNMFNL.js";import{a as Z}from"./chunks/chunk.TFBJYUNO.js";import{a as _}from"./chunks/chunk.66GMDNBP.js";import{a as $}from"./chunks/chunk.WTTEOAMT.js";import{a as V}from"./chunks/chunk.PGLK7JSU.js";import{a as j}from"./chunks/chunk.TS7HVJ22.js";import{a as q}from"./chunks/chunk.5JVELGCN.js";import{a as y}from"./chunks/chunk.MTMPNMST.js";import{a as z}from"./chunks/chunk.GSAG6BPH.js";import{a as J}from"./chunks/chunk.UKCCU2GA.js";import{a as K}from"./chunks/chunk.PDZQOG2A.js";import{a as N}from"./chunks/chunk.AA5LJ7W6.js";import{a as O}from"./chunks/chunk.75WVAPNG.js";import{a as P}from"./chunks/chunk.BD6A3UXV.js";import{a as F}from"./chunks/chunk.74646IV2.js";import{a as H}from"./chunks/chunk.FMGSABMZ.js";import{a as E}from"./chunks/chunk.VD22AOXR.js";import{a as Q}from"./chunks/chunk.GB5NMXSI.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.TP2EBILT.js";import{a as A}from"./chunks/chunk.IIHKERHX.js";import{a as D}from"./chunks/chunk.33KRM4P7.js";import{a as w}from"./chunks/chunk.PSAJHIEA.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.LKSTUQOS.js";import{a as L}from"./chunks/chunk.RHWOCL75.js";import{a as M}from"./chunks/chunk.N26HOMLB.js";import{a as R}from"./chunks/chunk.3QN6NR3A.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.VALQ5H7R.js";import{a as I}from"./chunks/chunk.UW7RZPW7.js";import{a as k}from"./chunks/chunk.B3F6O46H.js";import{a as B}from"./chunks/chunk.S2A36D6C.js";import{a as C}from"./chunks/chunk.AUZT2PGH.js";import{a as G}from"./chunks/chunk.NJVWOB4V.js";import{a as i}from"./chunks/chunk.SLYWLLIY.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.6AWBZM7S.js";import{a as T}from"./chunks/chunk.MSRTLMWC.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.3SW2M5HK.js";import{a as c}from"./chunks/chunk.KYJSYHPJ.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.2JCEHOM7.js";import{a as l}from"./chunks/chunk.E7ZW64GE.js";import{a as m}from"./chunks/chunk.NP6ME4NF.js";import{a as x}from"./chunks/chunk.IERDPDGP.js";import"./chunks/chunk.6I2KBVPW.js";import{a as s}from"./chunks/chunk.PKSD5JK6.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.TUUCROYG.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.XLUBT6LA.js";import{a as e}from"./chunks/chunk.ULTWXZVY.js";import{a as p}from"./chunks/chunk.KY6R5UVV.js";import{a as f}from"./chunks/chunk.ZOTMIAEI.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.FOZESWCE.js";import{a as t}from"./chunks/chunk.Y6WM3JWD.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.MLL5WWRM.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.WNP2V63C.js";import{a as r}from"./chunks/chunk.BDXT7B2B.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.2A5OJMTM.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.XR2KNB36.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.KYJSYHPJ.js";import"../chunks/chunk.26V4EXHB.js";import"../chunks/chunk.2A5OJMTM.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.",

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.13.15",
   "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.",