@solid-design-system/components 4.4.1 → 4.5.0

package/dist/chunks/{chunk.KAQYKKNZ.js → chunk.KSVXMAIW.js}

@@ -23,7 +23,7 @@ var translation = {
     if (num === 0) return "";
     return `Optionen ausgew\xE4hlt (${num})`;
   },
-  openTranscript: "Abschrift \xF6ffnen",
+  openTranscript: "Transkript \xF6ffnen",
   optionGroup: "Optionsgruppe",
   pauseAudio: "Audio pausieren",
   playAudio: "Audio abspielen",
@@ -36,7 +36,7 @@ var translation = {
   resize: "Gr\xF6\xDFe \xE4ndern",
   scrollToEnd: "Zum Ende scrollen",
   search: "Suchen",
-  seekBar: "Bar suchen",
+  seekBar: "Schieberegler f\xFCr Suche",
   scrollToStart: "Zum Anfang scrollen",
   selectAColorFromTheScreen: "Farbe vom Bildschirm ausw\xE4hlen",
   selectDefaultPlaceholder: "Bitte ausw\xE4hlen",
@@ -46,7 +46,7 @@ var translation = {
   slideNum: (slide, count) => `Folie ${slide} von ${count}`,
   tagsSelected: "Optionen ausgew\xE4hlt",
   toggleColorFormat: "Farbformat umschalten",
-  transcriptIsOpen: "Abschrift ist offen",
+  transcriptIsOpen: "Transkript ist offen",
   unmute: "Unmute"
 };
 registerTranslation(translation);

package/dist/chunks/{chunk.Z3T4BG2M.js → chunk.QUK3F6GK.js}

@@ -20,6 +20,7 @@ var SdMapMarker = class extends SolidElement {
     this.animated = false;
     this.notInteractive = false;
     this.href = "";
+    this.label = "";
     /** @internal */
     this.marker = {
       cluster: svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,
@@ -42,7 +43,7 @@ var SdMapMarker = class extends SolidElement {
     return html`<${tag} part="base" class="${cx(
       "flex justify-center",
       !this.notInteractive && "focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${ifDefined(this.notInteractive || isLink ? void 0 : "button")}" aria-labelledby="${ifDefined(!this.notInteractive ? "content" : void 0)}"><div part="marker" class="${cx(
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${ifDefined(this.notInteractive || isLink ? void 0 : "button")}" aria-label="${ifDefined(!this.notInteractive && this.label ? this.label : void 0)}" aria-labelledby="${ifDefined(!this.notInteractive && !this.label ? "content" : void 0)}"><div part="marker" class="${cx(
       "inline-flex",
       this.animated && (this.variant === "main" || this.variant === "place") && "animate-bounce-once",
       this.variant === "cluster" && this.state === "hover" && "scale-110 fill-primary-500",
@@ -87,6 +88,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], SdMapMarker.prototype, "target", 2);
+__decorateClass([
+  property()
+], SdMapMarker.prototype, "label", 2);
 SdMapMarker = __decorateClass([
   customElement("sd-map-marker")
 ], SdMapMarker);

package/dist/components/accordion/accordion.js

@@ -14,7 +14,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/accordion-group/accordion-group.js

@@ -15,7 +15,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/audio/audio.js

@@ -4,7 +4,7 @@ import {
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/button/button.js

@@ -7,7 +7,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/carousel/carousel.js

@@ -17,7 +17,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/combobox/combobox.js

@@ -22,7 +22,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/dialog/dialog.js

@@ -21,7 +21,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/drawer/drawer.js

@@ -21,7 +21,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/dropdown/dropdown.js

@@ -10,7 +10,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/expandable/expandable.js

@@ -5,7 +5,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/flipcard/flipcard.js

@@ -15,7 +15,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/input/input.js

@@ -14,7 +14,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/map-marker/map-marker.d.ts

@@ -7,6 +7,7 @@ export default class SdMapMarker extends SolidElement {
     notInteractive: boolean;
     href: string;
     target: '_blank' | '_parent' | '_self' | '_top';
+    label: string;
     private handleBlur;
     private handleFocus;
     private isLink;

package/dist/components/map-marker/map-marker.js

@@ -1,6 +1,6 @@
 import {
   SdMapMarker
-} from "../../chunks/chunk.Z3T4BG2M.js";
+} from "../../chunks/chunk.QUK3F6GK.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/notification/notification.js

@@ -7,7 +7,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/optgroup/optgroup.js

@@ -5,7 +5,7 @@ import "../../chunks/chunk.X7HEAUGJ.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/quickfact/quickfact.js

@@ -15,7 +15,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/scrollable/scrollable.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.IKWY7WM6.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/select/select.js

@@ -20,7 +20,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/spinner/spinner.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.GWCHNKGW.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tab-group/tab-group.js

@@ -4,7 +4,7 @@ import {
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -8,7 +8,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -4,7 +4,7 @@ import {
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.3WMXHPM4.js";
-import "../../chunks/chunk.KAQYKKNZ.js";
+import "../../chunks/chunk.KSVXMAIW.js";
 import "../../chunks/chunk.T5VRGBLR.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -8862,6 +8862,16 @@
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
               "attribute": "target"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Only relevant when map-marker is interactive.\nWhen set, it will be used to announce the name of the map-marker to screenreaders,\notherwise, screenreaders will announce the content inside the default slot.",
+              "attribute": "label"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -8977,6 +8987,15 @@
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
               "fieldName": "target"
             },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Only relevant when map-marker is interactive.\nWhen set, it will be used to announce the name of the map-marker to screenreaders,\notherwise, screenreaders will announce the content inside the default slot.",
+              "fieldName": "label"
+            },
             {
               "name": "dir",
               "type": {
@@ -17010,7 +17029,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.4.1",
+    "version": "4.5.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -73,7 +73,7 @@ import {
 } from "./chunks/chunk.JPGDK3CW.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.Z3T4BG2M.js";
+} from "./chunks/chunk.QUK3F6GK.js";
 import {
   SdNavigationItem
 } from "./chunks/chunk.K5MKZJEB.js";
@@ -176,7 +176,7 @@ import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
 import "./chunks/chunk.3WMXHPM4.js";
-import "./chunks/chunk.KAQYKKNZ.js";
+import "./chunks/chunk.KSVXMAIW.js";
 import "./chunks/chunk.T5VRGBLR.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/translations/de.js

@@ -1,6 +1,6 @@
 import {
   de_default
-} from "../chunks/chunk.KAQYKKNZ.js";
+} from "../chunks/chunk.KSVXMAIW.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   de_default as default

package/dist/utilities/localize.js

@@ -2,7 +2,7 @@ import {
   LocalizeController
 } from "../chunks/chunk.YKM42GKF.js";
 import "../chunks/chunk.3WMXHPM4.js";
-import "../chunks/chunk.KAQYKKNZ.js";
+import "../chunks/chunk.KSVXMAIW.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController

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

@@ -1478,6 +1478,11 @@
             { "name": "_top" }
           ]
         },
+        {
+          "name": "label",
+          "description": "Only relevant when map-marker is interactive.\nWhen set, it will be used to announce the name of the map-marker to screenreaders,\notherwise, screenreaders will announce the content inside the default slot.",
+          "values": []
+        },
         {
           "name": "dir",
           "description": "The element's directionality.",
@@ -2446,33 +2451,6 @@
         }
       ]
     },
-    {
-      "name": "sd-tab-group",
-      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **sd-tab-show** - Emitted when a tab is shown.\n- **sd-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<sd-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<sd-tab>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **scroll-container** - The container that wraps the tabs and active-tab-indicator.\n- **tabs** - The container that wraps the tabs.\n- **separation** - The line that separates tabs from panels.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
-      "attributes": [
-        {
-          "name": "activation",
-          "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
-          "values": [{ "name": "auto" }, { "name": "manual" }]
-        },
-        {
-          "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-tab-group--docs"
-        }
-      ]
-    },
     {
       "name": "sd-tab",
       "description": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n---\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus to the tab.\n- **blur()** - Removes focus from the tab.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The tab's label.\n- **left** - Optional element (eg. icon) positioned to the left of the label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **active-tab-indicator** - The active tab indicator.\n- **hover-bottom-border** - The bottom border that appears when the tab is hovered.",
@@ -2515,6 +2493,33 @@
         }
       ]
     },
+    {
+      "name": "sd-tab-group",
+      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **sd-tab-show** - Emitted when a tab is shown.\n- **sd-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<sd-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<sd-tab>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **scroll-container** - The container that wraps the tabs and active-tab-indicator.\n- **tabs** - The container that wraps the tabs.\n- **separation** - The line that separates tabs from panels.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
+      "attributes": [
+        {
+          "name": "activation",
+          "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
+          "values": [{ "name": "auto" }, { "name": "manual" }]
+        },
+        {
+          "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-tab-group--docs"
+        }
+      ]
+    },
     {
       "name": "sd-tab-panel",
       "description": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",