@public-ui/components 3.0.2-23b676ffff02d65bc7f05613310ad885935cd160.0 → 3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0

package/vscode-custom-data.json

@@ -33,6 +33,10 @@
           "name": "_level",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen an."
+        },
         {
           "name": "_open",
           "description": "Opens/expands the element when truthy, closes/collapses when falsy."
@@ -62,6 +66,10 @@
           "name": "_level",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Function für das Schließen des Alerts an."
+        },
         {
           "name": "_type",
           "description": "Defines either the type of the component or of the components interactive element.",
@@ -246,6 +254,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for button events."
+        },
         {
           "name": "_role",
           "description": "Defines the role of the components primary element.",
@@ -385,6 +397,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für die Button-Events an."
+        },
         {
           "name": "_role",
           "description": "Defines the role of the components primary element.",
@@ -476,6 +492,10 @@
         {
           "name": "_level",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        },
+        {
+          "name": "_on",
+          "description": "Defines the event callback functions for the component."
         }
       ]
     },
@@ -497,6 +517,10 @@
         {
           "name": "_level",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        },
+        {
+          "name": "_on",
+          "description": "Defines the event callback functions for the component."
         }
       ]
     },
@@ -564,6 +588,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_placeholder",
           "description": "Defines the placeholder for input field. To be shown when there's no value."
@@ -627,6 +655,10 @@
           "name": "_level",
           "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for details."
+        },
         {
           "name": "_open",
           "description": "Opens/expands the element when truthy, closes/collapses when falsy."
@@ -666,6 +698,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
+        {
+          "name": "_on",
+          "description": "Specifies the EventCallback function to be called when the drawer is closing."
+        },
         {
           "name": "_open",
           "description": "Opens/expands the element when truthy, closes/collapses when falsy."
@@ -679,6 +715,14 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_error-list",
+          "description": "A list of error objects that each describe an issue encountered in the form.\nEach error object contains a message and a selector for identifying the form element related to the error."
+        },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für die Form-Events an."
+        },
         {
           "name": "_required-text",
           "description": "Defines whether the mandatory-fields-hint should be shown. A string overrides the default text."
@@ -844,6 +888,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_required",
           "description": "Makes the input element required."
@@ -908,15 +956,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -971,6 +1011,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
@@ -1059,15 +1103,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -1130,6 +1166,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_read-only",
           "description": "Makes the input element read only."
@@ -1251,15 +1291,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -1267,7 +1299,7 @@
         },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
@@ -1297,6 +1329,18 @@
           "name": "_max-length",
           "description": "Defines the maximum number of input characters."
         },
+        {
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
+          "values": [
+            {
+              "name": "hard"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
@@ -1326,6 +1370,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_pattern",
           "description": "Defines a validation pattern for the input field."
@@ -1489,6 +1537,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_required",
           "description": "Makes the input element required."
@@ -1573,15 +1625,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -1644,6 +1688,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_placeholder",
           "description": "Defines the placeholder for input field. To be shown when there's no value."
@@ -1748,15 +1796,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -1764,7 +1804,7 @@
         },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
@@ -1794,6 +1834,18 @@
           "name": "_max-length",
           "description": "Defines the maximum number of input characters."
         },
+        {
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
+          "values": [
+            {
+              "name": "hard"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
@@ -1819,6 +1871,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_pattern",
           "description": "Defines a validation pattern for the input field."
@@ -1974,6 +2030,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_options",
           "description": "Options the user can choose from."
@@ -2035,15 +2095,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -2106,6 +2158,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
@@ -2159,15 +2215,7 @@
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
@@ -2175,7 +2223,7 @@
         },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
@@ -2205,6 +2253,18 @@
           "name": "_max-length",
           "description": "Defines the maximum number of input characters."
         },
+        {
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
+          "values": [
+            {
+              "name": "hard"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
@@ -2230,6 +2290,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_pattern",
           "description": "Defines a validation pattern for the input field."
@@ -2426,6 +2490,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for links."
+        },
         {
           "name": "_role",
           "description": "Defines the role of the components primary element.",
@@ -2554,6 +2622,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for links."
+        },
         {
           "name": "_role",
           "description": "Defines the role of the components primary element.",
@@ -2638,6 +2710,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
+        {
+          "name": "_on",
+          "description": "Defines the modal callback functions."
+        },
         {
           "name": "_variant",
           "description": "Defines the variant of the modal.",
@@ -2728,6 +2804,10 @@
           "name": "_max",
           "description": "Defines the maximum number of pages."
         },
+        {
+          "name": "_on",
+          "description": "Gibt an, auf welche Callback-Events reagiert werden."
+        },
         {
           "name": "_page",
           "description": "Defines the current page."
@@ -2791,6 +2871,10 @@
           "name": "_max",
           "description": "Defines the maximum number of pages."
         },
+        {
+          "name": "_on",
+          "description": "Gibt an, auf welche Callback-Events reagiert werden."
+        },
         {
           "name": "_page",
           "description": "Defines the current page."
@@ -2878,6 +2962,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for button events."
+        },
         {
           "name": "_popover-align",
           "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
@@ -3039,6 +3127,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for button events."
+        },
         {
           "name": "_popover-align",
           "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
@@ -3287,6 +3379,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_options",
           "description": "Options the user can choose from, also supporting Optgroup."
@@ -3403,6 +3499,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_options",
           "description": "Options the user can choose from."
@@ -3551,6 +3651,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for button events."
+        },
         {
           "name": "_role",
           "description": "Defines the role of the components primary element.",
@@ -3670,6 +3774,10 @@
           "name": "_min-width",
           "description": "Defines the table min-width (CSS width values)."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for table events."
+        },
         {
           "name": "_pagination",
           "description": "Defines whether to show the data distributed over multiple pages."
@@ -3692,6 +3800,10 @@
         {
           "name": "_selection",
           "description": "Defines how rows can be selected and the current selection."
+        },
+        {
+          "name": "_table-settings",
+          "description": "Defines the table settings including column visibility, order and width."
         }
       ]
     },
@@ -3722,9 +3834,17 @@
           "name": "_min-width",
           "description": "Defines the table min-width (CSS width values)."
         },
+        {
+          "name": "_on",
+          "description": "Defines the callback functions for table events."
+        },
         {
           "name": "_selection",
           "description": "Defines how rows can be selected and the current selection."
+        },
+        {
+          "name": "_table-settings",
+          "description": "Defines the table settings including column visibility, order and width."
         }
       ]
     },
@@ -3773,6 +3893,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen."
+        },
         {
           "name": "_selected",
           "description": "Defines which tab is active."
@@ -3804,7 +3928,7 @@
         },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
@@ -3834,6 +3958,18 @@
           "name": "_max-length",
           "description": "Defines the maximum number of input characters."
         },
+        {
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
+          "values": [
+            {
+              "name": "hard"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "_msg",
           "description": "Defines the properties for a message rendered as Alert component.",
@@ -3859,6 +3995,10 @@
           "name": "_name",
           "description": "Defines the technical name of an input field."
         },
+        {
+          "name": "_on",
+          "description": "Gibt die EventCallback-Funktionen für das Input-Event an."
+        },
         {
           "name": "_placeholder",
           "description": "Defines the placeholder for input field. To be shown when there's no value."
@@ -3938,6 +4078,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_items",
+          "description": "Defines the functional elements of toolbar to render (e.g. kol-link, kol-button)."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."

package/dist/cjs/Alert-dad82ec3.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-41259845.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-1cb5b7ce.js"),i18n=require("./i18n-b01aa5d0.js"),bem=require("./bem-85316256.js"),Heading=require("./Heading-f62b564e.js"),Icon=({ariaLabel:e,icon:n})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:bem.BEM_CLASS_ALERT__ICON,_label:"",_icons:n})),AlertIcon=({type:e,label:n})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:n});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:n});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:n})}},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,n)=>{const{class:i={},alert:a=!1,hasCloser:o=!1,label:l,level:r=0,type:t="default",variant:c="msg",onAlertTimeout:s,onCloserClick:d}=e,b=tslib_es6.__rest(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);a&&(vibrateOnError(),setTimeout((()=>{null==s||s()}),1e4));const u=bem.bem("kol-alert",{hasCloser:!!o,[`type-${t}`]:!0,[`variant-${c}`]:!0}),_=bem.bem("kol-alert","heading",{[`h${r}`]:!0}),h=Object.assign({class:clsx.clsx(i,u),role:a?"error"===t?"alert":"status":void 0},b);return index.h("div",Object.assign({},h),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon,{label:l,type:t}),index.h("div",{class:"kol-alert__container-content"},l&&index.h(Heading.KolHeadingFc,{class:_,level:r,id:"heading"},l),"msg"===c&&index.h("span",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},n)),o&&index.h(componentNames.KolButtonWcTag,{class:bem.BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==l?void 0:l.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:d},_tooltipAlign:"left"})),"card"===c&&index.h("div",{class:bem.BEM_CLASS_ALERT__CONTENT,"aria-describedby":l?"heading":void 0},n))};exports.KolAlertFc=KolAlertFc;

package/dist/cjs/Alert-dad82ec3.js.map

@@ -1 +0,0 @@
-{"file":"Alert-dad82ec3.js","mappings":"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","names":["h","KolIconTag","BEM_CLASS_ALERT__ICON","translate","bem","clsx","KolHeadingFc","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER"],"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\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={translate('kol-error')} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} 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\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}>\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={translate('kol-close-alert')}\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"],"version":3}

package/dist/cjs/Collapsible-c67c8e0c.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-41259845.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-1cb5b7ce.js"),Heading=require("./Heading-f62b564e.js"),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,b=tslib_es6.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),x=c?"remove":"add";return index.h("div",Object.assign({id:s,class:clsx.clsx("collapsible",{"collapsible--disabled":!0===a,"collapsible--open":!0===c},i)},b),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-${x}`,_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-c67c8e0c.js.map

@@ -1 +0,0 @@
-{"file":"Collapsible-c67c8e0c.js","mappings":";;;;;;;;;;;MAuCM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ;IAC9D,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,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAArJ,sHAA6I,CAAQ,CAAC;IAC5J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;IAErC,QACCA,+BACC,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,IACG,KAAK;QAETD,QAACE,oBAAY,IAAC,GAAG,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC;YAC3GD,QAACG,6BAAc,IACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,GAAG,EAAE,UAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,KAAI,mBAAmB,IAAI,EAAE,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ;QACfD,iBAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC;YACnED,iBAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC;gBAC/ED,gCAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD,EACL;AACH;;;;","names":["h","clsx","KolHeadingFc","KolButtonWcTag"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } 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'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\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"],"version":3}