@public-ui/components 3.0.0-rc.5 → 3.0.0-rc.7

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.0-rc.5",
+  "version": "3.0.0-rc.7",
   "tags": [
     {
       "name": "kol-abbr",
@@ -301,12 +301,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -436,12 +430,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -609,12 +597,6 @@
           "description": "Suggestions to provide for the input.",
           "required": true
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -993,12 +975,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -1142,12 +1118,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -1315,12 +1285,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -1514,12 +1478,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -1663,12 +1621,6 @@
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -1836,12 +1788,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -2010,12 +1956,6 @@
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -2154,12 +2094,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -2307,12 +2241,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -2493,12 +2421,6 @@
           "description": "Suggestions to provide for the input.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -2646,12 +2568,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_target",
           "type": "string | undefined",
@@ -2756,12 +2672,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_target",
           "type": "string | undefined",
@@ -2977,6 +2887,148 @@
       "cssProperties": [],
       "cssParts": []
     },
+    {
+      "name": "kol-popover-button",
+      "description": "",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component.",
+          "required": false
+        },
+        {
+          "name": "_aria-controls",
+          "type": "string | undefined",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
+          "required": false
+        },
+        {
+          "name": "_aria-description",
+          "type": "string | undefined",
+          "description": "Defines the value for the aria-description attribute.",
+          "required": false
+        },
+        {
+          "name": "_aria-expanded",
+          "type": "boolean | undefined",
+          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
+          "required": false
+        },
+        {
+          "name": "_aria-selected",
+          "type": "boolean | undefined",
+          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
+          "required": false
+        },
+        {
+          "name": "_custom-class",
+          "type": "string | undefined",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Makes the element not focusable and ignore all events.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "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.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_icons",
+          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
+          "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",
+          "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.",
+          "required": true
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Defines the technical name of an input field.",
+          "required": false
+        },
+        {
+          "name": "_popover-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
+          "defaultValue": "'bottom'",
+          "required": false
+        },
+        {
+          "name": "_role",
+          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "description": "Defines the role of the components primary element.",
+          "required": false
+        },
+        {
+          "name": "_short-key",
+          "type": "string | undefined",
+          "description": "Adds a visual short key hint to the component.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
+          "required": false
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "defaultValue": "'top'",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
+          "description": "Defines either the type of the component or of the components interactive element.",
+          "defaultValue": "'button'",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "boolean | null | number | object | string | undefined",
+          "description": "Defines the value that the button emits on click.",
+          "required": false
+        },
+        {
+          "name": "_variant",
+          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
+          "description": "Defines which variant should be used for presentation.",
+          "defaultValue": "'normal'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [
+        {
+          "name": "",
+          "description": "The popover content."
+        }
+      ],
+      "cssProperties": [],
+      "cssParts": []
+    },
     {
       "name": "kol-progress",
       "description": "",
@@ -3221,6 +3273,13 @@
           "defaultValue": "false",
           "required": false
         },
+        {
+          "name": "_hide-clear-button",
+          "type": "boolean | undefined",
+          "description": "Defines the whether the clear button should be hidden.",
+          "defaultValue": "false",
+          "required": false
+        },
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
@@ -3297,12 +3356,6 @@
           "description": "Adds a visual short key hint to the component.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -3319,7 +3372,7 @@
         },
         {
           "name": "_value",
-          "type": "string | undefined",
+          "type": "boolean | null | number | object | string | undefined",
           "description": "Defines the value of the input.",
           "required": false
         }
@@ -3329,7 +3382,7 @@
         {
           "name": "getValue",
           "description": "",
-          "signature": "getValue() => Promise<string | undefined>"
+          "signature": "getValue() => Promise<StencilUnknown | undefined>"
         },
         {
           "name": "kolFocus",
@@ -3466,12 +3519,6 @@
           "description": "Defines the role of the components primary element.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
@@ -3572,7 +3619,7 @@
         },
         {
           "name": "_selection",
-          "type": "string | undefined | ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string | undefined; multiple?: boolean | undefined; selectedKeys?: string[] | undefined; })",
+          "type": "string | undefined | ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string | undefined; multiple?: boolean | undefined; selectedKeys?: string[] | undefined; disabledKeys?: string[] | undefined; })",
           "description": "Defines how rows can be selected and the current selection.",
           "required": false
         }
@@ -3625,7 +3672,7 @@
         },
         {
           "name": "_selection",
-          "type": "string | undefined | ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string | undefined; multiple?: boolean | undefined; selectedKeys?: string[] | undefined; })",
+          "type": "string | undefined | ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string | undefined; multiple?: boolean | undefined; selectedKeys?: string[] | undefined; disabledKeys?: string[] | undefined; })",
           "description": "Defines how rows can be selected and the current selection.",
           "required": false
         }
@@ -3806,12 +3853,6 @@
           "description": "Defines whether the browser should check the spelling and grammar.",
           "required": false
         },
-        {
-          "name": "_tab-index",
-          "type": "number | undefined",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
-          "required": false
-        },
         {
           "name": "_tooltip-align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",

package/dist/cjs/Alert-868c9a5c.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-ea36efbc.js"),clsx=require("./clsx-dd4d6dd1.js"),i18n=require("./i18n-c745fb7d.js"),componentNames=require("./component-names-74abfa2e.js"),Heading=require("./Heading-06140320.js"),Icon=({ariaLabel:e,icon:l})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:"kol-alert__heading-icon",_label:"",_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:t="msg",label:c,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--${t}`,{"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:c,type:i}),index.h("div",{class:"kol-alert__container-content"},c?index.h(Heading.KolHeadingFc,{class:"kol-alert__heading",level:b},c):null,"msg"===t&&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==c?void 0:c.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:u},_tooltipAlign:"left"})),"card"===t&&index.h("div",{class:"kol-alert__content"},l))},KolAlertFc$1=KolAlertFc;exports.KolAlertFc=KolAlertFc$1;

package/dist/cjs/Alert-868c9a5c.js.map

@@ -0,0 +1 @@
+{"file":"Alert-868c9a5c.js","mappings":"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","names":["h","KolIconTag","translate","clsx","AlertIcon","KolHeadingFc","KolButtonWcTag"],"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';\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=\"kol-alert__heading-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 { type InternalAlertProps } from '../../schema';\nimport { translate } from '../../i18n';\nimport { KolButtonWcTag } from '../../core/component-names';\n\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst { class: classNames = {}, type = 'default', variant = 'msg', label, hasCloser, alert, onAlertTimeout, onCloserClick, level, ...other } = props;\n\n\tif (alert) {\n\t\t/**\n\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n\t\t * @todo Move side-effect out of render-function to avoid multiple incarnations.\n\t\t */\n\t\tif (navigator.userActivation?.hasBeenActive) {\n\t\t\tnavigator?.vibrate?.([100, 75, 100, 75, 100]);\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx('kol-alert', `kol-alert--${type}`, `kol-alert--${variant}`, { 'kol-alert--hasCloser': !!hasCloser }, classNames),\n\t\trole: alert ? 'alert' : 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=\"kol-alert__heading\" level={level}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{variant === 'msg' && <div class=\"kol-alert__content\">{children}</div>}\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=\"kol-alert__close-button close\"\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></KolButtonWcTag>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && <div class=\"kol-alert__content\">{children}</div>}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"version":3}

package/dist/cjs/{Collapsible-3e356a97.js → Collapsible-5376f49d.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-87a7393a.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-cf0c0d8a.js"),Heading=require("./Heading-d79de8bf.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))))},KolCollapsibleFc$1=KolCollapsibleFc;exports.KolCollapsibleFc=KolCollapsibleFc$1;
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-ea36efbc.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-74abfa2e.js"),Heading=require("./Heading-06140320.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))))},KolCollapsibleFc$1=KolCollapsibleFc;exports.KolCollapsibleFc=KolCollapsibleFc$1;

package/dist/cjs/{Collapsible-3e356a97.js.map → Collapsible-5376f49d.js.map}

@@ -1 +1 @@
-{"file":"Collapsible-3e356a97.js","mappings":";;;;;;;;;;;AAuCA,MAAM,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,CAAC,CAAC;AAEF,2BAAe,gBAAgB;;;;","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}
+{"file":"Collapsible-5376f49d.js","mappings":";;;;;;;;;;;AAuCA,MAAM,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,CAAC,CAAC;AAEF,2BAAe,gBAAgB;;;;","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}

package/dist/cjs/CustomSuggestionsOptionsGroup-3d5a1398.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const index=require("./index-ea36efbc.js"),componentNames=require("./component-names-74abfa2e.js"),i18n=require("./i18n-c745fb7d.js"),clsx=require("./clsx-dd4d6dd1.js"),getRenderStates=o=>{var s;const e="error"===(null===(s=o._msg)||void 0===s?void 0:s._type)&&!0===o._touched,t="string"==typeof o._hint&&o._hint.length>0,n=[];return!0===e&&n.push(`${o._id}-error`),!0===t&&n.push(`${o._id}-hint`),{hasMsg:e,hasHint:t,ariaDescribedBy:n}},CustomSuggestionsToggleFc=({onClick:o,disabled:s})=>index.h("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},index.h(componentNames.KolIconTag,{_icons:"codicon codicon-triangle-down",_label:i18n.translate("kol-dropdown")})),CustomSuggestionsToggleFc$1=CustomSuggestionsToggleFc,CustomSuggestionsOptionFc=({index:o,ref:s,selected:e,onClick:t,onMouseOver:n,onFocus:i,onKeyDown:u,option:g})=>index.h("li",{id:`option-${o}`,key:`-${o}`,ref:s,"data-index":o,tabIndex:-1,role:"option","aria-selected":e?"true":void 0,onClick:t,onMouseOver:n,onFocus:i,class:"kol-custom-suggestions-option",onKeyDown:u},g),CustomSuggestionsOptionFc$1=CustomSuggestionsOptionFc,CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:s},e)=>index.h("ul",{role:"listbox",class:clsx.clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},e),CustomSuggestionsOptionsGroupFc$1=CustomSuggestionsOptionsGroupFc;exports.CustomSuggestionsOptionFc=CustomSuggestionsOptionFc$1,exports.CustomSuggestionsOptionsGroupFc=CustomSuggestionsOptionsGroupFc$1,exports.CustomSuggestionsToggleFc=CustomSuggestionsToggleFc$1,exports.getRenderStates=getRenderStates;

package/dist/cjs/CustomSuggestionsOptionsGroup-3d5a1398.js.map

@@ -0,0 +1 @@
+{"file":"CustomSuggestionsOptionsGroup-3d5a1398.js","mappings":";;;;;;;;;;MASa,eAAe,GAAG,CAAC,KAK/B;;IAKA,MAAM,cAAc,GAAG,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,MAAK,OAAO,CAAC;IACrD,MAAM,MAAM,GAAG,cAAc,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAa,EAAE,CAAC;IACrC,IAAI,MAAM,KAAK,IAAI,EAAE;QACpB,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC;KAC3C;IACD,IAAI,OAAO,KAAK,IAAI,EAAE;QACrB,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC;KAC1C;IACD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;AAC7C;;ACxBA,MAAM,yBAAyB,GAAqC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;IACzF,QACCA,oBAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QAC/FA,QAACC,yBAAU,IAAC,MAAM,EAAC,+BAA+B,EAAC,MAAM,EAAEC,cAAS,CAAC,cAAc,CAAC,GAAI,CAChF,EACR;AACH,CAAC,CAAC;AACF,oCAAe,yBAAyB;;ACHxC,MAAM,yBAAyB,GAA+B,CAAC,SAAEC,OAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE;IACxI,QACCH,gBACC,EAAE,EAAE,UAAUG,OAAK,EAAE,EACrB,GAAG,EAAE,IAAIA,OAAK,EAAE,EAChB,GAAG,EAAE,GAAG,gBACIA,OAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,SAAS,IAEnB,MAAM,CACH,EACJ;AACH,CAAC,CAAC;AACF,oCAAe,yBAAyB;;ACvBxC,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,EAAE,QAAQ;IACjI,QACCH,gBACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAEI,SAAI,CAAC,sCAAsC,EAAE;YACnD,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,EACJ;AACH,CAAC,CAAC;AACF,0CAAe,+BAA+B;;;;;;;","names":["h","KolIconTag","translate","index","clsx"],"sources":["src/components/input/controller.ts","src/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.tsx","src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import type { MsgPropType, TouchedPropType } from '../../schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: MsgPropType;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasMsg: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst isMessageValid = state._msg?._type === 'error';\n\tconst hasMsg = isMessageValid && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasMsg === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasMsg, hasHint, ariaDescribedBy };\n};\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type CustomSuggestionsToggleProps = JSXBase.HTMLAttributes<HTMLButtonElement> & { disabled?: boolean };\n\nconst CustomSuggestionsToggleFc: FC<CustomSuggestionsToggleProps> = ({ onClick, disabled }) => {\n\treturn (\n\t\t<button tabindex=\"-1\" class=\"kol-custom-suggestions-toggle\" onClick={onClick} disabled={disabled}>\n\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t</button>\n\t);\n};\nexport default CustomSuggestionsToggleFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option }) => {\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass=\"kol-custom-suggestions-option\"\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{option}\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t})}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"version":3}

package/dist/cjs/FieldControlStateWrapper-efd773fe.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-ea36efbc.js"),clsx=require("./clsx-dd4d6dd1.js"),getRenderStates=require("./getRenderStates-e79cdf2e.js"),reuse=require("./reuse-8650ea4e.js"),InputContainer=(e,l)=>{var{class:o}=e,t=tslib_es6.__rest(e,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-field-control__input",o)},t),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:t,disabled:r,label:i,hideLabel:n,labelAlign:s,renderNoTooltip:d,hint:a,renderNoHint:c,tooltipAlign:b,accessKey:g,shortKey:p,msg:u,touched:h,required:_,readonly:C,fieldControlInputProps:F,fieldControlLabelProps:f,fieldControlTooltipProps:x,fieldControlHintProps:K}=e,y=tslib_es6.__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),S=!c,k=!d,j=getRenderStates.checkHasMsg(u,h),q=reuse.showExpertSlot(i),P=k&&!q&&n,v=reuse.buildBadgeTextString(g,p),B=[index.h(index.Fragment,null,index.h(InputContainer,Object.assign({},F),l),P&&index.h(getRenderStates.KolFieldControlTooltipFc,Object.assign({},x||{},{id:t,label:i,hideLabel:n,align:b,badgeText:v}))),index.h(getRenderStates.KolFieldControlLabelFc,Object.assign({},f||{},{id:t,baseClassName:"kol-field-control",class:clsx.clsx(null==f?void 0:f.class,{"kol-field-control__label--visually-hidden":Boolean(n)}),hasExpertSlot:q,label:i,accessKey:g,shortKey:p}))];"left"===s&&B.reverse();const O={"kol-field-control--disabled":Boolean(r),"kol-field-control--required":Boolean(_),"kol-field-control--touched":Boolean(h),"kol-field-control--hide-label":Boolean(n),"kol-field-control--read-only":Boolean(C),[`kol-field-control--${(null==u?void 0:u.type)||"error"}`]:Boolean(j),[`kol-field-control--label-align-${s}`]:Boolean(s)};return index.h("div",Object.assign({class:clsx.clsx("kol-field-control",O,o)},y),B,S&&index.h(getRenderStates.KolFieldControlHintFc,Object.assign({},K||{},{baseClassName:"kol-field-control",id:t,hint:a})))},KolFieldControlFc$1=KolFieldControlFc;function getFieldControlProps(e){const l={accessKey:e._accessKey,shortKey:e._shortKey,id:e._id,disabled:e._disabled,msg:getRenderStates.convertMsgToInternMsg(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(l.required=e._required),"_readOnly"in e&&(l.readonly=e._readOnly),"_labelAlign"in e&&(l.labelAlign=e._labelAlign),l}const FieldControlStateWrapper=(e,l)=>{var{state:o}=e,t=tslib_es6.__rest(e,["state"]);return index.h(KolFieldControlFc$1,Object.assign({},getFieldControlProps(o),t),l)},KolFieldControlStateWrapperFc=FieldControlStateWrapper;exports.KolFieldControlStateWrapperFc=KolFieldControlStateWrapperFc;

package/dist/cjs/FieldControlStateWrapper-efd773fe.js.map

@@ -0,0 +1 @@
+{"file":"FieldControlStateWrapper-efd773fe.js","mappings":"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","names":["h","clsx","checkHasMsg","showExpertSlot","buildBadgeTextString","KolFieldControlTooltipFc","KolFieldControlLabelFc","KolFieldControlHintFc","convertMsgToInternMsg","KolFieldControlFc"],"sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { type AlignPropType, type LabelAlignPropType, buildBadgeTextString, checkHasMsg, type InternMsgPropType, showExpertSlot } from '../../schema';\nimport KolFieldControlTooltipFc from '../FormFieldTooltip';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\nimport KolFieldControlHintFc from '../FormFieldHint';\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\ttooltipAlign,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst showMsg = checkHasMsg(msg, touched);\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps}>{children}</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<KolFieldControlTooltipFc\n\t\t\t\t\t{...(fieldControlTooltipProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\tbadgeText={badgeText}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${msg?.type || 'error'}`]: Boolean(showMsg),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\taccessKey: state._accessKey,\n\t\tshortKey: state._shortKey,\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"version":3}

package/dist/cjs/{Heading-d79de8bf.js → Heading-06140320.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-87a7393a.js"),clsx=require("./clsx-dd4d6dd1.js"),MIN_HEADING_LEVEL=1,MAX_HEADING_LEVEL=6;function isValidHeadingLevel(e){return e>=MIN_HEADING_LEVEL&&e<=6}function getHeadlineTag(e){return isValidHeadingLevel(e)?`h${e}`:"strong"}function getSubHeadlineTag(e){return 1===e?"span":getHeadlineTag(e)}const KolHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL,variant:a}=e,i=tslib_es6.__rest(e,["class","level","variant"]);const c=getHeadlineTag(n),d=a||c;return index.h(c,Object.assign({class:clsx.clsx("kol-headline",`kol-headline--${d}`,l)},i),s)},KolSecondaryHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL}=e,a=tslib_es6.__rest(e,["class","level"]);const i=getSubHeadlineTag(n+1);return index.h(i,Object.assign({class:clsx.clsx("kol-headline kol-headline--group kol-headline--secondary",l)},a),s)},KolHeadingFc=(e,s)=>{var{secondaryHeadline:l,level:n=MIN_HEADING_LEVEL,class:a,HeadingGroupProps:i={},SecondaryHeadlineProps:c={}}=e,d=tslib_es6.__rest(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const r=Object.assign({level:n},d);if(!l)return index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--single")},r),s);const{class:o}=i,t=tslib_es6.__rest(i,["class"]),g=Object.assign({class:clsx.clsx("kol-heading-group",o)},t);return index.h("hgroup",Object.assign({},g),index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--group","kol-headline--primary")},r),s),index.h(KolSecondaryHeadlineFc,Object.assign({level:n},c),l))},KolHeadingFc$1=KolHeadingFc;exports.KolHeadingFc=KolHeadingFc$1;
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-ea36efbc.js"),clsx=require("./clsx-dd4d6dd1.js"),MIN_HEADING_LEVEL=1,MAX_HEADING_LEVEL=6;function isValidHeadingLevel(e){return e>=MIN_HEADING_LEVEL&&e<=6}function getHeadlineTag(e){return isValidHeadingLevel(e)?`h${e}`:"strong"}function getSubHeadlineTag(e){return 1===e?"span":getHeadlineTag(e)}const KolHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL,variant:a}=e,i=tslib_es6.__rest(e,["class","level","variant"]);const c=getHeadlineTag(n),d=a||c;return index.h(c,Object.assign({class:clsx.clsx("kol-headline",`kol-headline--${d}`,l)},i),s)},KolSecondaryHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL}=e,a=tslib_es6.__rest(e,["class","level"]);const i=getSubHeadlineTag(n+1);return index.h(i,Object.assign({class:clsx.clsx("kol-headline kol-headline--group kol-headline--secondary",l)},a),s)},KolHeadingFc=(e,s)=>{var{secondaryHeadline:l,level:n=MIN_HEADING_LEVEL,class:a,HeadingGroupProps:i={},SecondaryHeadlineProps:c={}}=e,d=tslib_es6.__rest(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const r=Object.assign({level:n},d);if(!l)return index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--single")},r),s);const{class:o}=i,t=tslib_es6.__rest(i,["class"]),g=Object.assign({class:clsx.clsx("kol-heading-group",o)},t);return index.h("hgroup",Object.assign({},g),index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--group","kol-headline--primary")},r),s),index.h(KolSecondaryHeadlineFc,Object.assign({level:n},c),l))},KolHeadingFc$1=KolHeadingFc;exports.KolHeadingFc=KolHeadingFc$1;

package/dist/cjs/{Heading-d79de8bf.js.map → Heading-06140320.js.map}

@@ -1 +1 @@
-{"file":"Heading-d79de8bf.js","mappings":";;;;;;;;;AA2BA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAW5B,SAAS,mBAAmB,CAAC,KAAa;IACzC,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB,CAAC;AACjE,CAAC;SAQe,cAAc,CAAC,KAA4B;IAC1D,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,IAAI,KAAK,EAAkB,GAAG,QAAQ,CAAC;AAC7E,CAAC;SAQe,iBAAiB,CAAC,KAA4B;IAC7D,OAAO,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC;AAQD,MAAM,aAAa,GAAsB,CAAC,EAAmE,EAAE,QAAQ;QAA7E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,EAAE,OAAO,OAAY,EAAP,KAAK,wBAAjE,6BAAmE,CAAF;IAC1G,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,OAAO,IAAI,WAAW,CAAC;IAE5C,QACCA,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,iBAAiB,YAAY,EAAE,EAAE,UAAU,CAAC,IAAM,KAAK,GAC9F,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,sBAAsB,GAA+B,CAAC,EAA0D,EAAE,QAAQ;QAApE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,OAAY,EAAP,KAAK,wBAAxD,kBAA0D,CAAF;IACnH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAEjD,QACCD,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,GACzG,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ;QADR,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,wBAAhI,sFAAkI,CAAF;IAGhI,MAAM,aAAa,mBAClB,KAAK,IACF,KAAK,CACR,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACCD,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,IAAM,aAAa,GAC/E,QAAQ,CACM,EACf;KACF;IAED,MAAM,EAAE,KAAK,EAAE,eAAe,KAAqB,iBAAiB,EAAjC,WAAW,oBAAK,iBAAiB,EAA9D,SAA0C,CAAoB,CAAC;IACrE,MAAM,kBAAkB,mBACvB,KAAK,EAAEA,SAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,IAC9C,WAAW,CACd,CAAC;IAEF,QACCD,oCAAY,kBAAkB;QAC7BA,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,IAAM,aAAa,GACvG,QAAQ,CACM;QAChBD,QAAC,sBAAsB,kBAAC,KAAK,EAAE,KAAK,IAAM,sBAAsB,GAC9D,iBAAiB,CACM,CACjB,EACR;AACH,CAAC,CAAC;AAEF,uBAAe,YAAY;;;;","names":["h","clsx"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel, HeadingVariantPropType } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps & {\n\tvariant?: HeadingVariantPropType;\n};\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\ntype SubHeadlineTag = 'span' | HeadlineTag;\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Returns the appropriate sub-headline tag based on the level.\n * If the level is 1, returns 'span', otherwise returns the headline tag.\n * @param level - The heading level.\n * @returns The corresponding sub-headline tag.\n */\nexport function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag {\n\treturn level === 1 ? 'span' : getHeadlineTag(level);\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, variant, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\tconst finalVariant = variant || HeadlineTag;\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${finalVariant}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getSubHeadlineTag(level + 1);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc level={level} {...SecondaryHeadlineProps}>\n\t\t\t\t{secondaryHeadline}\n\t\t\t</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"version":3}
+{"file":"Heading-06140320.js","mappings":";;;;;;;;;AA2BA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAW5B,SAAS,mBAAmB,CAAC,KAAa;IACzC,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB,CAAC;AACjE,CAAC;SAQe,cAAc,CAAC,KAA4B;IAC1D,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,IAAI,KAAK,EAAkB,GAAG,QAAQ,CAAC;AAC7E,CAAC;SAQe,iBAAiB,CAAC,KAA4B;IAC7D,OAAO,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC;AAQD,MAAM,aAAa,GAAsB,CAAC,EAAmE,EAAE,QAAQ;QAA7E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,EAAE,OAAO,OAAY,EAAP,KAAK,wBAAjE,6BAAmE,CAAF;IAC1G,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,OAAO,IAAI,WAAW,CAAC;IAE5C,QACCA,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,iBAAiB,YAAY,EAAE,EAAE,UAAU,CAAC,IAAM,KAAK,GAC9F,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,sBAAsB,GAA+B,CAAC,EAA0D,EAAE,QAAQ;QAApE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,OAAY,EAAP,KAAK,wBAAxD,kBAA0D,CAAF;IACnH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAEjD,QACCD,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,GACzG,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ;QADR,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,wBAAhI,sFAAkI,CAAF;IAGhI,MAAM,aAAa,mBAClB,KAAK,IACF,KAAK,CACR,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACCD,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,IAAM,aAAa,GAC/E,QAAQ,CACM,EACf;KACF;IAED,MAAM,EAAE,KAAK,EAAE,eAAe,KAAqB,iBAAiB,EAAjC,WAAW,oBAAK,iBAAiB,EAA9D,SAA0C,CAAoB,CAAC;IACrE,MAAM,kBAAkB,mBACvB,KAAK,EAAEA,SAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,IAC9C,WAAW,CACd,CAAC;IAEF,QACCD,oCAAY,kBAAkB;QAC7BA,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,IAAM,aAAa,GACvG,QAAQ,CACM;QAChBD,QAAC,sBAAsB,kBAAC,KAAK,EAAE,KAAK,IAAM,sBAAsB,GAC9D,iBAAiB,CACM,CACjB,EACR;AACH,CAAC,CAAC;AAEF,uBAAe,YAAY;;;;","names":["h","clsx"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel, HeadingVariantPropType } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps & {\n\tvariant?: HeadingVariantPropType;\n};\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\ntype SubHeadlineTag = 'span' | HeadlineTag;\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Returns the appropriate sub-headline tag based on the level.\n * If the level is 1, returns 'span', otherwise returns the headline tag.\n * @param level - The heading level.\n * @returns The corresponding sub-headline tag.\n */\nexport function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag {\n\treturn level === 1 ? 'span' : getHeadlineTag(level);\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, variant, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\tconst finalVariant = variant || HeadlineTag;\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${finalVariant}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getSubHeadlineTag(level + 1);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc level={level} {...SecondaryHeadlineProps}>\n\t\t\t\t{secondaryHeadline}\n\t\t\t</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"version":3}

package/dist/cjs/Icon-563322cd.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const index=require("./index-ea36efbc.js"),componentNames=require("./component-names-74abfa2e.js"),KolIconFc=o=>{const{class:c,style:e,icons:n,label:s,onClick:l}=o;return index.h(componentNames.KolIconTag,{class:c,style:e,onClick:l,_icons:n,_label:s})},KolIconFc$1=KolIconFc;exports.KolIconFc=KolIconFc$1;

package/dist/cjs/{Icon-3e1a74dd.js.map → Icon-563322cd.js.map}

@@ -1 +1 @@
-{"file":"Icon-3e1a74dd.js","mappings":";;;;;;;;AAUA,MAAM,SAAS,GAAkB,CAAC,KAAK;IACtC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElE,OAAOA,QAACC,yBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;AACxG,CAAC,CAAC;AAEF,oBAAe,SAAS;;;;","names":["h","KolIconTag"],"sources":["src/functional-components/Icon/Icon.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { InternalIconProps } from '../../schema';\n\nexport type IconProps = InternalIconProps & {\n\tclass?: string;\n\tstyle?: { [key: string]: string };\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolIconFc: FC<IconProps> = (props) => {\n\tconst { class: classNames, style, icons, label, onClick } = props;\n\n\treturn <KolIconTag class={classNames} style={style} onClick={onClick} _icons={icons} _label={label} />;\n};\n\nexport default KolIconFc;\n"],"version":3}
+{"file":"Icon-563322cd.js","mappings":";;;;;;;;AAUA,MAAM,SAAS,GAAkB,CAAC,KAAK;IACtC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElE,OAAOA,QAACC,yBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;AACxG,CAAC,CAAC;AAEF,oBAAe,SAAS;;;;","names":["h","KolIconTag"],"sources":["src/functional-components/Icon/Icon.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { InternalIconProps } from '../../schema';\n\nexport type IconProps = InternalIconProps & {\n\tclass?: string;\n\tstyle?: { [key: string]: string };\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolIconFc: FC<IconProps> = (props) => {\n\tconst { class: classNames, style, icons, label, onClick } = props;\n\n\treturn <KolIconTag class={classNames} style={style} onClick={onClick} _icons={icons} _label={label} />;\n};\n\nexport default KolIconFc;\n"],"version":3}