@public-ui/components 3.0.6-rc.0 → 3.0.6-rc.2

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.6-rc.0",
+  "version": "3.0.6-rc.2",
   "tags": [
     {
       "name": "kol-abbr",
@@ -230,7 +230,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -316,7 +316,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -371,7 +371,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -451,7 +451,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -590,7 +590,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -641,7 +641,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -673,7 +673,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -991,7 +991,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1062,7 +1062,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1088,7 +1088,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -1149,7 +1149,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1207,7 +1207,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1226,7 +1226,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -1291,7 +1291,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1361,7 +1361,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1394,7 +1394,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -1477,7 +1477,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1555,7 +1555,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1607,7 +1607,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -1678,7 +1678,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1729,7 +1729,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1762,7 +1762,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -1820,7 +1820,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -1890,7 +1890,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -1929,7 +1929,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -2000,7 +2000,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -2078,7 +2078,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -2123,7 +2123,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -2228,7 +2228,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -2315,7 +2315,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -2387,7 +2387,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -2406,7 +2406,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -2471,7 +2471,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -2549,7 +2549,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -2594,7 +2594,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -2697,7 +2697,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -2765,7 +2765,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -2808,7 +2808,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -2882,7 +2882,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -3202,7 +3202,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -3289,7 +3289,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -3350,7 +3350,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -3397,12 +3397,6 @@
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
           "required": false
         },
-        {
-          "name": "_id",
-          "type": "string | undefined",
-          "description": "Defines the internal ID of the primary component element.",
-          "required": false
-        },
         {
           "name": "_label",
           "type": "string",
@@ -3437,7 +3431,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -3576,7 +3570,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -3627,7 +3621,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -3672,7 +3666,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -3731,7 +3725,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -3789,7 +3783,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -3833,7 +3827,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -3941,7 +3935,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -4027,7 +4021,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {
@@ -4291,7 +4285,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
           "required": false
         },
         {
@@ -4369,7 +4363,7 @@
         },
         {
           "name": "_msg",
-          "type": "string | undefined | {} & { _level?: 0 | 3 | 1 | 2 | 4 | 5 | 6 | undefined; _on?: KoliBriAlertEventCallbacks | undefined; _label?: string | undefined; _alert?: boolean | undefined; _hasCloser?: boolean | undefined; _type?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\" | undefined; _variant?: \"card\" | \"msg\" | undefined; } & { _description: string; }",
+          "type": "Omit<AlertProps, \"_label\" | \"_variant\"> & { _description: string; } | string | undefined",
           "description": "Defines the properties for a message rendered as Alert component.",
           "required": false
         },
@@ -4421,7 +4415,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Adds a visual short key hint to the component.",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
           "required": false
         },
         {

package/dist/cjs/{Alert-DcMlrzdD.js → Alert-Do6ehPPd.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";var Heading=require("./Heading-CAbB1kIb.js"),index=require("./index-BAxGQsCx.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js"),i18n=require("./i18n-NiDr3RbD.js"),bem=require("./bem-DnR3ZJW_.js");const translateError=i18n.translate("kol-error"),translateInfo=i18n.translate("kol-info"),translateWarning=i18n.translate("kol-warning"),translateSuccess=i18n.translate("kol-success"),translateMessage=i18n.translate("kol-message"),Icon=({ariaLabel:e,icon:a})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:a})),AlertIcon=({type:e,label:a})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:translateError,icon:"codicon codicon-error",label:a});case"info":return index.h(Icon,{ariaLabel:translateInfo,icon:"codicon codicon-info",label:a});case"warning":return index.h(Icon,{ariaLabel:translateWarning,icon:"codicon codicon-warning",label:a});case"success":return index.h(Icon,{ariaLabel:translateSuccess,icon:"codicon codicon-pass",label:a});default:return index.h(Icon,{ariaLabel:translateMessage,icon:"codicon codicon-comment",label:a})}},translateCloseAlert=i18n.translate("kol-close-alert"),vibrateOnError=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},KolAlertFc=(e,a)=>{const{class:n={},alert:i=!1,hasCloser:l=!1,label:t,level:r=0,type:o="default",variant:s="msg",onAlertTimeout:c,onCloserClick:d}=e,b=Heading.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);i&&(vibrateOnError(),setTimeout(()=>{null==c||c()},1e4));const u=bem.bem("kol-alert",{hasCloser:!!l,[`type-${o}`]:!0,[`variant-${s}`]:!0}),h=bem.bem("kol-alert","heading",{[`h${r}`]:!0}),_=Object.assign({class:clsx.clsx(n,u),role:i?"error"===o?"alert":"status":void 0},b);return index.h("div",Object.assign({},_,{"data-testid":"alert"}),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:t,type:o}),index.h("div",{class:"kol-alert__container-content"},t&&index.h(Heading.KolHeadingFc,{class:h,level:r,id:"heading"},t),"msg"===s&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":t?"heading":void 0},a)),l&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==t?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:translateCloseAlert,_on:{onClick:d},_tooltipAlign:"left"})),"card"===s&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":t?"heading":void 0},a))};exports.KolAlertFc=KolAlertFc;
+"use strict";var Heading=require("./Heading-DGnr9w8b.js"),index=require("./index-CMEXkCjL.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js"),i18n=require("./i18n-NiDr3RbD.js"),bem=require("./bem-DnR3ZJW_.js");const translateError=i18n.translate("kol-error"),translateInfo=i18n.translate("kol-info"),translateWarning=i18n.translate("kol-warning"),translateSuccess=i18n.translate("kol-success"),translateMessage=i18n.translate("kol-message"),Icon=({ariaLabel:e,icon:a})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:a})),AlertIcon=({type:e,label:a})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:translateError,icon:"codicon codicon-error",label:a});case"info":return index.h(Icon,{ariaLabel:translateInfo,icon:"codicon codicon-info",label:a});case"warning":return index.h(Icon,{ariaLabel:translateWarning,icon:"codicon codicon-warning",label:a});case"success":return index.h(Icon,{ariaLabel:translateSuccess,icon:"codicon codicon-pass",label:a});default:return index.h(Icon,{ariaLabel:translateMessage,icon:"codicon codicon-comment",label:a})}},translateCloseAlert=i18n.translate("kol-close-alert"),vibrateOnError=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},KolAlertFc=(e,a)=>{const{class:n={},alert:i=!1,hasCloser:l=!1,label:r,level:t=0,type:o="default",variant:s="msg",onAlertTimeout:c,onCloserClick:d}=e,b=Heading.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);i&&(vibrateOnError(),setTimeout(()=>{null==c||c()},1e4));const u=bem.bem("kol-alert",{hasCloser:!!l,[`type-${o}`]:!0,[`variant-${s}`]:!0}),h=bem.bem("kol-alert","heading",{[`h${t}`]:!0}),_=Object.assign({class:clsx.clsx(n,u),role:i?"error"===o?"alert":"status":void 0},b);return index.h("div",Object.assign({},_,{"data-testid":"alert"}),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:r,type:o}),index.h("div",{class:"kol-alert__container-content"},r&&index.h(Heading.KolHeadingFc,{class:h,level:t,id:"heading"},r),"msg"===s&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":r?"heading":void 0},a)),l&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==r?void 0:r.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:translateCloseAlert,_on:{onClick:d},_tooltipAlign:"left"})),"card"===s&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":r?"heading":void 0},a))};exports.KolAlertFc=KolAlertFc;

package/dist/cjs/{Alert-DcMlrzdD.js.map → Alert-Do6ehPPd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-DcMlrzdD.js","sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\nimport { BEM_CLASS_ALERT__ICON } from '../Alert/bem';\n\nconst translateError = translate('kol-error');\nconst translateInfo = translate('kol-info');\nconst translateWarning = translate('kol-warning');\nconst translateSuccess = translate('kol-success');\nconst translateMessage = translate('kol-message');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class={BEM_CLASS_ALERT__ICON} _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translateError} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translateInfo} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translateWarning} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translateSuccess} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translateMessage} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\nimport { genBemAlert as bem, BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT } from './bem';\n\nconst translateCloseAlert = translate('kol-close-alert');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = bem('kol-alert', {\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = bem('kol-alert', 'heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\trole: alert ? (type === 'error' ? 'alert' : 'status') : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["translate","h","Fragment","KolIconTag","BEM_CLASS_ALERT__ICON","__rest","bem","clsx","KolHeadingFc","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER"],"mappings":"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"}
+{"version":3,"file":"Alert-Do6ehPPd.js","sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\nimport { BEM_CLASS_ALERT__ICON } from '../Alert/bem';\n\nconst translateError = translate('kol-error');\nconst translateInfo = translate('kol-info');\nconst translateWarning = translate('kol-warning');\nconst translateSuccess = translate('kol-success');\nconst translateMessage = translate('kol-message');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class={BEM_CLASS_ALERT__ICON} _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translateError} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translateInfo} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translateWarning} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translateSuccess} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translateMessage} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\nimport { genBemAlert as bem, BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT } from './bem';\n\nconst translateCloseAlert = translate('kol-close-alert');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = bem('kol-alert', {\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = bem('kol-alert', 'heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\trole: alert ? (type === 'error' ? 'alert' : 'status') : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["translate","h","Fragment","KolIconTag","BEM_CLASS_ALERT__ICON","__rest","bem","clsx","KolHeadingFc","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER"],"mappings":"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"}

package/dist/cjs/{Collapsible-B6jbiscX.js → Collapsible-DLJ9ngpN.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";var Heading=require("./Heading-CAbB1kIb.js"),index=require("./index-BAxGQsCx.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js");const KolCollapsibleFc=(l,e)=>{const{id:s,class:i,label:o,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,x=Heading.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"remove":"add";return index.h("div",Object.assign({id:s,class:clsx.clsx("collapsible",{"collapsible--disabled":!0===a,"collapsible--open":!0===c},i)},x),index.h(Heading.KolHeadingFc,{ref:null==r?void 0:r.ref,level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${s}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`codicon codicon-${b}`,_label:o,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${s}-control`},e))))};exports.KolCollapsibleFc=KolCollapsibleFc;
+"use strict";var Heading=require("./Heading-DGnr9w8b.js"),index=require("./index-CMEXkCjL.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js");const KolCollapsibleFc=(l,e)=>{const{id:s,class:i,label:o,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,x=Heading.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"remove":"add";return index.h("div",Object.assign({id:s,class:clsx.clsx("collapsible",{"collapsible--disabled":!0===a,"collapsible--open":!0===c},i)},x),index.h(Heading.KolHeadingFc,{ref:null==r?void 0:r.ref,level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${s}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`codicon codicon-${b}`,_label:o,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${s}-control`},e))))};exports.KolCollapsibleFc=KolCollapsibleFc;

package/dist/cjs/{Collapsible-B6jbiscX.js.map → Collapsible-DLJ9ngpN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Collapsible-B6jbiscX.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":["__rest","h","clsx","KolHeadingFc","KolButtonWcTag"],"mappings":";;;;;;;;;;AAwCA,MAAM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAClE,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAe,GAAA,KAAK,EAAf,KAAK,GAAAA,cAAA,CAAK,KAAK,EAArJ,CAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,CAA6I,CAAQ;IAC3J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK;IAEpC,QACCC,OACC,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAE,EAAE,EACN,KAAK,EAAEC,SAAI,CACV,aAAa,EACb;YACC,uBAAuB,EAAE,QAAQ,KAAK,IAAI;YAC1C,mBAAmB,EAAE,IAAI,KAAK,IAAI;SAClC,EACD,UAAU,CACV,EAAA,EACG,KAAK,CAAA;AAET,QAAAD,OAAA,CAACE,oBAAY,EAAA,EAAC,GAAG,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAC,EAAA;AAC3G,YAAAD,OAAA,CAACG,6BAAc,EAAA,EACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAG,EAAA,EAAE,CAAU,QAAA,CAAA,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,MAAM,KAAI,CAAA,gBAAA,EAAmB,IAAI,CAAA,CAAE,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ;AACf,QAAAD,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,YAAY,CAAC,EAAA;AACnE,YAAAD,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,cAAc,CAAC,EAAA;AAC/E,gBAAAD,OAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,CAAA,EAAG,EAAE,CAAA,QAAA,CAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD;AAER;;;;"}
+{"version":3,"file":"Collapsible-DLJ9ngpN.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":["__rest","h","clsx","KolHeadingFc","KolButtonWcTag"],"mappings":";;;;;;;;;;AAwCA,MAAM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAClE,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAe,GAAA,KAAK,EAAf,KAAK,GAAAA,cAAA,CAAK,KAAK,EAArJ,CAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,CAA6I,CAAQ;IAC3J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK;AAEpC,IAAA,QACCC,OACC,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAE,EAAE,EACN,KAAK,EAAEC,SAAI,CACV,aAAa,EACb;YACC,uBAAuB,EAAE,QAAQ,KAAK,IAAI;YAC1C,mBAAmB,EAAE,IAAI,KAAK,IAAI;AAClC,SAAA,EACD,UAAU,CACV,EAAA,EACG,KAAK,CAAA,EAETD,OAAA,CAACE,oBAAY,EAAA,EAAC,GAAG,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAC,EAAA,EAC3GD,OAAA,CAACG,6BAAc,EAAA,EACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAA,EAAG,EAAE,CAAA,QAAA,CAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,MAAM,KAAI,CAAA,gBAAA,EAAmB,IAAI,CAAE,CAAA,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ,EACfD,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,YAAY,CAAC,EAAA,EACnED,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,cAAc,CAAC,EAAA,EAC/ED,OAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA,QAAA,CAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD;AAER;;;;"}