@public-ui/components 3.0.2-d721ede5369345abe032367b7d05a7c5a20dca9b.0 → 3.0.2-f97556ada8a20e9abe2dbb519562bad234f7191b.0

package/doc/split-button.md

@@ -5,27 +5,24 @@
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | 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) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean` \| `undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                       | `boolean` \| `undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                 | `undefined` |
-| `_id`                 | `_id`               | Defines the internal ID of the primary component element.                                                                                                                        | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                               | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
-| `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
+| Property              | Attribute        | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
+| --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_ariaControls`       | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_ariaSelected`       | `_aria-selected` | 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) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_customClass`        | `_custom-class`  | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean` \| `undefined`                                                                                                                                 | `false`     |
+| `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                       | `boolean` \| `undefined`                                                                                                                                 | `false`     |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                 | `undefined` |
+| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                                        | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                               | `string`                                                                                                                                               | `undefined` |
+| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_on`                 | --               | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
+| `_role`               | `_role`          | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
+| `_type`               | `_type`          | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
+| `_value`              | `_value`         | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
+| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
 
 
 ## Methods
@@ -40,26 +37,6 @@ Type: `Promise<void>`
 
 
 
-### `getValue() => Promise<StencilUnknown>`
-
-
-
-#### Returns
-
-Type: `Promise<StencilUnknown>`
-
-
-
-### `kolFocus() => Promise<void>`
-
-
-
-#### Returns
-
-Type: `Promise<void>`
-
-
-
 
 ## Slots
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.2-d721ede5369345abe032367b7d05a7c5a20dca9b.0",
+  "version": "3.0.2-f97556ada8a20e9abe2dbb519562bad234f7191b.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {

package/vscode-custom-data.json

@@ -3440,18 +3440,10 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
         {
           "name": "_aria-controls",
           "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
-        {
-          "name": "_aria-description",
-          "description": "Defines the value for the aria-description attribute."
-        },
         {
           "name": "_aria-expanded",
           "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
@@ -3506,10 +3498,6 @@
             }
           ]
         },
-        {
-          "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",

package/dist/cjs/Alert-733f9c9a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-8c157970.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-f5f2ca3a.js"),i18n=require("./i18n-b01aa5d0.js"),bem=require("./bem-85316256.js"),Heading=require("./Heading-8b4da934.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:a={},alert:i=!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"]);i&&(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(a,u),role:i?"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-733f9c9a.js.map

@@ -1 +0,0 @@
-{"file":"Alert-733f9c9a.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/CustomSuggestionsOptionsGroup-e1b3d59a.js

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

package/dist/cjs/CustomSuggestionsOptionsGroup-e1b3d59a.js.map

@@ -1 +0,0 @@
-{"file":"CustomSuggestionsOptionsGroup-e1b3d59a.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;;MCxBM,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;;MCDM,yBAAyB,GAA+B,CAAC,SAAEC,OAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE;IACpJ,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB;QAC5D,IAAI,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;YAAE,OAAO,IAAI,CAAC;QAErC,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACzF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEhC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGH,kBAAM,GAAG,EAAE,SAAS,IAAG,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;KACvG,CAAC;IAEF,QACCA,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,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAClD,EACJ;AACH;;MChCM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ;IACxI,QACCH,gBACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAEI,SAAI,CAAC,sCAAsC,EAAE;YACnD,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,EACJ;AACH;;;;;;;","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\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (regex.test(part) ? <mark key={partIndex}>{part}</mark> : part));\n\t};\n\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{highlightSearchTerm(String(option), searchTerm || '')}\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, style }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\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/Icon-b5637598.js

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

package/dist/esm/Alert-bea534f9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as __rest}from"./tslib.es6-1173d062.js";import{h,F as Fragment}from"./index-4d380356.js";import{c as clsx}from"./clsx-09a06a12.js";import{e as KolIconTag,b as KolButtonWcTag}from"./component-names-553d8bfa.js";import{t as translate}from"./i18n-260f0fe9.js";import{a as BEM_CLASS_ALERT__ICON,b as bem,c as BEM_CLASS_ALERT__CONTENT,d as BEM_CLASS_ALERT__CLOSER}from"./bem-e4c3a2e6.js";import{K as KolHeadingFc}from"./Heading-0a6e428a.js";const Icon=({ariaLabel:a,icon:e})=>h(Fragment,null,h("span",{class:"visually-hidden"},a),h(KolIconTag,{class:BEM_CLASS_ALERT__ICON,_label:"",_icons:e})),AlertIcon=({type:a,label:e})=>{switch(a){case"error":return h(Icon,{ariaLabel:translate("kol-error"),icon:"codicon codicon-error",label:e});case"info":return h(Icon,{ariaLabel:translate("kol-info"),icon:"codicon codicon-info",label:e});case"warning":return h(Icon,{ariaLabel:translate("kol-warning"),icon:"codicon codicon-warning",label:e});case"success":return h(Icon,{ariaLabel:translate("kol-success"),icon:"codicon codicon-pass",label:e});default:return h(Icon,{ariaLabel:translate("kol-message"),icon:"codicon codicon-comment",label:e})}},vibrateOnError=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const a=navigator.userActivation;if(((null==a?void 0:a.isActive)||(null==a?void 0:a.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(a){}},KolAlertFc=(a,e)=>{const{class:o={},alert:l=!1,hasCloser:n=!1,label:t,level:r=0,type:s="default",variant:i="msg",onAlertTimeout:c,onCloserClick:d}=a,_=__rest(a,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);l&&(vibrateOnError(),setTimeout((()=>{null==c||c()}),1e4));const b=bem("kol-alert",{hasCloser:!!n,[`type-${s}`]:!0,[`variant-${i}`]:!0}),m=bem("kol-alert","heading",{[`h${r}`]:!0}),v=Object.assign({class:clsx(o,b),role:l?"error"===s?"alert":"status":void 0},_);return h("div",Object.assign({},v),h("div",{class:"kol-alert__container"},h(AlertIcon,{label:t,type:s}),h("div",{class:"kol-alert__container-content"},t&&h(KolHeadingFc,{class:m,level:r,id:"heading"},t),"msg"===i&&h("span",{class:BEM_CLASS_ALERT__CONTENT,"aria-describedby":t?"heading":void 0},e)),n&&h(KolButtonWcTag,{class:BEM_CLASS_ALERT__CLOSER,"data-testid":"alert-close-button",_ariaDescription:(null==t?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:translate("kol-close-alert"),_on:{onClick:d},_tooltipAlign:"left"})),"card"===i&&h("div",{class:BEM_CLASS_ALERT__CONTENT,"aria-describedby":t?"heading":void 0},e))};export{KolAlertFc as K};

package/dist/esm/Alert-bea534f9.js.map

@@ -1 +0,0 @@
-{"file":"Alert-bea534f9.js","mappings":"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","names":[],"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/esm/CustomSuggestionsOptionsGroup-ecfb3933.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h}from"./index-4d380356.js";import{e as KolIconTag}from"./component-names-553d8bfa.js";import{t as translate}from"./i18n-260f0fe9.js";import{c as clsx}from"./clsx-09a06a12.js";const 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})=>h("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},h(KolIconTag,{_icons:"codicon codicon-triangle-down",_label:translate("kol-dropdown")})),CustomSuggestionsOptionFc=({index:o,ref:s,selected:e,onClick:t,onMouseOver:n,onFocus:i,onKeyDown:r,option:g,searchTerm:l})=>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:r},((o,s)=>{if(!(null==s?void 0:s.trim()))return o;const e=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return o.split(e).map(((o,s)=>e.test(o)?h("mark",{key:s},o):o))})(String(g),l||"")),CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:s,style:e},t)=>h("ul",{role:"listbox",style:e,class:clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},t);export{CustomSuggestionsToggleFc as C,CustomSuggestionsOptionsGroupFc as a,CustomSuggestionsOptionFc as b,getRenderStates as g};

package/dist/esm/CustomSuggestionsOptionsGroup-ecfb3933.js.map

@@ -1 +0,0 @@
-{"file":"CustomSuggestionsOptionsGroup-ecfb3933.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;;MCxBM,yBAAyB,GAAqC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;IACzF,QACC,cAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QAC/F,EAAC,UAAU,IAAC,MAAM,EAAC,+BAA+B,EAAC,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC,GAAI,CAChF,EACR;AACH;;MCDM,yBAAyB,GAA+B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE;IACpJ,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB;QAC5D,IAAI,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;YAAE,OAAO,IAAI,CAAC;QAErC,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACzF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEhC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,YAAM,GAAG,EAAE,SAAS,IAAG,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;KACvG,CAAC;IAEF,QACC,UACC,EAAE,EAAE,UAAU,KAAK,EAAE,EACrB,GAAG,EAAE,IAAI,KAAK,EAAE,EAChB,GAAG,EAAE,GAAG,gBACI,KAAK,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,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAClD,EACJ;AACH;;MChCM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ;IACxI,QACC,UACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,sCAAsC,EAAE;YACnD,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,EACJ;AACH;;;;","names":[],"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\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (regex.test(part) ? <mark key={partIndex}>{part}</mark> : part));\n\t};\n\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{highlightSearchTerm(String(option), searchTerm || '')}\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, style }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\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/kolibri/Alert-bea534f9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-1173d062.js";import{h as a,F as o}from"./index-4d380356.js";import{c as n}from"./clsx-09a06a12.js";import{e as i,b as l}from"./component-names-553d8bfa.js";import{t as s}from"./i18n-260f0fe9.js";import{a as r,b as t,c,d}from"./bem-e4c3a2e6.js";import{K as u}from"./Heading-0a6e428a.js";const b=({ariaLabel:e,icon:s})=>a(o,null,a("span",{class:"visually-hidden"},e),a(i,{class:r,_label:"",_icons:s})),f=({type:e,label:o})=>{switch(e){case"error":return a(b,{ariaLabel:s("kol-error"),icon:"codicon codicon-error",label:o});case"info":return a(b,{ariaLabel:s("kol-info"),icon:"codicon codicon-info",label:o});case"warning":return a(b,{ariaLabel:s("kol-warning"),icon:"codicon codicon-warning",label:o});case"success":return a(b,{ariaLabel:s("kol-success"),icon:"codicon codicon-pass",label:o});default:return a(b,{ariaLabel:s("kol-message"),icon:"codicon codicon-comment",label:o})}},m=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const a=navigator.userActivation;if(((null==a?void 0:a.isActive)||(null==a?void 0:a.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(a){}},v=(o,i)=>{const{class:r={},alert:b=!1,hasCloser:v=!1,label:p,level:g=0,type:h="default",variant:k="msg",onAlertTimeout:_,onCloserClick:y}=o,j=e(o,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);b&&(m(),setTimeout((()=>{null==_||_()}),1e4));const C=t("kol-alert",{hasCloser:!!v,[`type-${h}`]:!0,[`variant-${k}`]:!0}),L=t("kol-alert","heading",{[`h${g}`]:!0}),A=Object.assign({class:n(r,C),role:b?"error"===h?"alert":"status":void 0},j);return a("div",Object.assign({},A),a("div",{class:"kol-alert__container"},a(f,{label:p,type:h}),a("div",{class:"kol-alert__container-content"},p&&a(u,{class:L,level:g,id:"heading"},p),"msg"===k&&a("span",{class:c,"aria-describedby":p?"heading":void 0},i)),v&&a(l,{class:d,"data-testid":"alert-close-button",_ariaDescription:(null==p?void 0:p.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:s("kol-close-alert"),_on:{onClick:y},_tooltipAlign:"left"})),"card"===k&&a("div",{class:c,"aria-describedby":p?"heading":void 0},i))};export{v as K};

package/dist/kolibri/Alert-bea534f9.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Icon","ariaLabel","icon","h","Fragment","class","KolIconTag","BEM_CLASS_ALERT__ICON","_label","_icons","AlertIcon","type","label","translate","vibrateOnError","navigator","vibrate","ua","userActivation","hasGesture","isActive","hasBeenActive","matchMedia","matches","_a","KolAlertFc","props","children","classNames","alert","hasCloser","level","variant","onAlertTimeout","onCloserClick","other","__rest","setTimeout","BEM_CLASS_ROOT","bem","BEM_CLASS__HEADING","rootProps","Object","assign","clsx","role","undefined","KolHeadingFc","id","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER","_ariaDescription","trim","_hideLabel","left","_on","onClick","_tooltipAlign"],"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"],"mappings":";;;6TAWA,MAAMA,EAAgE,EAAGC,YAAWC,UAElFC,EAAAC,EAAA,KACCD,EAAA,QAAME,MAAM,mBAAmBJ,GAC/BE,EAACG,EAAU,CAACD,MAAOE,EAAuBC,OAAO,GAAGC,OAAQP,KAK/D,MAAMQ,EAAsD,EAAGC,OAAMC,YACpE,OAAQD,GACP,IAAK,QACJ,OAAOR,EAACH,EAAI,CAACC,UAAWY,EAAU,aAAcX,KAAK,wBAAwBU,MAAOA,IACrF,IAAK,OACJ,OAAOT,EAACH,EAAI,CAACC,UAAWY,EAAU,YAAaX,KAAK,uBAAuBU,MAAOA,IACnF,IAAK,UACJ,OAAOT,EAACH,EAAI,CAACC,UAAWY,EAAU,eAAgBX,KAAK,0BAA0BU,MAAOA,IACzF,IAAK,UACJ,OAAOT,EAACH,EAAI,CAACC,UAAWY,EAAU,eAAgBX,KAAK,uBAAuBU,MAAOA,IACtF,QACC,OAAOT,EAACH,EAAI,CAACC,UAAWY,EAAU,eAAgBX,KAAK,0BAA0BU,MAAOA,I,ECR3F,MAAME,EAAiB,KACtB,UAAWC,YAAc,oBAAsBA,UAAUC,UAAY,WAAY,CAChF,M,CAED,MAAMC,EAAKF,UAAUG,eACrB,MAAMC,GAAaF,IAAE,MAAFA,SAAE,SAAFA,EAAIG,YAAYH,IAAE,MAAFA,SAAE,SAAFA,EAAII,eACvC,IAAKF,EAAY,CAChB,M,CAED,IAAKG,WAAW,yBAAyBC,QAAS,CACjD,M,CAED,IACCR,UAAUC,QAAQ,CAAC,IAAK,GAAI,IAAK,GAAI,K,CACpC,MAAAQ,G,SAKGC,EAAkC,CAACC,EAAOC,KAC/C,MACCtB,MAAOuB,EAAa,GAAEC,MACtBA,EAAQ,MAAKC,UACbA,EAAY,MAAKlB,MACjBA,EAAKmB,MACLA,EAAQ,EAACpB,KACTA,EAAO,UAASqB,QAChBA,EAAU,MAAKC,eACfA,EAAcC,cACdA,GAEGR,EADAS,EAAKC,EACLV,EAXE,iGAaN,GAAIG,EAAO,CACVf,IAEAuB,YAAW,KACVJ,IAAc,MAAdA,SAAc,SAAdA,GAAkB,GAChB,I,CAMJ,MAAMK,EAAiBC,EAAI,YAAa,CACvCT,YAAaA,EACb,CAAC,QAAQnB,KAAS,KAClB,CAAC,WAAWqB,KAAY,OAEzB,MAAMQ,EAAqBD,EAAI,YAAa,UAAW,CACtD,CAAC,IAAIR,KAAU,OAGhB,MAAMU,EAASC,OAAAC,OAAA,CACdtC,MAAOuC,EAAKhB,EAAYU,GACxBO,KAAMhB,EAASlB,IAAS,QAAU,QAAU,SAAYmC,WACrDX,GAGJ,OACChC,EAAA,MAAAuC,OAAAC,OAAA,GAASF,GACRtC,EAAA,OAAKE,MAAM,wBACVF,EAACO,EAAS,CAACE,MAAOA,EAAOD,KAAMA,IAC/BR,EAAA,OAAKE,MAAM,gCACTO,GACAT,EAAC4C,EAAY,CAAC1C,MAAOmC,EAAoBT,MAAOA,EAAOiB,GAAG,WACxDpC,GAGFoB,IAAY,OACZ7B,EAAA,QAAME,MAAO4C,EAAwB,mBAAoBrC,EAAQ,UAAYkC,WAC3EnB,IAIHG,GACA3B,EAAC+C,EAAc,CACd7C,MAAO8C,EAAuB,cAClB,qBACZC,kBAAkBxC,IAAK,MAALA,SAAK,SAALA,EAAOyC,SAAU,GACnCC,WAAU,KACV7C,OAAQ,CACP8C,KAAM,CACLrD,KAAM,0BAGRM,OAAQK,EAAU,mBAClB2C,IAAK,CAAEC,QAASvB,GAChBwB,cAAc,UAIhB1B,IAAY,QACZ7B,EAAA,OAAKE,MAAO4C,EAAwB,mBAAoBrC,EAAQ,UAAYkC,WAC1EnB,GAGE,S","ignoreList":[]}

package/dist/kolibri/CustomSuggestionsOptionsGroup-ecfb3933.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-4d380356.js";import{e as s}from"./component-names-553d8bfa.js";import{t as n}from"./i18n-260f0fe9.js";import{c as e}from"./clsx-09a06a12.js";const t=o=>{var s;const e="error"===(null===(s=o._msg)||void 0===s?void 0:s._type)&&!0===o._touched,n="string"==typeof o._hint&&o._hint.length>0,t=[];return!0===e&&t.push(`${o._id}-error`),!0===n&&t.push(`${o._id}-hint`),{hasMsg:e,hasHint:n,ariaDescribedBy:t}},i=({onClick:e,disabled:t})=>o("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:e,disabled:t},o(s,{_icons:"codicon codicon-triangle-down",_label:n("kol-dropdown")})),r=({index:s,ref:e,selected:n,onClick:t,onMouseOver:i,onFocus:r,onKeyDown:l,option:a,searchTerm:c})=>o("li",{id:`option-${s}`,key:`-${s}`,ref:e,"data-index":s,tabIndex:-1,role:"option","aria-selected":n?"true":void 0,onClick:t,onMouseOver:i,onFocus:r,class:"kol-custom-suggestions-option",onKeyDown:l},((s,e)=>{if(!(null==e?void 0:e.trim()))return s;const n=new RegExp(`(${e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return s.split(n).map(((s,e)=>n.test(s)?o("mark",{key:e},s):s))})(String(a),c||"")),c=({blockSuggestionMouseOver:s,onKeyDown:n,style:t},i)=>o("ul",{role:"listbox",style:t,class:e("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":s}),onKeyDown:n},i);export{i as C,c as a,r as b,t as g};

package/dist/kolibri/CustomSuggestionsOptionsGroup-ecfb3933.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getRenderStates","state","isMessageValid","_a","_msg","_type","hasMsg","_touched","hasHint","_hint","length","ariaDescribedBy","push","_id","CustomSuggestionsToggleFc","onClick","disabled","h","tabindex","class","KolIconTag","_icons","_label","translate","CustomSuggestionsOptionFc","index","ref","selected","onMouseOver","onFocus","onKeyDown","option","searchTerm","highlightSearchTerm","text","trim","regex","RegExp","replace","parts","split","map","part","partIndex","test","key","id","tabIndex","role","undefined","String","CustomSuggestionsOptionsGroupFc","blockSuggestionMouseOver","style","children","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\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (regex.test(part) ? <mark key={partIndex}>{part}</mark> : part));\n\t};\n\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{highlightSearchTerm(String(option), searchTerm || '')}\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, style }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\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"],"mappings":";;;8KASaA,EAAmBC,I,MAU/B,MAAMC,IAAiBC,EAAAF,EAAMG,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAAU,QAC7C,MAAMC,EAASJ,GAAkBD,EAAMM,WAAa,KACpD,MAAMC,SAAiBP,EAAMQ,QAAU,UAAYR,EAAMQ,MAAMC,OAAS,EAExE,MAAMC,EAA4B,GAClC,GAAIL,IAAW,KAAM,CACpBK,EAAgBC,KAAK,GAAGX,EAAMY,Y,CAE/B,GAAIL,IAAY,KAAM,CACrBG,EAAgBC,KAAK,GAAGX,EAAMY,W,CAE/B,MAAO,CAAEP,SAAQE,UAASG,kBAAiB,E,MCvBtCG,EAA8D,EAAGC,UAASC,cAE9EC,EAAA,UAAQC,SAAS,KAAKC,MAAM,gCAAgCJ,QAASA,EAASC,SAAUA,GACvFC,EAACG,EAAU,CAACC,OAAO,gCAAgCC,OAAQC,EAAU,mB,MCElEC,EAAwD,EAAGC,QAAOC,MAAKC,WAAUZ,UAASa,cAAaC,UAASC,YAAWC,SAAQC,iBACxI,MAAMC,EAAsB,CAACC,EAAcF,KAC1C,KAAKA,IAAU,MAAVA,SAAU,SAAVA,EAAYG,QAAQ,OAAOD,EAEhC,MAAME,EAAQ,IAAIC,OAAO,IAAIL,EAAWM,QAAQ,sBAAuB,WAAY,MACnF,MAAMC,EAAQL,EAAKM,MAAMJ,GAEzB,OAAOG,EAAME,KAAI,CAACC,EAAMC,IAAeP,EAAMQ,KAAKF,GAAQzB,EAAA,QAAM4B,IAAKF,GAAYD,GAAeA,GAAM,EAGvG,OACCzB,EAAA,MACC6B,GAAI,UAAUrB,IACdoB,IAAK,IAAIpB,IACTC,IAAKA,EAAG,aACID,EACZsB,UAAW,EACXC,KAAK,SAAQ,gBACErB,EAAW,OAASsB,UACnClC,QAASA,EACTa,YAAaA,EACbC,QAASA,EACTV,MAAM,gCACNW,UAAWA,GAEVG,EAAoBiB,OAAOnB,GAASC,GAAc,IAC/C,E,MC9BDmB,EAA0E,EAAGC,2BAA0BtB,YAAWuB,SAASC,IAE/HrC,EAAA,MACC+B,KAAK,UACLK,MAAOA,EACPlC,MAAOoC,EAAK,uCAAwC,CACnD,sDAAuDH,IAExDtB,UAAWA,GAEVwB,U","ignoreList":[]}

package/dist/kolibri/Heading-0a6e428a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-1173d062.js";import{h as s}from"./index-4d380356.js";import{c as l}from"./clsx-09a06a12.js";const n=1,o=6;function a(s){return s>=n&&s<=6}function r(s){return a(s)?`h${s}`:"strong"}function c(s){return 1===s?"span":r(s)}const t=(a,o)=>{var{class:c,level:i=n}=a,t=e(a,["class","level"]);const d=r(i);return s(d,Object.assign({class:l("kol-headline",`kol-headline--${d}`,c)},t),o)},i=(a,r)=>{var{class:o,level:i=n}=a,t=e(a,["class","level"]);const d=c(i+1);return s(d,Object.assign({class:l("kol-headline kol-headline--group kol-headline--secondary",o)},t),r)},d=(a,r)=>{var{secondaryHeadline:o,level:c=n,class:d,HeadingGroupProps:g={},SecondaryHeadlineProps:p={}}=a,u=e(a,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const h=Object.assign({level:c},u);if(!o)return s(t,Object.assign({class:l(d,"kol-headline--single")},h),r);const{class:j}=g,v=e(g,["class"]),b=Object.assign({class:l("kol-heading-group",j)},v);return s("hgroup",Object.assign({},b),s(t,Object.assign({class:l(d,"kol-headline--group","kol-headline--primary")},h),r),s(i,Object.assign({level:c},p),o))};export{d as K};

package/dist/kolibri/Icon-5ed61d01.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as s}from"./index-4d380356.js";import{e as o}from"./component-names-553d8bfa.js";const n=n=>{const{class:e,style:l,icons:a,label:c,onClick:t}=n;return s(o,{class:e,style:l,onClick:t,_icons:a,_label:c})};export{n as K};

package/dist/kolibri/Input-c1657cf4.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-1173d062.js";import{h as s,F as a}from"./index-4d380356.js";import{c as l}from"./clsx-09a06a12.js";import"./index-ebe5a881.js";import{e as o,c as i}from"./getRenderStates-d255cc7a.js";const t=t=>{const{class:d,msg:r,required:n,disabled:u,touched:c,readonly:b,ariaDescribedBy:p,hideLabel:m,label:g,suggestions:y,value:j}=t,h=e(t,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),B=i(r,c),k={"kol-input--disabled":Boolean(u),"kol-input--required":Boolean(n),"kol-input--touched":Boolean(c),"kol-input--readonly":Boolean(b),[`kol-input--${(null==r?void 0:r.type)||"error"}`]:B},v=Object.assign(Object.assign({class:l("kol-input",k,d),required:n,disabled:u,readonly:b,type:"text",list:y?`${h.id}-list`:void 0},o({ariaDescribedBy:p,hideLabel:m,label:g})),h);return s(a,null,s("input",Object.assign({},v,{value:j})),y)};export{t as I};

package/dist/kolibri/Span-4dcea6ad.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as a}from"./tslib.es6-1173d062.js";import{h as l,F as e}from"./index-4d380356.js";import{c as s}from"./clsx-09a06a12.js";import{K as n}from"./Icon-5ed61d01.js";import{m as t}from"./index-ebe5a881.js";import{m as o}from"./markdown-f827f2ac.js";import{i as r,K as i}from"./InternalUnderlinedBadgeText-1f0b9da7.js";import{i as c}from"./isObject-ffcbbb76.js";const d=a=>{const{class:e,style:o,label:t,icon:r}=a;return l(n,{class:s("icon",e),style:o,label:t||"",icons:r})},b=({label:a,hideLabel:e,allowMarkdown:n,badgeText:t})=>{if(e||!r(a))return null;const d="kol-span__label";return n?l("span",{class:s(d,"md"),innerHTML:o(a)}):l("span",{class:s(d)},t?l(i,{label:a,badgeText:t}):a)},p=({hideLabel:a,label:s,badgeText:n,allowMarkdown:o},i)=>{const d=!t(s);return l(e,null,d&&l(b,{label:s,hideLabel:a,badgeText:n,allowMarkdown:o}),l("span",{"aria-hidden":d?"true":void 0,class:"kol-span__label",hidden:d},i),r(n)&&n.length>0&&l("span",{class:"badge-text-hint","aria-hidden":"true"},n))},f=(e,n)=>{const{class:o,label:t,hideLabel:i=!1,badgeText:b,allowMarkdown:m,icons:f}=e,g=a(e,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let h=null,j=null,u=null,w=null;return c(f)?(h=f.top,j=f.left,u=f.right,w=f.bottom):r(f)&&(j={icon:f}),l("span",Object.assign({class:s("kol-span",{"kol-span--hide-label":i},o)},g),c(h)&&l(d,Object.assign({class:"top"},h)),l("span",{class:"kol-span__container"},c(j)&&l(d,Object.assign({class:"left"},j)),l(p,{label:t,hideLabel:i,allowMarkdown:m,badgeText:b},n),c(u)&&l(d,Object.assign({class:"right"},u))),c(w)&&l(d,Object.assign({class:"bottom"},w)))};export{f as K};

package/dist/kolibri/controller-09fe6dc6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{w as s}from"./index-ebe5a881.js";import{I as t}from"./controller-bcc5eeef.js";import{v as e}from"./spell-check-5559a801.js";import{v as i}from"./suggestions-198125b7.js";const o=["text","search","url","tel"];class r extends t{constructor(e,t,o){super(e,t,o),this.component=e}validateSuggestions(e){i(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class a extends r{constructor(e,t,o){super(e,t,o),this.hasError=!1,this.component=e}validateSpellCheck(t){e(this.component,t)}validateType(e){s(this.component,"_type",(e=>"string"==typeof e&&o.includes(e)),new Set([`String {${o.join(", ")}`]),e)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{r as I,a};

package/dist/types/schema/props/alt.d.ts

@@ -1,7 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { WatchStringOptions } from '../utils';
-export type AltPropType = string;
-export type PropAlt = {
-    alt: AltPropType;
-};
-export declare const validateAlt: (component: Generic.Element.Component, value?: AltPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-sizes.d.ts

@@ -1,7 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { WatchStringOptions } from '../utils';
-export type ImageSizesPropType = string;
-export type PropImageSizes = {
-    sizes: ImageSizesPropType;
-};
-export declare const validateImageSizes: (component: Generic.Element.Component, value?: ImageSizesPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-srcset.d.ts

@@ -1,7 +0,0 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { WatchStringOptions } from '../utils';
-export type ImageSrcsetPropType = string;
-export type PropImageSrcset = {
-    srcset: ImageSrcsetPropType;
-};
-export declare const validateImageSrcset: (component: Generic.Element.Component, value?: ImageSrcsetPropType, options?: WatchStringOptions) => void;