@public-ui/components 3.0.0-rc.2 → 3.0.0-rc.4

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.0-rc.2",
+  "version": "3.0.0-rc.4",
   "tags": [
     {
       "name": "kol-abbr",
@@ -44,13 +44,13 @@
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
+          "defaultValue": "0",
           "required": false
         },
         {
           "name": "_open",
           "type": "boolean | undefined",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false).",
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
           "defaultValue": "false",
           "required": false
         }
@@ -100,7 +100,7 @@
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
+          "defaultValue": "0",
           "required": false
         },
         {
@@ -218,7 +218,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the elements access key.",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
           "required": false
         },
         {
@@ -298,7 +298,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Defines the elements short key.",
+          "description": "Adds a visual short key hint to the component.",
           "required": false
         },
         {
@@ -359,7 +359,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the elements access key.",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
           "required": false
         },
         {
@@ -501,7 +501,7 @@
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
+          "defaultValue": "0",
           "required": false
         }
       ],
@@ -534,16 +534,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -606,7 +606,7 @@
         {
           "name": "_suggestions",
           "type": "W3CInputValue[] | string",
-          "description": "Suggestions the user can choose from.",
+          "description": "Suggestions to provide for the input.",
           "required": true
         },
         {
@@ -679,13 +679,13 @@
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
+          "defaultValue": "0",
           "required": false
         },
         {
           "name": "_open",
           "type": "boolean | undefined",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false).",
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
           "defaultValue": "false",
           "required": false
         }
@@ -714,7 +714,7 @@
         {
           "name": "_align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Specifies the orientation of the drawer.",
+          "description": "Defines the visual orientation of the component.",
           "required": false
         },
         {
@@ -723,16 +723,10 @@
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         },
-        {
-          "name": "_modal",
-          "type": "boolean | undefined",
-          "description": "Indicates whether the drawer is a modal.",
-          "required": false
-        },
         {
           "name": "_open",
           "type": "boolean | undefined",
-          "description": "Specifies the default open state of the drawer.",
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
           "required": false
         }
       ],
@@ -801,7 +795,7 @@
           "name": "_level",
           "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
-          "defaultValue": "1",
+          "defaultValue": "0",
           "required": false
         },
         {
@@ -923,16 +917,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1080,16 +1074,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1221,16 +1215,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1413,16 +1407,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1593,16 +1587,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1736,16 +1730,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -1776,13 +1770,13 @@
         },
         {
           "name": "_max",
-          "type": "`${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | number | undefined",
+          "type": "number | undefined",
           "description": "Defines the largest possible input value.",
           "required": false
         },
         {
           "name": "_min",
-          "type": "`${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | number | undefined",
+          "type": "number | undefined",
           "description": "Defines the smallest possible input value.",
           "required": false
         },
@@ -1864,7 +1858,7 @@
         },
         {
           "name": "_value",
-          "type": "`${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | null | number | undefined",
+          "type": "null | number | undefined",
           "description": "Defines the value of the input.",
           "required": false
         }
@@ -1922,16 +1916,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -2090,16 +2084,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -2233,16 +2227,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -2393,16 +2387,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -2587,7 +2581,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the elements access key.",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
           "required": false
         },
         {
@@ -2649,7 +2643,7 @@
         {
           "name": "_short-key",
           "type": "string | undefined",
-          "description": "Defines the elements access key.",
+          "description": "Adds a visual short key hint to the component.",
           "required": false
         },
         {
@@ -2691,7 +2685,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the elements access key.",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
           "required": false
         },
         {
@@ -2811,6 +2805,13 @@
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         },
+        {
+          "name": "_variant",
+          "type": "\"blank\" | \"card\" | undefined",
+          "description": "Defines the variant of the modal.",
+          "defaultValue": "'blank'",
+          "required": false
+        },
         {
           "name": "_width",
           "type": "string | undefined",
@@ -3072,16 +3073,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -3221,16 +3222,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -3516,29 +3517,6 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-symbol",
-      "description": "Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader.",
-      "attributes": [
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.).",
-          "required": true
-        },
-        {
-          "name": "_symbol",
-          "type": "string",
-          "description": "Dieses Property gibt den String an der angezeigt werden soll.",
-          "required": true
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-table-stateful",
       "description": "",
@@ -3575,9 +3553,9 @@
         },
         {
           "name": "_min-width",
-          "type": "string | undefined",
-          "description": "Defines the table min-width.",
-          "required": false
+          "type": "string",
+          "description": "Defines the table min-width (CSS width values).",
+          "required": true
         },
         {
           "name": "_pagination",
@@ -3641,9 +3619,9 @@
         },
         {
           "name": "_min-width",
-          "type": "string | undefined",
-          "description": "Defines the table min-width.",
-          "required": false
+          "type": "string",
+          "description": "Defines the table min-width (CSS width values).",
+          "required": true
         },
         {
           "name": "_selection",
@@ -3665,7 +3643,7 @@
         {
           "name": "_align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
-          "description": "Defines the position of the tab captions.",
+          "description": "Defines the visual orientation of the component.",
           "defaultValue": "'top'",
           "required": false
         },
@@ -3733,16 +3711,16 @@
           "required": false
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-label",
           "type": "boolean | undefined",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
           "defaultValue": "false",
           "required": false
         },
         {
-          "name": "_hide-label",
+          "name": "_hide-msg",
           "type": "boolean | undefined",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
           "defaultValue": "false",
           "required": false
         },
@@ -3905,7 +3883,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Defines the semantic aria-label of the component.",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         }
       ],
@@ -3922,7 +3900,7 @@
         {
           "name": "_label",
           "type": "string",
-          "description": "Defines the label of the tree.",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         }
       ],
@@ -3945,19 +3923,19 @@
         {
           "name": "_href",
           "type": "string",
-          "description": "This property is used for a link from a reference to the target URL.",
+          "description": "Defines the target URI of the link.",
           "required": true
         },
         {
           "name": "_label",
           "type": "string",
-          "description": "Defines the label of the link.",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         },
         {
           "name": "_open",
           "type": "boolean | undefined",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false).",
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
           "required": false
         }
       ],
@@ -4001,19 +3979,19 @@
         {
           "name": "_href",
           "type": "string",
-          "description": "This property is used for a link from a reference to the target URL.",
+          "description": "Defines the target URI of the link.",
           "required": true
         },
         {
           "name": "_label",
           "type": "string",
-          "description": "Defines the label of the link.",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
           "required": true
         },
         {
           "name": "_open",
           "type": "boolean | undefined",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false).",
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
           "required": false
         }
       ],

package/dist/cjs/{Alert-9bb150c8.js → Alert-d3173bbc.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-56ff9cf2.js"),clsx=require("./clsx-dd4d6dd1.js"),i18n=require("./i18n-1d085d07.js"),componentNames=require("./component-names-6f6ca767.js"),Heading=require("./Heading-e094a82c.js"),Icon=({ariaLabel:e,icon:l})=>index.h(componentNames.KolIconTag,{class:"kol-alert__heading-icon",_label:e,_icons:l}),AlertIcon=({type:e,label:l})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:l});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:l});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:l});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:l});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:l})}},AlertIcon$1=AlertIcon,KolAlertFc=(e,l)=>{var n,o;const{class:a={},type:i="default",variant:c="msg",label:t,hasCloser:r,alert:s,onAlertTimeout:d,onCloserClick:u,level:b}=e,v=tslib_es6.__rest(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);s&&((null===(n=navigator.userActivation)||void 0===n?void 0:n.hasBeenActive)&&(null===(o=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===o||o.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==d||d()}),1e4));const _=Object.assign({class:clsx.clsx("kol-alert",`kol-alert--${i}`,`kol-alert--${c}`,{"kol-alert--hasCloser":!!r},a),role:s?"alert":void 0},v);return index.h("div",Object.assign({},_),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon$1,{label:t,type:i}),index.h("div",{class:"kol-alert__container-content"},t?index.h(Heading.KolHeadingFc,{class:"kol-alert__heading",level:b},t):null,"msg"===c&&index.h("div",{class:"kol-alert__content"},l)),r&&index.h(componentNames.KolButtonWcTag,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==t?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:u},_tooltipAlign:"left"})),"card"===c&&index.h("div",{class:"kol-alert__content"},l))},KolAlertFc$1=KolAlertFc;exports.KolAlertFc=KolAlertFc$1;
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-07fcbac9.js"),clsx=require("./clsx-dd4d6dd1.js"),i18n=require("./i18n-1d085d07.js"),componentNames=require("./component-names-cf0c0d8a.js"),Heading=require("./Heading-f5dd89a7.js"),Icon=({ariaLabel:e,icon:l})=>index.h(componentNames.KolIconTag,{class:"kol-alert__heading-icon",_label:e,_icons:l}),AlertIcon=({type:e,label:l})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:l});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:l});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:l});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:l});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:l})}},AlertIcon$1=AlertIcon,KolAlertFc=(e,l)=>{var n,o;const{class:a={},type:i="default",variant:c="msg",label:t,hasCloser:r,alert:s,onAlertTimeout:d,onCloserClick:u,level:b}=e,v=tslib_es6.__rest(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);s&&((null===(n=navigator.userActivation)||void 0===n?void 0:n.hasBeenActive)&&(null===(o=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===o||o.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==d||d()}),1e4));const _=Object.assign({class:clsx.clsx("kol-alert",`kol-alert--${i}`,`kol-alert--${c}`,{"kol-alert--hasCloser":!!r},a),role:s?"alert":void 0},v);return index.h("div",Object.assign({},_),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon$1,{label:t,type:i}),index.h("div",{class:"kol-alert__container-content"},t?index.h(Heading.KolHeadingFc,{class:"kol-alert__heading",level:b},t):null,"msg"===c&&index.h("div",{class:"kol-alert__content"},l)),r&&index.h(componentNames.KolButtonWcTag,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==t?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:u},_tooltipAlign:"left"})),"card"===c&&index.h("div",{class:"kol-alert__content"},l))},KolAlertFc$1=KolAlertFc;exports.KolAlertFc=KolAlertFc$1;