@public-ui/components 3.0.0-rc.11 → 3.0.0-rc.12

package/dist/kolibri/{controller-a31f303e.js → controller-b4ef23a4.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as e}from"./component-names-60d77143.js";import{n as o,K as t,j as n}from"./prop.validators-17aec743.js";import{a as i,L as s}from"./dev.utils-fab45cbc.js";const f=t=>{for(i()&&(n("↓ Search form element start."),s.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==e.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(e){}i()&&(s.debug(t),n("↑ Search form element finished."))}return t},a=(n={})=>{var a,s;const i=f(n.form);if(i instanceof HTMLElement){const n=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)o(n,i),i.dispatchEvent(n);else if(i.tagName===e.toUpperCase()){o(n,t.querySelector("form",i));const e=i;"function"==typeof(null===(a=e._on)||void 0===a?void 0:a.onReset)&&(null===(s=e._on)||void 0===s||s.onReset(n))}}},l=(a={})=>{const s=f(a.form);if(s instanceof HTMLElement){const a=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:s});if("FORM"===s.tagName)i()&&!1===s.noValidate&&n("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof s.requestSubmit?s.requestSubmit():(o(a,s),s.dispatchEvent(a))}));else if(s.tagName===e.toUpperCase()){o(a,t.querySelector("form",s));const e=s;setTimeout((()=>{var t,o;"function"==typeof(null===(t=e._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=e._on)||void 0===o||o.onSubmit(a))}))}}};export{a,l as p};
+import{g as e}from"./component-names-7ee7402b.js";import{n as o,K as t,j as n}from"./prop.validators-17aec743.js";import{a as i,L as s}from"./dev.utils-fab45cbc.js";const f=t=>{for(i()&&(n("↓ Search form element start."),s.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==e.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(e){}i()&&(s.debug(t),n("↑ Search form element finished."))}return t},a=(n={})=>{var a,s;const i=f(n.form);if(i instanceof HTMLElement){const n=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)o(n,i),i.dispatchEvent(n);else if(i.tagName===e.toUpperCase()){o(n,t.querySelector("form",i));const e=i;"function"==typeof(null===(a=e._on)||void 0===a?void 0:a.onReset)&&(null===(s=e._on)||void 0===s||s.onReset(n))}}},l=(a={})=>{const s=f(a.form);if(s instanceof HTMLElement){const a=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:s});if("FORM"===s.tagName)i()&&!1===s.noValidate&&n("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof s.requestSubmit?s.requestSubmit():(o(a,s),s.dispatchEvent(a))}));else if(s.tagName===e.toUpperCase()){o(a,t.querySelector("form",s));const e=s;setTimeout((()=>{var t,o;"function"==typeof(null===(t=e._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=e._on)||void 0===o||o.onSubmit(a))}))}}};export{a,l as p};

package/dist/kolibri/{controller-0a5fca4d.js → controller-df2d736f.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as t,k as i,i as s,b as a}from"./prop.validators-17aec743.js";import{I as e}from"./controller-icon-eacb6067.js";import{v as h}from"./has-counter-0ab5f398.js";const o=["default","visibility-toggle"],r=(e,a)=>{t(e,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),a)};class l extends e{constructor(t,e,a){super(t,e,a),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(e){t(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),e)}validateHasCounter(t){h(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){r(this.component,t)}validateMaxLength(t){i(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){s(this.component,"_pattern",t)}validatePlaceholder(t){s(this.component,"_placeholder",t)}validateReadOnly(t){a(this.component,"_readOnly",t)}validateRequired(t){a(this.component,"_required",t)}validateValue(t){s(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{l as I};
+import{w as t,k as i,i as s,b as a}from"./prop.validators-17aec743.js";import{I as e}from"./controller-icon-783b6ddf.js";import{v as h}from"./has-counter-0ab5f398.js";const o=["default","visibility-toggle"],r=(e,a)=>{t(e,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),a)};class l extends e{constructor(t,e,a){super(t,e,a),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(e){t(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),e)}validateHasCounter(t){h(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){r(this.component,t)}validateMaxLength(t){i(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){s(this.component,"_pattern",t)}validatePlaceholder(t){s(this.component,"_placeholder",t)}validateReadOnly(t){a(this.component,"_readOnly",t)}validateRequired(t){a(this.component,"_required",t)}validateValue(t){s(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{l as I};

package/dist/kolibri/{controller-2a60af43.js → controller-fd355ed3.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{I as t}from"./getRenderStates-e0edaaa3.js";import{a as e,g as s,b as i,w as a,s as r}from"./prop.validators-17aec743.js";import{b as o,c as n}from"./label-90c13388.js";const l=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===o(t.label,3)&&!1===n(t.label)&&e(`A differing Aria-Label (${t.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===l(t)));if("number"==typeof t.label)return!0}return!1},f=(t,e,o={})=>{s(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),e,void 0,o)},h=(t,e,o={})=>{s(t,"_options",l,e,void 0,o)},c=(t,e)=>{i(t,"_required",e)},u=["horizontal","vertical"],p=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?p(t,e.options,i):t.set(i,e))}))};class d extends t{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){c(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class b extends d{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(o)&&o.length>0&&(this.keyOptionMap.clear(),p(this.keyOptionMap,o))},this.component=t}validateOrientation(t){a(this.component,"_orientation",(t=>"string"==typeof t&&u.includes(t)),new Set([`Orientation {${u.join(", ")}`]),t,{defaultValue:"vertical"})}validateOptions(t){f(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,r(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{d as I,b as a,f as b,p as f,h as v};
+import{I as t}from"./getRenderStates-2f1faf32.js";import{a as s,g as e,b as i,w as a,s as r}from"./prop.validators-17aec743.js";import{b as o,c as n}from"./label-90c13388.js";const f=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===o(t.label,3)&&!1===n(t.label)&&s(`A differing Aria-Label (${t.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===f(t)));if("number"==typeof t.label)return!0}return!1},l=(t,o,a={})=>{e(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),o,void 0,a)},h=(t,o,a={})=>{e(t,"_options",f,o,void 0,a)},c=(t,e)=>{i(t,"_required",e)},u=["horizontal","vertical"],p=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?p(t,e.options,i):t.set(i,e))}))};class d extends t{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){c(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class b extends d{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(o)&&o.length>0&&(this.keyOptionMap.clear(),p(this.keyOptionMap,o))},this.component=t}validateOrientation(t){a(this.component,"_orientation",(t=>"string"==typeof t&&u.includes(t)),new Set([`Orientation {${u.join(", ")}`]),t,{defaultValue:"vertical"})}validateOptions(t){l(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,r(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{d as I,b as a,l as b,p as f,h as v};

package/dist/kolibri/controller-icon-783b6ddf.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as n}from"./index-d40163ae.js";import{i as t}from"./InternalUnderlinedBadgeText-4b51ffd4.js";import{i as o}from"./isObject-ffcbbb76.js";import{_ as e}from"./tslib.es6-1173d062.js";import{a as s}from"./component-names-7ee7402b.js";import{K as i}from"./Icon-f56b24db.js";import{c}from"./clsx-09a06a12.js";import{c as a,a as r,I as d}from"./getRenderStates-2f1faf32.js";import{v as l}from"./icons-6ec03aa3.js";const m=(s,t)=>{var{position:o="start",class:i}=s,a=e(s,["position","class"]);const r="kol-input-container__adornment",l=`${r}--${o}`;return n("div",Object.assign({class:c(r,l,i)},a),t)},b=m;function u(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const p=(s,t)=>{var{class:o}=s,i=e(s,["class"]);return n("div",Object.assign({class:c("kol-input-container__container",o)},i),t)},f=(s,t)=>{const{class:o,startAdornment:i,endAdornment:r,disabled:l,msg:d,touched:m,containerProps:g,startAdornmentProps:j,endAdornmentProps:_}=s,h=e(s,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),f=a(d,m),k={"kol-input-container--disabled":l,[`kol-input-container--${(null==d?void 0:d.type)||"error"}`]:f},A=Object.assign({class:c("kol-input-container",k,o)},h);return u(i)||u(r)?n("div",Object.assign({},A),n(b,Object.assign({},j,{position:"start"}),i),n(p,Object.assign({},g),t),n(b,Object.assign({},_,{position:"end"}),r)):n("div",Object.assign({},A),n(p,Object.assign({},g),t))},j=f,_=t=>{const{label:o,icons:i,hideLabel:a,disabled:c,onClick:r}=t,l=e(t,["label","icons","hideLabel","disabled","onClick"]);return n(s,Object.assign({_label:o,_disabled:c,_icons:i,_hideLabel:a,_on:{onClick:r}},l))},O=_,h=s=>{const{componentName:t="button",label:o,icon:a,onClick:c}=s,r=e(s,["componentName","label","icon","onClick"]);return n("button"===t?O:i,Object.assign({label:o||"",hideLabel:!0,icons:`codicon codicon-${a}`,onClick:c},r))},k=h;function v(n){let s,t;return"_icons"in n&&(s=n._icons),"_smartButton"in n&&(t=n._smartButton),{icons:s,smartButton:t,disabled:n._disabled,msg:r(n._msg),touched:n._touched}}const A=({state:s,endAdornment:e},i)=>{const{icons:a,smartButton:c,disabled:r,msg:l,touched:d}=v(s);let m=null==a?void 0:a.left;t(m)&&(m={icon:m});let b=null==a?void 0:a.right;t(b)&&(b={icon:b});const p=[],u=[];return e&&(Array.isArray(e)?u.push(...e):u.push(e)),m&&p.push(n(k,Object.assign({componentName:"icon",class:"kol-input-container__icon"},o(m)?m:{}))),o(c)&&u.push(n(k,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},c,{hideLabel:!0,disabled:r}))),b&&u.push(n(k,Object.assign({componentName:"icon",class:"kol-input-container__icon"},o(b)?b:{}))),n(j,{disabled:r,msg:l,touched:d,startAdornment:p,endAdornment:u},i)},g=A;class C extends d{constructor(n,s,t){super(n,s,t),this.component=n}validateIcons(n){l(this.component,n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{C as I,g as K,k as a};

package/dist/kolibri/{controller-icon-eacb6067.js.map → controller-icon-783b6ddf.js.map}

@@ -1 +1 @@
-{"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","InputAdornment$1","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasMsg","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","_label","_disabled","_icons","_hideLabel","_on","KolButtonFc$1","KolIconButtonFc","componentName","icon","Component","KolIconFc","KolIconButtonFc$1","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject","InputIconController","InputController","constructor","component","name","host","super","this","validateIcons","value","componentWillLoad"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { IconsHorizontalPropType } from '../../../schema';\nimport { validateIcons } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tvalidateIcons(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","InputAdornment$1","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasMsg","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","_label","_disabled","_icons","_hideLabel","_on","KolButtonFc$1","KolIconButtonFc","componentName","icon","Component","KolIconFc","KolIconButtonFc$1","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject","InputIconController","InputController","constructor","component","name","host","super","this","validateIcons","value","componentWillLoad"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { IconsHorizontalPropType } from '../../../schema';\nimport { validateIcons } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tvalidateIcons(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/{dev.utils-aafcbf26.js → dev.utils-ab1349f3.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{E as e}from"./index-159d856c.js";import{p as t}from"./reuse-f46e7e35.js";import{L as n,g as i,s as o,b as s,c as r,d as a}from"./dev.utils-fab45cbc.js";const c=()=>{const e=i().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&(o(t.includes("dev-mode=true")),s(t.includes("experimental-mode=true")),r(t.includes("color-contrast-analysis=true")))}},u=()=>{let e=a().KoliBri;return void 0===e&&(e={},Object.defineProperty(a(),"KoliBri",{value:e,writable:!1})),e},l=()=>{c(),n.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${e.kolibriVersion}\n\t`,{forceLog:!0})},f=()=>{!0!==u().adviceShown&&(Object.defineProperty(u(),"adviceShown",{get:function(){return!0}}),n.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let m=()=>Math.floor(16777215*Math.random()).toString(16);"test"===t&&(m=()=>"nonce");export{l as i,m as n,f as r};
+import{E as e}from"./index-d40163ae.js";import{p as t}from"./reuse-f46e7e35.js";import{L as n,g as i,s as o,b as s,c as r,d as a}from"./dev.utils-fab45cbc.js";const c=()=>{const e=i().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&(o(t.includes("dev-mode=true")),s(t.includes("experimental-mode=true")),r(t.includes("color-contrast-analysis=true")))}},u=()=>{let e=a().KoliBri;return void 0===e&&(e={},Object.defineProperty(a(),"KoliBri",{value:e,writable:!1})),e},l=()=>{c(),n.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${e.kolibriVersion}\n\t`,{forceLog:!0})},f=()=>{!0!==u().adviceShown&&(Object.defineProperty(u(),"adviceShown",{get:function(){return!0}}),n.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let m=()=>Math.floor(16777215*Math.random()).toString(16);"test"===t&&(m=()=>"nonce");export{l as i,m as n,f as r};

package/dist/kolibri/{devtools-321b2d38.js → devtools-ced73989.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{i as t,r as e}from"./dev.utils-aafcbf26.js";import{e as o,g as s,L as a,a as r,f as i,d as l}from"./dev.utils-fab45cbc.js";import{y as n,t as f,z as c,A as d,B as p,p as m,C as L}from"./prop.validators-17aec743.js";import"./index-159d856c.js";import"./reuse-f46e7e35.js";import"./index-6d801dad.js";const u=()=>{let t=l().KoliBri;return void 0===t&&(t={},Object.defineProperty(l(),"KoliBri",{value:t,writable:!1})),t};function v(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){a.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>a.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){e(),v("a11yColorContrast",n),v("querySelector",f),v("querySelectorAll",c),v("querySelectorColors",d),v("utils",(function(){return p})),v("parseJson",m),v("stringifyJson",L);const t=s().body,a=s().createElement("svg");if(a.setAttribute("aria-label","KoliBri-DevTools"),a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a.setAttribute("role","toolbar"),a.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),a.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',s().body.appendChild(a),h("Development mode",o()),h("Experimental mode",r()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};
+import{i as t,r as e}from"./dev.utils-ab1349f3.js";import{e as o,g as s,L as a,a as r,f as i,d as l}from"./dev.utils-fab45cbc.js";import{y as n,t as d,z as f,A as c,B as p,p as m,C as L}from"./prop.validators-17aec743.js";import"./index-d40163ae.js";import"./reuse-f46e7e35.js";import"./index-6d801dad.js";const u=()=>{let t=l().KoliBri;return void 0===t&&(t={},Object.defineProperty(l(),"KoliBri",{value:t,writable:!1})),t};function v(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){a.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>a.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){e(),v("a11yColorContrast",n),v("querySelector",d),v("querySelectorAll",f),v("querySelectorColors",c),v("utils",(function(){return p})),v("parseJson",m),v("stringifyJson",L);const t=s().body,a=s().createElement("svg");if(a.setAttribute("aria-label","KoliBri-DevTools"),a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a.setAttribute("role","toolbar"),a.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),a.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',s().body.appendChild(a),h("Development mode",o()),h("Experimental mode",r()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};

package/dist/kolibri/{getRenderStates-e0edaaa3.js → getRenderStates-2f1faf32.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as e,K as t}from"./events-5886c68b.js";import{A as s}from"./associated.controller-3b160a7e.js";import{b as i,o,p as a,w as r,c as n,a as l,i as d,j as c,s as h}from"./prop.validators-17aec743.js";import{v as u,a as f,b as m,c as p}from"./access-and-short-key-16c1f3d9.js";import{v as b}from"./tooltip-align-7d5fdb9e.js";import{v}from"./hide-label-90b37cc2.js";import{a as g}from"./label-90c13388.js";import{_ as y}from"./tslib.es6-1173d062.js";import{h as j,F as _}from"./index-159d856c.js";import{c as L}from"./clsx-09a06a12.js";import{K as x}from"./Alert-2ab04f0d.js";import{t as O}from"./i18n-efbafc80.js";import{g as k}from"./component-names-60d77143.js";import{i as K,I as B}from"./InternalUnderlinedBadgeText-c9d67355.js";import{b as P,s as C}from"./reuse-f46e7e35.js";import{b as F,i as M}from"./common-54bf85ba.js";const T=(e,t)=>{i(e,"_adjustHeight",t)},$=(e,t,o)=>{i(e,"_hideMsg",t,o)};function w(e){return Object.entries(e).reduce(((e,[t,o])=>{const s=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},e),{[s]:o})}),{})}const H=(e,t)=>{o(t,(()=>{try{t=a(t)}catch(e){}r(e,"_msg",(e=>F(e)&&M(null==e?void 0:e._description,1)||void 0===(null==e?void 0:e._type)),new Set(["MsgPropType"]),t)}))};function I(e){if(e)return w(e)}function N(e,t){return!!e&&(!0===t||"error"!==(null==e?void 0:e.type))}const E=(e,t)=>{i(e,"_touched",t)},A=e=>{var{alert:t,msg:o,hideMsg:s,id:i,class:n}=e,a=y(e,["alert","msg","hideMsg","id","class"]);return j(x,Object.assign({id:`${i}-msg`,alert:t,type:"error",class:L("kol-form-field__msg",{"visually-hidden":!0===s},n)},o,a,{"aria-hidden":"true"}),(null==o?void 0:o.description)||void 0)},S=A,q=({hasExpertSlot:e,accessKey:t,shortKey:o,label:s,showBadge:i=!0})=>{if(e)return j("slot",{name:"expert"});if(!s)return null;const n=K(t)||K(o);if(!i||!n)return j("span",null,s);const a=P(t,o);return j(_,null,j(B,{badgeText:a,label:s})," ",j("span",{class:"badge-text-hint","aria-hidden":"true"},a))},D=e=>{var{component:t="label",id:o,baseClassName:s="kol-form-field",class:i,accessKey:n,shortKey:a,label:l,hideLabel:r,hasExpertSlot:d,showBadge:c}=e,h=y(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!d&&r;return j(t,Object.assign({},h,{class:L(`${s}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),j("span",{class:L(`${s}__label-text`)},j(q,{hasExpertSlot:d,accessKey:n,shortKey:a,label:l,showBadge:c})))},W=D,z=e=>{var{id:t,class:o,hint:s,baseClassName:i="kol-form-field"}=e,n=y(e,["id","class","hint","baseClassName"]);return s?j("span",Object.assign({class:L(`${i}__hint`,o),id:`${t}-hint`},n),s):null},U=z,V=e=>{var{currentLength:t,maxLength:o,class:s}=e,i=y(e,["currentLength","maxLength","class"]);return j("span",Object.assign({class:L("kol-form-field__counter",s)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&j(_,null,j("span",{"aria-label":O("kol-of"),role:"img"},"/"),o)," ",j("span",null,O("kol-characters")))},G=V,J=({id:e,align:t,badgeText:o,hideLabel:s,label:i,class:n})=>j(k,{"aria-hidden":"true",class:L("kol-form-field__tooltip",n),_badgeText:o,_align:t,_id:s?`${e}-label`:void 0,_label:i}),Q=J;function R(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const X=(e,t)=>{var{class:o}=e,s=y(e,["class"]);return j("div",Object.assign({class:L("kol-form-field__input",o)},s),t)},Y=(e,t)=>{const{component:o="div",renderNoLabel:s,renderNoTooltip:i,renderNoHint:n,anotherChildren:a,id:l,required:r,alert:d,disabled:c,class:h,msg:m,hideMsg:p,hideLabel:u,label:b,hint:g,accessKey:f,shortKey:v,tooltipAlign:_,counter:K,readOnly:x,touched:O,formFieldLabelProps:k,formFieldHintProps:B,formFieldTooltipProps:F,formFieldMsgProps:M,formFieldCounterProps:I,formFieldInputProps:E}=e,H=y(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps"]),T=!s,A=!n,$=!i,w=C(b),q=N(m,O),D=P(f,v),V=$&&!w&&u;let z={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(r),"kol-form-field--touched":Boolean(O),"kol-form-field--hide-label":Boolean(u),"kol-form-field--read-only":Boolean(x),"kol-form-field--hidden-msg":Boolean(p)};return q&&(z=Object.assign(Object.assign({},z),{[`kol-form-field--${(null==m?void 0:m.type)||"error"}`]:!0,[`kol-form-field--${R(m)}`]:!0})),j(o,Object.assign({class:L("kol-form-field",z,h)},H),T&&j(W,Object.assign({},k||{},{id:l,hasExpertSlot:w,hideLabel:u,label:b,accessKey:f,shortKey:v})),j(X,Object.assign({},E),t,V&&j(Q,Object.assign({},F||{},{id:l,label:b,hideLabel:u,align:_,badgeText:D}))),K?j(G,Object.assign({},I||{},K)):null,q&&j(S,Object.assign({},M||{},{id:l,alert:d,msg:m,hideMsg:p})),A&&j(U,Object.assign({},B||{},{id:l,hint:g})),a)},Z=Y;function ee({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}class te extends s{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){E(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class se extends te{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){u(this.component,e),f(e,this.component._shortKey)}validateAdjustHeight(e){T(this.component,e)}validateDisabled(e){i(this.component,"_disabled",e),!0===e&&n()}validateTooltipAlign(e){b(this.component,e)}validateHideMsg(e){$(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){v(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&l("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){d(this.component,"_hint",e)}validateId(e){d(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||c("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){g(this.component,e,{required:!0})}validateMsg(e){H(this.component,e)}validateOn(e){"object"==typeof e&&h(this.component,"_on",e)}validateShortKey(e){m(this.component,e),f(this.component._accessKey,e)}validateSmartButton(e){o(e,(()=>{try{e=a(e)}catch(e){}h(this.component,"_smartButton",e)}))}validateTabIndex(e){p(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),f(this.component._accessKey,this.component._shortKey)}emitEvent(t,o){this.host&&e(this.host,t,o)}onBlur(e){var o;this.component._touched=!0,this.emitEvent(t.blur),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(e)}onChange(e,o){var s;void 0===o&&(o=e.target.value),this.emitEvent(t.change,o),"function"==typeof(null===(s=this.component._on)||void 0===s?void 0:s.onChange)&&this.component._on.onChange(e,o),this.valueChangeListeners.forEach((e=>e(o)))}onInput(e,o=!0,s){var i;void 0===s&&(s=e.target.value),this.emitEvent(t.input,s),o&&this.setFormAssociatedValue(s),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(e,s)}onClick(e){var o;this.emitEvent(t.click),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(e)}onFocus(e){var o;this.emitEvent(t.focus),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}function ie(e){const t={id:e._id,disabled:e._disabled,msg:I(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,accessKey:e._accessKey,shortKey:e._shortKey};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_hasCounter"in e&&"_currentLength"in e&&(t.counter=e._hasCounter?{currentLength:e._currentLength}:void 0,t.counter&&"_maxLength"in e&&(t.counter.maxLength=e._maxLength)),t}const oe=(e,t)=>{var{state:o}=e,s=y(e,["state"]);return j(Z,Object.assign({},ie(o),s),t)},ae=oe,re=e=>{var t,o,s;const i=Boolean((null===(t=null==e?void 0:e._msg)||void 0===t?void 0:t._description)&&(null===(o=e._msg._description)||void 0===o?void 0:o.length)>0),n="error"===(null===(s=e._msg)||void 0===s?void 0:s._type)&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return i&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:n,hasHint:a,ariaDescribedBy:l}};export{se as I,ae as K,I as a,Q as b,N as c,W as d,U as e,ee as f,re as g};
+import{d as e,K as t}from"./events-5886c68b.js";import{A as s}from"./associated.controller-3b160a7e.js";import{b as i,o,p as a,w as r,c as n,a as l,i as d,j as h,s as c}from"./prop.validators-17aec743.js";import{v as f,a as u,b as m,c as p}from"./access-and-short-key-16c1f3d9.js";import{v as b}from"./tooltip-align-7d5fdb9e.js";import{v}from"./hide-label-90b37cc2.js";import{a as g}from"./label-90c13388.js";import{_ as y}from"./tslib.es6-1173d062.js";import{h as j,F as _}from"./index-d40163ae.js";import{c as L}from"./clsx-09a06a12.js";import{K as x}from"./Alert-7d506cd1.js";import{t as O}from"./i18n-efbafc80.js";import{f as k}from"./component-names-7ee7402b.js";import{i as K,I as B}from"./InternalUnderlinedBadgeText-4b51ffd4.js";import{b as P,s as C}from"./reuse-f46e7e35.js";import{b as F,i as M}from"./common-54bf85ba.js";const T=(e,t)=>{i(e,"_adjustHeight",t)},$=(e,t,o)=>{i(e,"_hideMsg",t,o)};function w(e){return Object.entries(e).reduce(((e,[t,o])=>{const s=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},e),{[s]:o})}),{})}const H=(e,t)=>{o(t,(()=>{try{t=a(t)}catch(e){}r(e,"_msg",(e=>F(e)&&M(null==e?void 0:e._description,1)||void 0===(null==e?void 0:e._type)),new Set(["MsgPropType"]),t)}))};function I(e){if(e)return w(e)}function N(e,t){return!!e&&(!0===t||"error"!==(null==e?void 0:e.type))}const E=(e,t)=>{i(e,"_touched",t)},A=e=>{var{alert:t,msg:o,hideMsg:s,id:i,class:n}=e,a=y(e,["alert","msg","hideMsg","id","class"]);return j(x,Object.assign({id:`${i}-msg`,alert:t,type:"error",class:L("kol-form-field__msg",{"visually-hidden":!0===s},n)},o,a,{"aria-hidden":"true"}),(null==o?void 0:o.description)||void 0)},S=A,q=({hasExpertSlot:e,accessKey:t,shortKey:o,label:s,showBadge:i=!0})=>{if(e)return j("slot",{name:"expert"});if(!s)return null;const n=K(t)||K(o);if(!i||!n)return j("span",null,s);const a=P(t,o);return j(_,null,j(B,{badgeText:a,label:s})," ",j("span",{class:"badge-text-hint","aria-hidden":"true"},a))},D=e=>{var{component:t="label",id:o,baseClassName:s="kol-form-field",class:i,accessKey:n,shortKey:a,label:l,hideLabel:r,hasExpertSlot:d,showBadge:c}=e,h=y(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!d&&r;return j(t,Object.assign({},h,{class:L(`${s}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),j("span",{class:L(`${s}__label-text`)},j(q,{hasExpertSlot:d,accessKey:n,shortKey:a,label:l,showBadge:c})))},W=D,z=e=>{var{id:t,class:o,hint:s,baseClassName:i="kol-form-field"}=e,n=y(e,["id","class","hint","baseClassName"]);return s?j("span",Object.assign({class:L(`${i}__hint`,o),id:`${t}-hint`},n),s):null},U=z,V=e=>{var{currentLength:t,maxLength:o,class:s}=e,i=y(e,["currentLength","maxLength","class"]);return j("span",Object.assign({class:L("kol-form-field__counter",s)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&j(_,null,j("span",{"aria-label":O("kol-of"),role:"img"},"/"),o)," ",j("span",null,O("kol-characters")))},G=V,J=({id:e,align:t,badgeText:o,hideLabel:s,label:i,class:n})=>j(k,{"aria-hidden":"true",class:L("kol-form-field__tooltip",n),_badgeText:o,_align:t,_id:s?`${e}-label`:void 0,_label:i}),Q=J;function R(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const X=(e,t)=>{var{class:o}=e,s=y(e,["class"]);return j("div",Object.assign({class:L("kol-form-field__input",o)},s),t)},Y=(e,t)=>{const{component:o="div",renderNoLabel:s,renderNoTooltip:i,renderNoHint:n,anotherChildren:a,id:l,required:r,alert:d,disabled:c,class:h,msg:m,hideMsg:p,hideLabel:u,label:b,hint:f,accessKey:g,shortKey:v,tooltipAlign:_,counter:K,readOnly:x,touched:O,formFieldLabelProps:k,formFieldHintProps:B,formFieldTooltipProps:F,formFieldMsgProps:M,formFieldCounterProps:I,formFieldInputProps:E}=e,H=y(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps"]),T=!s,A=!n,$=!i,w=C(b),q=N(m,O),D=P(g,v),V=$&&!w&&u;let z={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(r),"kol-form-field--touched":Boolean(O),"kol-form-field--hide-label":Boolean(u),"kol-form-field--read-only":Boolean(x),"kol-form-field--hidden-msg":Boolean(p)};return q&&(z=Object.assign(Object.assign({},z),{[`kol-form-field--${(null==m?void 0:m.type)||"error"}`]:!0,[`kol-form-field--${R(m)}`]:!0})),j(o,Object.assign({class:L("kol-form-field",z,h)},H),T&&j(W,Object.assign({},k||{},{id:l,hasExpertSlot:w,hideLabel:u,label:b,accessKey:g,shortKey:v})),j(X,Object.assign({},E),t,V&&j(Q,Object.assign({},F||{},{id:l,label:b,hideLabel:u,align:_,badgeText:D}))),K?j(G,Object.assign({},I||{},K)):null,q&&j(S,Object.assign({},M||{},{id:l,alert:d,msg:m,hideMsg:p})),A&&j(U,Object.assign({},B||{},{id:l,hint:f})),a)},Z=Y;function ee({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}class te extends s{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){E(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class se extends te{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){f(this.component,e),u(e,this.component._shortKey)}validateAdjustHeight(e){T(this.component,e)}validateDisabled(e){i(this.component,"_disabled",e),!0===e&&n()}validateTooltipAlign(e){b(this.component,e)}validateHideMsg(e){$(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){v(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&l("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){d(this.component,"_hint",e)}validateId(e){d(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||h("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){g(this.component,e,{required:!0})}validateMsg(e){H(this.component,e)}validateOn(e){"object"==typeof e&&c(this.component,"_on",e)}validateShortKey(e){m(this.component,e),u(this.component._accessKey,e)}validateSmartButton(e){o(e,(()=>{try{e=a(e)}catch(e){}c(this.component,"_smartButton",e)}))}validateTabIndex(e){p(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),u(this.component._accessKey,this.component._shortKey)}emitEvent(t,o){this.host&&e(this.host,t,o)}onBlur(e){var o;this.component._touched=!0,this.emitEvent(t.blur),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(e)}onChange(e,o){var s;void 0===o&&(o=e.target.value),this.emitEvent(t.change,o),"function"==typeof(null===(s=this.component._on)||void 0===s?void 0:s.onChange)&&this.component._on.onChange(e,o),this.valueChangeListeners.forEach((e=>e(o)))}onInput(e,o=!0,s){var i;void 0===s&&(s=e.target.value),this.emitEvent(t.input,s),o&&this.setFormAssociatedValue(s),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(e,s)}onClick(e){var o;this.emitEvent(t.click),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(e)}onFocus(e){var o;this.emitEvent(t.focus),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}function ie(e){const t={id:e._id,disabled:e._disabled,msg:I(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,accessKey:e._accessKey,shortKey:e._shortKey};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_hasCounter"in e&&"_currentLength"in e&&(t.counter=e._hasCounter?{currentLength:e._currentLength}:void 0,t.counter&&"_maxLength"in e&&(t.counter.maxLength=e._maxLength)),t}const oe=(e,t)=>{var{state:o}=e,s=y(e,["state"]);return j(Z,Object.assign({},ie(o),s),t)},ae=oe,re=e=>{var t,o,s;const i=Boolean((null===(t=null==e?void 0:e._msg)||void 0===t?void 0:t._description)&&(null===(o=e._msg._description)||void 0===o?void 0:o.length)>0),n="error"===(null===(s=e._msg)||void 0===s?void 0:s._type)&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return i&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:n,hasHint:a,ariaDescribedBy:l}};export{se as I,ae as K,I as a,Q as b,N as c,W as d,U as e,ee as f,re as g};

package/dist/kolibri/{index-159d856c.js → index-d40163ae.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-const e="kolibri",t={allRenderFn:!1,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!0,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!0,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!1,transformTagName:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0},l={kolibriVersion:"3.0.0-rc.11"};var r=Object.defineProperty,n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},s=new WeakMap,i=e=>s.get(e),o=(e,t)=>s.set(t.t=e,t),a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};return n.u=new Promise((e=>n.v=e)),n.h=new Promise((e=>n.p=e)),e["s-p"]=[],e["s-rc"]=[],s.set(e,n)},f=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),u=new Map,v=(e,t,n)=>{const s=e.m.replace(/-/g,"_"),o=e.$;if(!o)return;const l=u.get(o);return l?l[s]:import(`./${o}.entry.js`).then((e=>(u.set(o,e),e[s])),c)
+const e="kolibri",t={allRenderFn:!1,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!0,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!0,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!1,transformTagName:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0},l={kolibriVersion:"3.0.0-rc.12"};var r=Object.defineProperty,n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},s=new WeakMap,i=e=>s.get(e),o=(e,t)=>s.set(t.t=e,t),a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};return n.u=new Promise((e=>n.v=e)),n.h=new Promise((e=>n.p=e)),e["s-p"]=[],e["s-rc"]=[],s.set(e,n)},f=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),u=new Map,v=(e,t,n)=>{const s=e.m.replace(/-/g,"_"),o=e.$;if(!o)return;const l=u.get(o);return l?l[s]:import(`./${o}.entry.js`).then((e=>(u.set(o,e),e[s])),c)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},d=new Map,h=[],p="r",m="o",$="s",y="t",w="s-id",b="sty-id",g="c-id",S="{visibility:hidden}.hydrated{visibility:inherit}",k="slot-fb{display:contents}slot-fb[hidden]{display:none}",x="http://www.w3.org/1999/xlink",C="undefined"!=typeof window?window:{},j=C.document||{head:{}},O={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)},T=t.shadowDom,E=(()=>{let e=!1;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),R=e=>Promise.resolve(e),D=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),L=e=>R().then(e),F={},M="http://www.w3.org/2000/svg",A="http://www.w3.org/1999/xhtml",P=e=>null!=e,N=e=>"object"===(e=typeof e)||"function"===e;function U(e){var t,n,s;return null!=(s=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?s:void 0}var W={};n(W,{err:()=>H,map:()=>z,ok:()=>I,unwrap:()=>B,unwrapErr:()=>Q});var I=e=>({isOk:!0,isErr:!1,value:e}),H=e=>({isOk:!1,isErr:!0,value:e});function z(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>I(e))):I(n)}if(e.isErr){const t=e.value;return H(t)}throw"should never get here"}var be,ge,Se,B=e=>{if(e.isOk)return e.value;throw e.value},Q=e=>{if(e.isErr)return e.value;throw e.value},V=(e,t="")=>()=>{},q=(e,t)=>()=>{},G=(e,t,...n)=>{let s=null,o=null,l=null,r=!1,i=!1;const a=[],c=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?c(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!N(s))&&(s=String(s)),r&&i?a[a.length-1].k+=s:a.push(r?K(null,s):s),i=r)};if(c(n),t){t.key&&(o=t.key),t.name&&(l=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,a,J);const d=K(e,null);return d.C=t,a.length>0&&(d.j=a),d.O=o,d.T=l,d},K=(e,t)=>{const n={l:0,R:e,k:t,D:null,j:null,C:null,O:null,T:null};return n},X={},_=e=>e&&e.R===X,J={forEach:(e,t)=>e.map(Y).forEach(t),map:(e,t)=>e.map(Y).map(t).map(Z)},Y=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.R,vtext:e.k}),Z=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),G(e.vtag,t,...e.vchildren||[])}const t=K(e.vtag,e.vtext);return t.C=e.vattrs,t.j=e.vchildren,t.O=e.vkey,t.T=e.vname,t},ee=(e,t,n,s)=>{const o=V("hydrateClient",t),l=e.shadowRoot,r=[],i=l?[]:null,a=s.L=K(t,null);O.F||le(j.body,O.F=new Map),e[w]=n,e.removeAttribute(w),te(a,r,[],i,e,e,n),r.map((e=>{const n=e.M+"."+e.A,s=O.F.get(n),o=e.D;s&&T&&""===s["s-en"]&&s.parentNode.insertBefore(o,s.nextSibling),l||(o["s-hn"]=t,s&&(o["s-ol"]=s,o["s-ol"]["s-nr"]=o)),O.F.delete(n)})),l&&i.map((e=>{e&&l.appendChild(e)})),o()},te=(e,t,n,s,o,l,r)=>{let i,a,c,d;if(1===l.nodeType){if(i=l.getAttribute(g),i&&(a=i.split("."),a[0]!==r&&"0"!==a[0]||(c={l:0,M:a[0],A:a[1],P:a[2],N:a[3],R:l.tagName.toLowerCase(),D:l,C:null,j:null,O:null,T:null,k:null},t.push(c),l.removeAttribute(g),e.j||(e.j=[]),e.j[c.N]=c,e=c,s&&"0"===c.P&&(s[c.N]=c.D))),l.shadowRoot)for(d=l.shadowRoot.childNodes.length-1;d>=0;d--)te(e,t,n,s,o,l.shadowRoot.childNodes[d],r);for(d=l.childNodes.length-1;d>=0;d--)te(e,t,n,s,o,l.childNodes[d],r)}else if(8===l.nodeType)a=l.nodeValue.split("."),a[1]!==r&&"0"!==a[1]||(i=a[0],c={l:0,M:a[1],A:a[2],P:a[3],N:a[4],D:l,C:null,j:null,O:null,T:null,R:null,k:null},i===y?(c.D=l.nextSibling,c.D&&3===c.D.nodeType&&(c.k=c.D.textContent,t.push(c),l.remove(),e.j||(e.j=[]),e.j[c.N]=c,s&&"0"===c.P&&(s[c.N]=c.D))):c.M===r&&(i===$?(c.R="slot",a[5]?l["s-sn"]=c.T=a[5]:l["s-sn"]="",l["s-sr"]=!0,s&&(c.D=j.createElement(c.R),c.T&&c.D.setAttribute("name",c.T),l.parentNode.insertBefore(c.D,l),l.remove(),"0"===c.P&&(s[c.N]=c.D)),n.push(c),e.j||(e.j=[]),e.j[c.N]=c):i===p&&(s?l.remove():(o["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.R){const t=K(null,l.textContent);t.D=l,t.N="0",e.j=[t]}},le=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)le(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)le(e.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");n[0]===m&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},re=e=>h.map((t=>t(e))).find((e=>!!e)),ne=e=>h.push(e),se=(e,t)=>null==e||N(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e,ie=e=>i(e).$hostElement$,oe=(e,t,n)=>{const s=O.ce(t,n);return e.dispatchEvent(s),s},ae=new WeakMap,fe=(e,t,n)=>{let s=d.get(e);D&&n?(s=s||new CSSStyleSheet,"string"==typeof s?s=t:s.replaceSync(t)):s=t,d.set(e,s)},ce=(e,t,n)=>{var s;const o=ve(t,n),l=d.get(o);if(e=11===e.nodeType?e:j,l)if("string"==typeof l){e=e.head||e;let n,r=ae.get(e);if(r||ae.set(e,r=new Set),!r.has(o)){if(e.host&&(n=e.querySelector(`[${b}="${o}"]`)))n.innerHTML=l;else{n=j.createElement("style"),n.innerHTML=l;const o=null!=(s=O.U)?s:U(j);null!=o&&n.setAttribute("nonce",o);(!(1&t.l)||1&t.l&&"HEAD"!==e.nodeName)&&e.insertBefore(n,e.querySelector("link"))}4&t.l&&(n.innerHTML+=k),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o},ue=e=>{const t=e.i,n=e.$hostElement$,s=t.l,o=V("attachStyles",t.m),l=ce(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.W);10&s&&2&s&&(n["s-sc"]=l,n.classList.add(l+"-h")),o()},ve=(e,t)=>"sc-"+(t&&32&e.l?e.m+"-"+t:e.m),de=(e,t,n,s,o,l)=>{if(n!==s){let r=f(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,o=pe(n),l=pe(s);t.remove(...o.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(r||"o"!==t[0]||"n"!==t[1]){const a=N(s);if((r||a&&null!==s)&&!o)try{if(e.tagName.includes("-"))e[t]=s;else{const o=null==s?"":s;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let c=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,c=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(x,t):e.removeAttribute(t)):(!r||4&l||o)&&!a&&(s=!0===s?"":s,c?e.setAttributeNS(x,t,s):e.setAttribute(t,s))}else if(t="-"===t[2]?t.slice(3):f(C,i)?i.slice(2):i[2]+t.slice(3),n||s){const o=t.endsWith(me);t=t.replace($e,""),n&&O.rel(e,t,n,o),s&&O.ael(e,t,s,o)}}},he=/\s/,pe=e=>e?e.split(he):[],me="Capture",$e=new RegExp(me+"$"),ye=(e,t,n)=>{const s=11===t.D.nodeType&&t.D.host?t.D.host:t.D,o=e&&e.C||F,l=t.C||F;for(const e of we(Object.keys(o)))e in l||de(s,e,o[e],void 0,n,t.l);for(const e of we(Object.keys(l)))de(s,e,o[e],l[e],n,t.l)};function we(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ke=!1,xe=!1,Ce=!1,je=!1,Oe=(e,n,s,o)=>{var l;const r=n.j[s];let i,a,c,d=0;if(ke||(Ce=!0,"slot"===r.R&&(be&&o.classList.add(be+"-s"),r.l|=r.j?2:1)),null!==r.k)i=r.D=j.createTextNode(r.k);else if(1&r.l)i=r.D=j.createTextNode("");else{je||(je="svg"===r.R),i=r.D=j.createElementNS(je?M:A,!ke&&t.slotRelocation&&2&r.l?"slot-fb":r.R),je&&"foreignObject"===r.R&&(je=!1),ye(null,r,je);if(!!i.getRootNode().querySelector("body")&&t.scoped&&P(be)&&i["s-si"]!==be&&i.classList.add(i["s-si"]=be),r.j)for(d=0;d<r.j.length;++d)a=Oe(e,r,d,i),a&&i.appendChild(a);"svg"===r.R?je=!1:"foreignObject"===i.tagName&&(je=!0)}return i["s-hn"]=Se,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=ge,i["s-sn"]=r.T||"",i["s-rf"]=null==(l=r.C)?void 0:l.ref,c=e&&e.j&&e.j[s],c&&c.R===r.R&&e.D&&Te(e.D,!1)),i},Te=(e,n)=>{O.l|=1;const s=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Se&&s.push(t)}for(let e=s.length-1;e>=0;e--){const t=s[e];t["s-hn"]!==Se&&t["s-ol"]&&(He(Me(t),t,Fe(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,Ce=!0),n&&Te(t,n)}O.l&=-2},Ee=(e,t,n,s,o,l)=>{let r,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===Se&&(i=i.shadowRoot);o<=l;++o)s[o]&&(r=Oe(null,n,o,e),r&&(s[o].D=r,He(i,r,Fe(t))))},Re=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.D;Ie(t),e&&(xe=!0,e["s-ol"]?e["s-ol"].remove():Te(e,!0),e.remove())}}},De=(e,t,n,s,o=!1)=>{let l,r,i=0,a=0,c=0,d=0,u=t.length-1,h=t[0],p=t[u],f=s.length-1,m=s[0],v=s[f];for(;i<=u&&a<=f;)if(null==h)h=t[++i];else if(null==p)p=t[--u];else if(null==m)m=s[++a];else if(null==v)v=s[--f];else if(Le(h,m,o))Ae(h,m,o),h=t[++i],m=s[++a];else if(Le(p,v,o))Ae(p,v,o),p=t[--u],v=s[--f];else if(Le(h,v,o))"slot"!==h.R&&"slot"!==v.R||Te(h.D.parentNode,!1),Ae(h,v,o),He(e,h.D,p.D.nextSibling),h=t[++i],v=s[--f];else if(Le(p,m,o))"slot"!==h.R&&"slot"!==v.R||Te(p.D.parentNode,!1),Ae(p,m,o),He(e,p.D,h.D),p=t[--u],m=s[++a];else{for(c=-1,d=i;d<=u;++d)if(t[d]&&null!==t[d].O&&t[d].O===m.O){c=d;break}c>=0?(r=t[c],r.R!==m.R?l=Oe(t&&t[a],n,c,e):(Ae(r,m,o),t[c]=void 0,l=r.D),m=s[++a]):(l=Oe(t&&t[a],n,a,e),m=s[++a]),l&&He(Me(h.D),l,Fe(h.D))}i>u?Ee(e,null==s[f+1]?null:s[f+1].D,n,s,a,f):a>f&&Re(t,i,u)},Le=(e,t,n=!1)=>e.R===t.R&&("slot"===e.R?(!("A"in e)||!n||8===e.D.nodeType)&&e.T===t.T:!!n||e.O===t.O),Fe=e=>e&&e["s-ol"]||e,Me=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,Ae=(e,n,s=!1)=>{const o=n.D=e.D,l=e.j,r=n.j,i=n.R,a=n.k;let c;null===a?(je="svg"===i||"foreignObject"!==i&&je,("slot"!==i||ke)&&ye(e,n,je),null!==l&&null!==r?De(o,l,n,r,s):null!==r?(null!==e.k&&(o.textContent=""),Ee(o,null,n,r,0,r.length-1)):!s&&t.updatable&&null!==l&&Re(l,0,l.length-1),je&&"svg"===i&&(je=!1)):(c=o["s-cr"])?c.parentNode.textContent=a:e.k!==a&&(o.data=a)},Pe=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const s of t)if(s!==e)if(s["s-hn"]!==e["s-hn"]||""!==n){if(1===s.nodeType&&(n===s.getAttribute("slot")||n===s["s-sn"])||3===s.nodeType&&n===s["s-sn"]){e.hidden=!0;break}}else if(1===s.nodeType||3===s.nodeType&&""!==s.textContent.trim()){e.hidden=!0;break}}Pe(e)}},Ne=[],Ue=e=>{let n,s,o;for(const l of e.childNodes){if(l["s-sr"]&&(n=l["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=l["s-sn"];for(o=s.length-1;o>=0;o--)if(n=s[o],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==l["s-hn"]&&!t.experimentalSlotFixes)if(We(n,e)){let t=Ne.find((e=>e.I===n));xe=!0,n["s-sn"]=n["s-sn"]||e,t?(t.I["s-sh"]=l["s-hn"],t.H=l):(n["s-sh"]=l["s-hn"],Ne.push({H:l,I:n})),n["s-sr"]&&Ne.map((e=>{We(e.I,n["s-sn"])&&(t=Ne.find((e=>e.I===n)),t&&!e.H&&(e.H=t.H))}))}else Ne.some((e=>e.I===n))||Ne.push({I:n})}1===l.nodeType&&Ue(l)}},We=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,Ie=e=>{e.C&&e.C.ref&&e.C.ref(null),e.j&&e.j.map(Ie)},He=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ze=(e,t,n=!1)=>{var s,o,l,r;const i=e.$hostElement$,a=e.i,c=e.L||K(null,null),d=_(t)?t:G(null,null,t);if(Se=i.tagName,a.B&&(d.C=d.C||{},a.B.map((([e,t])=>d.C[t]=i[e]))),n&&d.C)for(const e of Object.keys(d.C))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(d.C[e]=i[e]);if(d.R=null,d.l|=4,e.L=d,d.D=c.D=i.shadowRoot||i,be=i["s-sc"],ke=!!(1&a.l),ge=i["s-cr"],xe=!1,Ae(c,d,n),O.l|=1,Ce){Ue(d.D);for(const e of Ne){const t=e.I;if(!t["s-ol"]){const e=j.createTextNode("");e["s-nr"]=t,He(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ne){const t=e.I,i=e.H;if(i){const e=i.parentNode;let n=i.nextSibling;{let l=null==(s=t["s-ol"])?void 0:s.previousSibling;for(;l;){let s=null!=(o=l["s-nr"])?o:null;if(s&&s["s-sn"]===t["s-sn"]&&e===s.parentNode){for(s=s.nextSibling;s===t||(null==s?void 0:s["s-sr"]);)s=null==s?void 0:s.nextSibling;if(!s||!s["s-nr"]){n=s;break}}l=l.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),He(e,t,n),1===t.nodeType&&(t.hidden=null!=(l=t["s-ih"])&&l)),t&&"function"==typeof i["s-rf"]&&i["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(r=t.hidden)&&r),t.hidden=!0)}}xe&&Pe(d.D),O.l&=-2,Ne.length=0,ge=void 0},Be=(e,t)=>{t&&!e.V&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.V=t)))},Qe=(e,t)=>{if(4&e.l)return void(e.l|=512);Be(e,e.q);return Ve(e,t)},Ve=(e,t)=>{const n=e.$hostElement$,s=V("scheduleUpdate",e.i.m),o=e.t;if(!o)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid KoliBri runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.G&&(e.G.map((([e,t])=>Ye(o,e,t))),e.G=void 0),l=Ye(o,"componentWillLoad")),s(),qe(l,(()=>Ke(e,o,t)))},qe=(e,t)=>Ge(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Ge=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ke=async(e,t,n)=>{var s;const o=e.$hostElement$,l=V("update",e.i.m),r=o["s-rc"];n&&ue(e);const i=V("render",e.i.m);Xe(e,t,o,n),r&&(r.map((e=>e())),o["s-rc"]=void 0),i(),l();{const t=null!=(s=o["s-p"])?s:[],n=()=>_e(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},Xe=(e,t,n,s)=>{try{t=t.render&&t.render(),e.l|=2,ze(e,t,s)}catch(t){c(t,e.$hostElement$)}return null},_e=e=>{const t=e.i.m,n=e.$hostElement$,s=V("postUpdate",t),o=e.t,l=e.q;Ye(o,"componentDidRender"),64&e.l?s():(e.l|=64,Ze(n),Ye(o,"componentDidLoad"),s(),e.p(n),l||Je()),e.v(n),e.V&&(e.V(),e.V=void 0),512&e.l&&L((()=>Qe(e,!1))),e.l&=-517},Je=t=>{Ze(j.documentElement),L((()=>oe(C,"appload",{detail:{namespace:e}})))},Ye=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){c(e)}},Ze=e=>{var n;return e.classList.add(null!=(n=t.hydratedSelectorName)?n:"hydrated")},et=(e,t)=>i(e).o.get(t),tt=(e,t,n,s)=>{const o=i(e);if(!o)throw new Error(`Couldn't find host element for "${s.m}" as it is unknown to this KoliBri runtime. This usually happens when integrating a 3rd party KoliBri component with another KoliBri component or application. Please reach out to the maintainers of the 3rd party KoliBri component or report this on the KoliBri Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=o.$hostElement$,r=o.o.get(t),a=o.l,d=o.t;n=se(n,s.K[t][0]);const u=Number.isNaN(r)&&Number.isNaN(n);if((!(8&a)||void 0===r)&&(n!==r&&!u)&&(o.o.set(t,n),d)){if(s.X&&128&a){const e=s.X[t];e&&e.map((e=>{try{d[e](n,r,t)}catch(e){c(e,l)}}))}2==(18&a)&&Qe(o,!1)}},lt=(e,t,n)=>{var s,o;const l=e.prototype;if(t.K||t.X||e.watchers){e.watchers&&!t.X&&(t.X=e.watchers);const r=Object.entries(null!=(s=t.K)?s:{});if(r.map((([e,[s]])=>{31&s||2&n&&32&s?Object.defineProperty(l,e,{get(){return et(this,e)},set(n){tt(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&s&&Object.defineProperty(l,e,{value(...t){var n;const s=i(this);return null==(n=null==s?void 0:s.u)?void 0:n.then((()=>{var n;return null==(n=s.t)?void 0:n[e](...t)}))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(e,s,o){O.jmp((()=>{var r;const a=n.get(e);if(this.hasOwnProperty(a))o=this[a],delete this[a];else{if(l.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==o)return;if(null==a){const n=i(this),l=null==n?void 0:n.l;if(l&&!(8&l)&&128&l&&o!==s){const l=n.t,i=null==(r=t.X)?void 0:r[e];null==i||i.forEach((t=>{null!=l[t]&&l[t].call(l,o,s,e)}))}return}}this[a]=(null!==o||"boolean"!=typeof this[a])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.X)?o:{}),...r.filter((([e,t])=>15&t[0])).map((([e,s])=>{var o;const l=s[1]||e;return n.set(l,e),512&s[0]&&(null==(o=t.B)||o.push([e,l])),l}))]))}}return e},rt=async(e,t,n,s)=>{let o;if(!(32&t.l)){t.l|=32;if(n.$){const s=v(n);if(s&&"then"in s){const e=q();o=await s,e()}else o=s;if(!o)throw new Error(`Constructor for "${n.m}#${t.W}" was not found`);o.isProxied||(n.X=o.watchers,lt(o,n,2),o.isProxied=!0);const l=V("createInstance",n.m);t.l|=8;try{new o(t)}catch(e){c(e)}t.l&=-9,t.l|=128,l(),nt(t.t)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(o&&o.style){let s;"string"==typeof o.style?s=o.style:"string"!=typeof o.style&&(t.W=re(e),t.W&&(s=o.style[t.W]));const l=ve(n,t.W);if(!d.has(l)){const e=V("registerStyles",n.m);fe(l,s,!!(1&n.l)),e()}}}const l=t.q,r=()=>Qe(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()},nt=e=>{Ye(e,"connectedCallback")},st=e=>{if(!(1&O.l)){const t=i(e),n=t.i,s=V("connectedCallback",n.m);if(1&t.l)ut(e,t,n._),(null==t?void 0:t.t)?nt(t.t):(null==t?void 0:t.h)&&t.h.then((()=>nt(t.t)));else{let s;if(t.l|=1,s=e.getAttribute(w),s){if(1&n.l){const t=ce(e.shadowRoot,n,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}ee(e,n.m,s,t)}s||12&n.l&&it(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Be(t,t.q=n);break}}n.K&&Object.entries(n.K).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),rt(e,t,n)}s()}},it=e=>{const t=e["s-cr"]=j.createComment("");t["s-cn"]=!0,He(e,t,e.firstChild)},ot=e=>{Ye(e,"disconnectedCallback")},at=async e=>{if(!(1&O.l)){const t=i(e);t.J&&(t.J.map((e=>e())),t.J=void 0),(null==t?void 0:t.t)?ot(t.t):(null==t?void 0:t.h)&&t.h.then((()=>ot(t.t)))}},ft=(e,t={})=>{var n;const s=V(),o=[],l=t.exclude||[],r=C.customElements,c=j.head,d=c.querySelector("meta[charset]"),u=j.createElement("style"),h=[];let p,f=!0;Object.assign(O,t),O.S=new URL(t.resourcesUrl||"./",j.baseURI).href,O.l|=2;let m=!1;if(e.map((e=>{e[1].map((n=>{var s;const c={l:n[0],m:n[1],K:n[2],_:n[3]};4&c.l&&(m=!0),c.K=n[2],c._=n[3],c.B=[],c.X=null!=(s=n[4])?s:{};const d=t.transformTagName?t.transformTagName(c.m):c.m,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,a(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${c.m}! Mode is set to ${e.shadowRoot.mode} but KoliBri only supports open shadow roots.`)}else e.attachShadow({mode:"open",delegatesFocus:!!(16&c.l)})}connectedCallback(){const e=i(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ut(this,e,c._)),p&&(clearTimeout(p),p=null),f?h.push(this):O.jmp((()=>st(this)))}disconnectedCallback(){O.jmp((()=>at(this)))}componentOnReady(){return i(this).h}};c.$=e[0],l.includes(d)||r.get(d)||(o.push(d),r.define(d,lt(u,c,1)))}))})),o.length>0&&(m&&(u.textContent+=k),u.textContent+=o.sort()+S,u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!=(n=O.U)?n:U(j);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,d?d.nextSibling:c.firstChild)}f=!1,h.length?h.map((e=>e.connectedCallback())):O.jmp((()=>p=setTimeout(Je,30))),s()},ct=(e,t)=>t,ut=(e,t,n,s)=>{n&&n.map((([n,s,o])=>{const l=dt(e,n),r=vt(t,o),i=ht(n);O.ael(l,s,r,i),(t.J=t.J||[]).push((()=>O.rel(l,s,r,i)))}))},vt=(e,t)=>n=>{var s;try{256&e.l?null==(s=e.t)||s[t](n):(e.G=e.G||[]).push([t,n])}catch(e){c(e)}},dt=(e,t)=>8&t?C:e,ht=e=>E?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e),pt=e=>O.U=e;export{l as E,ct as F,X as H,ne as a,ft as b,ie as g,G as h,R as p,o as r,pt as s};