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

package/dist/kolibri/controller-icon-4be72f9f.js.map

@@ -0,0 +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","checkHasError","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","tabindex","_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","beforePatchIcons","value","nextState","set","InputIconController","InputController","constructor","component","name","host","super","this","validateIcons","objectObjectHandler","parseJson","e","watchValidator","isIcon","Set","hooks","beforePatch","required","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 { checkHasError, 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 = checkHasError(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 tabindex={0} _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?: never;\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\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"button\" {...smartButton} hideLabel={true} disabled={disabled} />);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"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 { KoliBriHorizontalIcons, Stringified } from '../../../schema';\nimport { isIcon, isString, objectObjectHandler, parseJson, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nconst beforePatchIcons = (value: unknown, nextState: Map<string, unknown>): void => {\n\tconst icons = value as KoliBriHorizontalIcons;\n\tif (typeof icons === 'object' && icons !== null) {\n\t\tif (isString(icons.right, 1)) {\n\t\t\ticons.right = { icon: icons.right as string };\n\t\t}\n\t\tif (isString(icons.left, 1)) {\n\t\t\ticons.left = { icon: icons.left as string };\n\t\t}\n\t\tnextState.set('_icons', icons);\n\t}\n};\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?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriHorizontalIcons>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\twatchValidator(\n\t\t\t\tthis.component,\n\t\t\t\t'_icons',\n\t\t\t\t(value): boolean => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\ttypeof value === 'object' && value !== null && (isString(value.left, 1) || isIcon(value.left) || isString(value.right, 1) || isIcon(value.right))\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tnew Set(['KoliBriHorizontalIcon']),\n\t\t\t\tvalue,\n\t\t\t\t{\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: beforePatchIcons,\n\t\t\t\t\t},\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t);\n\t\t});\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-47d07d5b.js → dev.utils-b9e6a3e1.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{E as e}from"./index-8a5f476c.js";import{p as t}from"./reuse-32931294.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-91489a9f.js";import{p as t}from"./reuse-32931294.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-5850e9b1.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{i as t,r as e}from"./dev.utils-b9e6a3e1.js";import{e as o,g as s,L as r,a,f as i,d as l}from"./dev.utils-fab45cbc.js";import{z as n,v as f,A as c,B as d,C as p,p as m,D as L}from"./prop.validators-9feb1d92.js";import"./index-91489a9f.js";import"./reuse-32931294.js";import"./index-da3e0c00.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){r.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>r.debug(`${t} ${e?"":"not "}activated`),b=()=>{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,r=s().createElement("svg");if(r.setAttribute("aria-label","KoliBri-DevTools"),r.setAttribute("xmlns","http://www.w3.org/2000/svg"),r.setAttribute("role","toolbar"),r.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),r.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(r),h("Development mode",o()),h("Experimental mode",a()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{b as initialize};

package/dist/kolibri/{devtools-17ed9dde.js.map → devtools-5850e9b1.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.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>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;kTAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}
+{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.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>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;6SAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}

package/dist/kolibri/getRenderStates-a7a33541.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as e,K as t}from"./events-5adf6b62.js";import{A as s}from"./associated.controller-52d302aa.js";import{b as i,c as o,a,i as r,j as n,s as l,o as d,p as h}from"./prop.validators-9feb1d92.js";import{v as c,a as f,b as u,c as p}from"./access-and-short-key-9cca88b8.js";import{v as m}from"./tooltip-align-8e0fa436.js";import{v as b}from"./hide-label-429a15ea.js";import{K as v,c as g,v as y,a as j}from"./FormFieldMsg-1ed3f51d.js";import{a as _}from"./label-d0315384.js";import{_ as L}from"./tslib.es6-1173d062.js";import{h as k,F as x}from"./index-91489a9f.js";import{c as K}from"./clsx-09a06a12.js";import{t as O}from"./i18n-5fe08f1c.js";import{g as B}from"./component-names-a18a51c8.js";import{i as F,I as C}from"./InternalUnderlinedBadgeText-22278de8.js";import{b as P,s as T}from"./reuse-32931294.js";const M=(e,t)=>{i(e,"_adjustHeight",t)},H=(e,t,o)=>{i(e,"_hideMsg",t,o)},I=(e,t)=>{i(e,"_touched",t)},N=({hasExpertSlot:e,accessKey:t,shortKey:o,label:s,showBadge:i=!0})=>{if(e)return k("slot",{name:"expert"});if(!s)return null;const n=F(t)||F(o);if(!i||!n)return k("span",null,s);const a=P(t,o);return k(x,null,k(C,{badgeText:a,label:s})," ",k("span",{class:"access-key-hint","aria-hidden":"true"},a))},$=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=L(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!d&&r;return k(t,Object.assign({},h,{class:K(`${s}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),k("span",{class:K(`${s}__label-text`)},k(N,{hasExpertSlot:d,accessKey:n,shortKey:a,label:l,showBadge:c})))},E=$,w=e=>{var{id:t,class:o,hint:s,baseClassName:i="kol-form-field"}=e,n=L(e,["id","class","hint","baseClassName"]);return s?k("span",Object.assign({class:K(`${i}__hint`,o),id:`${t}-hint`},n),s):null},q=w,A=e=>{var{currentLength:t,maxLength:o,class:s}=e,i=L(e,["currentLength","maxLength","class"]);return k("span",Object.assign({class:K("kol-form-field__counter",s)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&k(x,null,k("span",{"aria-label":O("kol-of"),role:"img"},"/"),o)," ",k("span",null,O("kol-characters")))},S=A,D=({id:e,align:t,badgeText:o,hideLabel:s,label:i,class:n})=>k(B,{"aria-hidden":"true",class:K("kol-form-field__tooltip",n),_badgeText:o,_align:t,_id:s?`${e}-label`:void 0,_label:i}),W=D;function z(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 U=(e,t)=>{var{class:o}=e,s=L(e,["class"]);return k("div",Object.assign({class:K("kol-form-field__input",o)},s),t)},V=(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:_,shortKey:y,tooltipAlign:j,counter:x,readOnly:C,touched:F,formFieldLabelProps:O,formFieldHintProps:B,formFieldTooltipProps:I,formFieldMsgProps:M,formFieldCounterProps:H,formFieldInputProps:A}=e,N=L(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"]),$=!s,w=!n,D=!i,V=T(b),G=g(m,F),J=P(_,y),Q=D&&!V&&u;let R={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(r),"kol-form-field--touched":Boolean(F),"kol-form-field--hide-label":Boolean(u),"kol-form-field--read-only":Boolean(C),"kol-form-field--hidden-msg":Boolean(p)};return G&&(R=Object.assign(Object.assign({},R),{[`kol-form-field--${(null==m?void 0:m.type)||"error"}`]:!0,[`kol-form-field--${z(m)}`]:!0})),k(o,Object.assign({class:K("kol-form-field",R,h),role:"presentation"},N),$&&k(E,Object.assign({},O||{},{id:l,hasExpertSlot:V,hideLabel:u,label:b,accessKey:_,shortKey:y})),k(U,Object.assign({},A),t,Q&&k(W,Object.assign({},I||{},{id:l,label:b,hideLabel:u,align:j,badgeText:J}))),x?k(S,Object.assign({},H||{},x)):null,G&&k(v,Object.assign({},M||{},{id:l,alert:d,msg:m,hideMsg:p})),w&&k(q,Object.assign({},B||{},{id:l,hint:f})),a)},G=V;function J({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 Q extends s{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){I(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class R extends Q{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){c(this.component,e),f(e,this.component._shortKey)}validateAdjustHeight(e){M(this.component,e)}validateDisabled(e){i(this.component,"_disabled",e),!0===e&&o()}validateTooltipAlign(e){m(this.component,e)}validateHideMsg(e){H(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){b(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){r(this.component,"_hint",e)}validateId(e){r(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||n("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){_(this.component,e,{required:!0})}validateMsg(e){y(this.component,e)}validateOn(e){"object"==typeof e&&l(this.component,"_on",e)}validateShortKey(e){u(this.component,e),f(this.component._accessKey,e)}validateSmartButton(e){d(e,(()=>{try{e=h(e)}catch(e){}l(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 X(e){const t={id:e._id,disabled:e._disabled,msg:j(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 Y=(e,t)=>{var{state:o}=e,s=L(e,["state"]);return k(G,Object.assign({},X(o),s),t)},Z=Y,ee=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{R as I,Z as K,W as a,E as b,q as c,J as d,ee as g};

package/dist/kolibri/getRenderStates-a7a33541.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateAdjustHeight","component","value","watchBoolean","validateHideMsg","options","validateTouched","LabelFc","hasExpertSlot","accessKey","shortKey","label","showBadge","h","name","hasBadgeText","isString","badgeText","buildBadgeTextString","Fragment","InternalUnderlinedBadgeText","class","KolFormFieldLabelFc","_a","Component","id","baseClassName","classNames","hideLabel","other","__rest","useTooltipInsteadOfLabel","Object","assign","clsx","undefined","hidden","htmlFor","KolFieldControlLabelFc","KolFormFieldHintFc","hint","KolFieldControlHintFc","KolFormFieldCounterFc","currentLength","maxLength","translate","role","KolFormFieldCounterFc$1","FormFieldTooltipFc","align","KolTooltipWcTag","_badgeText","_align","_id","_label","KolFieldControlTooltipFc","getModifierClassNameByMsgType","msg","type","default","info","success","warning","error","InputContainer","children","KolFormFieldFc","props","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","required","alert","disabled","hideMsg","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps","showLabel","showHint","showTooltip","showExpertSlot","showMsg","checkHasError","stateCssClasses","Boolean","KolFormFieldTooltipFc","KolFormFieldMsgFc","KolFormFieldFc$1","getDefaultProps","ariaDescribedBy","title","autoCapitalize","autoCorrect","length","join","ControlledInputController","AssociatedInputController","constructor","host","super","this","componentWillLoad","_touched","InputController","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","onInput","validateAccessKey","validateAccessAndShortKey","_shortKey","validateDisabled","a11yHintDisabled","validateTooltipAlign","hooks","afterPatch","state","_hideMsg","a11yHint","validateHideLabel","_hideLabel","validateHint","watchString","validateId","minLength","devHint","validateLabel","validateLabelWithExpertSlot","validateMsg","validateOn","setState","validateShortKey","_accessKey","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_adjustHeight","_msg","_disabled","_hint","_smartButton","_on","_tabIndex","emitEvent","dispatchDomEvent","event","KolEvent","blur","target","change","forEach","listener","shouldSetFormAssociatedValue","input","setFormAssociatedValue","click","focus","addValueChangeListener","push","getFormFieldProps","convertMsgToInternMsg","_required","_readOnly","_hasCounter","_currentLength","_maxLength","FormFieldStateWrapper","KolFormFieldStateWrapperFc","getRenderStates","hasMessage","_description","_b","isMessageValidError","_c","_type","hasError","hasHint"],"sources":["src/schema/props/adjust-height.ts","src/schema/props/hide-msg.ts","src/schema/props/touched.ts","src/functional-components/FormFieldLabel/FormFieldLabel.tsx","src/functional-components/FormFieldHint/FormFieldHint.tsx","src/functional-components/FormFieldCounter/FormFieldCounter.tsx","src/functional-components/FormFieldTooltip/FormFieldTooltip.tsx","src/functional-components/FormField/FormField.tsx","src/functional-components/inputs/_helpers/getDefaultProps.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts","src/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.tsx","src/functional-component-wrappers/_helpers/getRenderStates.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AdjustHeightPropType = boolean;\n\n/**\n * Adjusts the height of the element to its content.\n */\nexport type PropAdjustHeight = {\n\tadjustHeight: AdjustHeightPropType;\n};\n\n/* validator */\nexport const validateAdjustHeight = (component: Generic.Element.Component, value?: AdjustHeightPropType): void => {\n\twatchBoolean(component, '_adjustHeight', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HideMsgPropType = boolean;\n\n/**\n * Hides the message but leaves it in the DOM for the input's aria-describedby.\n */\nexport type PropHideMsg = {\n\thideMsg: HideMsgPropType;\n};\n\n/* validator */\nexport const validateHideMsg = (component: Generic.Element.Component, value?: HideMsgPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hideMsg', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type TouchedPropType = boolean;\n\n/**\n * Shows if the input was touched by a user.\n */\nexport type PropTouched = {\n\ttouched: TouchedPropType;\n};\n\n/* validator */\nexport const validateTouched = (component: Generic.Element.Component, value?: TouchedPropType): void => {\n\twatchBoolean(component, '_touched', value);\n};\n","import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport InternalUnderlinedBadgeText from '../InternalUnderlinedBadgeText';\nimport { buildBadgeTextString } from '../../schema';\nimport { isString } from 'lodash-es';\n\ntype LabelProps = {\n\tlabel?: string;\n\taccessKey?: string;\n\tshortKey?: string;\n\thasExpertSlot?: boolean;\n\tshowBadge?: boolean;\n};\n\ntype FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\tcomponent?: 'label' | 'legend';\n\tid: string;\n\thideLabel?: boolean;\n\tbaseClassName?: string;\n\tshowBadge?: boolean;\n} & LabelProps;\n\nconst LabelFc: FC<LabelProps> = ({ hasExpertSlot, accessKey, shortKey, label, showBadge = true }) => {\n\tif (hasExpertSlot) {\n\t\treturn <slot name=\"expert\"></slot>;\n\t}\n\n\tif (!label) {\n\t\treturn null;\n\t}\n\n\tconst hasBadgeText = isString(accessKey) || isString(shortKey);\n\n\tif (!showBadge || !hasBadgeText) {\n\t\treturn <span>{label}</span>;\n\t}\n\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\treturn (\n\t\t<>\n\t\t\t<InternalUnderlinedBadgeText badgeText={badgeText} label={label} />\n\t\t\t&nbsp;\n\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t{badgeText}\n\t\t\t</span>\n\t\t</>\n\t);\n};\n\nconst KolFormFieldLabelFc: FC<FormFieldLabelProps> = ({\n\tcomponent: Component = 'label',\n\tid,\n\tbaseClassName = 'kol-form-field',\n\tclass: classNames,\n\taccessKey,\n\tshortKey,\n\tlabel,\n\thideLabel,\n\thasExpertSlot,\n\tshowBadge,\n\t...other\n}) => {\n\tconst useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;\n\n\treturn (\n\t\t<Component\n\t\t\t{...other}\n\t\t\tclass={clsx(`${baseClassName}__label`, classNames)}\n\t\t\tid={!useTooltipInsteadOfLabel ? `${id}-label` : undefined}\n\t\t\thidden={useTooltipInsteadOfLabel}\n\t\t\thtmlFor={id}\n\t\t>\n\t\t\t{/* INFO: span is needed for css styling :after content like a star (*) or optional text ! */}\n\t\t\t<span class={clsx(`${baseClassName}__label-text`)}>\n\t\t\t\t{/* INFO: label comes with any html tag or as plain text! */}\n\t\t\t\t<LabelFc hasExpertSlot={hasExpertSlot} accessKey={accessKey} shortKey={shortKey} label={label} showBadge={showBadge} />\n\t\t\t</span>\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldLabelFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\ntype FormFieldHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\thint?: string;\n\tbaseClassName?: string;\n};\n\nconst KolFormFieldHintFc: FC<FormFieldHintProps> = ({ id, class: classNames, hint, baseClassName = 'kol-form-field', ...other }) => {\n\tif (!hint) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span class={clsx(`${baseClassName}__hint`, classNames)} id={`${id}-hint`} {...other}>\n\t\t\t{hint}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldHintFc;\n","import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { translate } from '../../i18n';\n\ntype FormFieldCounterProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\tcurrentLength?: number;\n\tmaxLength?: number;\n};\n\nconst KolFormFieldCounterFc: FC<FormFieldCounterProps> = ({ currentLength, maxLength, class: classNames, ...other }) => {\n\treturn (\n\t\t<span class={clsx('kol-form-field__counter', classNames)} {...other} aria-atomic=\"true\" aria-live=\"polite\" data-testid=\"input-counter\">\n\t\t\t{currentLength}\n\t\t\t{maxLength && (\n\t\t\t\t<>\n\t\t\t\t\t<span aria-label={translate('kol-of')} role=\"img\">\n\t\t\t\t\t\t/\n\t\t\t\t\t</span>\n\t\t\t\t\t{maxLength}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t&nbsp;<span>{translate('kol-characters')}</span>\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldCounterFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolTooltipWcTag } from '../../core/component-names';\nimport type { AlignPropType } from '../../schema';\n\ntype FormFieldTooltipProps = Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'> & {\n\tid: string;\n\talign?: AlignPropType;\n\tbadgeText?: string;\n\thideLabel?: boolean;\n\tlabel: string;\n};\n\nconst FormFieldTooltipFc: FC<FormFieldTooltipProps> = ({ id, align, badgeText, hideLabel, label, class: classNames }) => {\n\treturn (\n\t\t<KolTooltipWcTag\n\t\t\t/**\n\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t */\n\t\t\taria-hidden=\"true\"\n\t\t\tclass={clsx('kol-form-field__tooltip', classNames)}\n\t\t\t_badgeText={badgeText}\n\t\t\t_align={align}\n\t\t\t_id={hideLabel ? `${id}-label` : undefined}\n\t\t\t_label={label}\n\t\t></KolTooltipWcTag>\n\t);\n};\n\nexport default FormFieldTooltipFc;\n","import type { JSX } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFormFieldMsgFc from '../FormFieldMsg';\nimport KolFormFieldLabelFc from '../FormFieldLabel';\nimport KolFormFieldHintFc from '../FormFieldHint/FormFieldHint';\nimport KolFormFieldCounterFc from '../FormFieldCounter';\nimport KolFormFieldTooltipFc from '../FormFieldTooltip';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport type { AlignPropType, InternMsgPropType } from '../../schema';\nimport { buildBadgeTextString, checkHasError, showExpertSlot } from '../../schema';\n\nfunction getModifierClassNameByMsgType(msg?: { type?: string }): string {\n\tif (msg?.type) {\n\t\treturn (\n\t\t\t{\n\t\t\t\tdefault: 'msg-type-default',\n\t\t\t\tinfo: 'msg-type-info',\n\t\t\t\tsuccess: 'msg-type-success',\n\t\t\t\twarning: 'msg-type-warning',\n\t\t\t\terror: 'msg-type-error',\n\t\t\t}[msg?.type] || ''\n\t\t);\n\t}\n\n\treturn '';\n}\n\nexport type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tcomponent?: 'div' | 'fieldset';\n\tid: string;\n\talert?: boolean;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttooltipAlign?: AlignPropType;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\thideMsg?: boolean;\n\taccessKey?: string;\n\tshortKey?: string;\n\tcounter?: { currentLength?: number; maxLength?: number };\n\treadOnly?: boolean;\n\ttouched?: boolean;\n\trequired?: boolean;\n\trenderNoLabel?: boolean;\n\trenderNoTooltip?: boolean;\n\trenderNoHint?: boolean;\n\tanotherChildren?: JSX.Element | JSX.Element[];\n\n\tformFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & { component?: 'label' | 'legend' };\n\tformFieldHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n\tformFieldTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tformFieldMsgProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tformFieldCounterProps?: JSXBase.HTMLAttributes<HTMLSpanElement>;\n\tformFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n} & {\n\t[key: `data-${string}`]: unknown;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-form-field__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFormFieldFc: FC<FormFieldProps> = (props, children) => {\n\tconst {\n\t\tcomponent: Component = 'div',\n\t\trenderNoLabel,\n\t\trenderNoTooltip,\n\t\trenderNoHint,\n\t\tanotherChildren,\n\t\tid,\n\t\trequired,\n\t\talert,\n\t\tdisabled,\n\t\tclass: classNames,\n\t\tmsg,\n\t\thideMsg,\n\t\thideLabel,\n\t\tlabel,\n\t\thint,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tcounter,\n\t\treadOnly,\n\t\ttouched,\n\t\tformFieldLabelProps,\n\t\tformFieldHintProps,\n\t\tformFieldTooltipProps,\n\t\tformFieldMsgProps,\n\t\tformFieldCounterProps,\n\t\tformFieldInputProps,\n\t\t...other\n\t} = props;\n\n\tconst showLabel = !renderNoLabel;\n\tconst showHint = !renderNoHint;\n\tconst showTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showMsg = checkHasError(msg, touched);\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;\n\n\tlet stateCssClasses = {\n\t\t['kol-form-field--disabled']: Boolean(disabled),\n\t\t['kol-form-field--required']: Boolean(required),\n\t\t['kol-form-field--touched']: Boolean(touched),\n\t\t['kol-form-field--hide-label']: Boolean(hideLabel),\n\t\t['kol-form-field--read-only']: Boolean(readOnly),\n\t\t['kol-form-field--hidden-msg']: Boolean(hideMsg),\n\t};\n\n\tif (showMsg) {\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[`kol-form-field--${msg?.type || 'error'}`]: true,\n\t\t\t[`kol-form-field--${getModifierClassNameByMsgType(msg)}`]: true,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Component\n\t\t\tclass={clsx('kol-form-field', stateCssClasses, classNames)}\n\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t{...other}\n\t\t>\n\t\t\t{showLabel && (\n\t\t\t\t<KolFormFieldLabelFc\n\t\t\t\t\t{...(formFieldLabelProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\taccessKey={accessKey}\n\t\t\t\t\tshortKey={shortKey}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<InputContainer {...formFieldInputProps}>\n\t\t\t\t{children}\n\t\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t\t<KolFormFieldTooltipFc {...(formFieldTooltipProps || {})} id={id} label={label} hideLabel={hideLabel} align={tooltipAlign} badgeText={badgeText} />\n\t\t\t\t)}\n\t\t\t</InputContainer>\n\t\t\t{counter ? <KolFormFieldCounterFc {...(formFieldCounterProps || {})} {...counter} /> : null}\n\t\t\t{showMsg && <KolFormFieldMsgFc {...(formFieldMsgProps || {})} id={id} alert={alert} msg={msg} hideMsg={hideMsg} />}\n\t\t\t{showHint && <KolFormFieldHintFc {...(formFieldHintProps || {})} id={id} hint={hint} />}\n\t\t\t{anotherChildren}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldFc;\n","export function getDefaultProps({ ariaDescribedBy, hideLabel, label }: { ariaDescribedBy?: string[]; hideLabel?: boolean; label?: string }): {\n\ttitle: string;\n\tautoCapitalize: string;\n\tautoCorrect: string;\n\t'aria-describedby'?: string;\n\t'aria-label'?: string;\n} {\n\treturn {\n\t\ttitle: '',\n\t\tautoCapitalize: 'off',\n\t\tautoCorrect: 'off',\n\t\t'aria-describedby': ariaDescribedBy?.length ? ariaDescribedBy.join(' ') : undefined,\n\t\t'aria-label': hideLabel && label ? label : undefined,\n\t};\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched } from '../../schema';\n\nimport { AssociatedInputController } from './associated.controller';\n\nimport type { Props, Watches } from './types';\n\nexport class ControlledInputController extends AssociatedInputController 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 validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tAccessKeyPropType,\n\tAdjustHeightPropType,\n\tButtonProps,\n\tHideMsgPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\ta11yHintDisabled,\n\tdevHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateHideMsg,\n\tvalidateHideLabel,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTabIndex,\n\tvalidateTooltipAlign,\n\twatchBoolean,\n\twatchString,\n} from '../../../schema';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\n\ntype ValueChangeListener = (value: StencilUnknown) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\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 validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this.component, value);\n\t\tvalidateAccessAndShortKey(value, this.component._shortKey);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this.component, value);\n\t}\n\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tvalidateHideMsg(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideMsg) {\n\t\t\t\t\t\ta11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, { minLength: 1 });\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.`);\n\t\t}\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this.component, value);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, value);\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideMsg(this.component._hideMsg);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateShortKey(this.component._shortKey);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t};\n}\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFormFieldFc, { type FormFieldProps } from '../../functional-components/FormField';\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FormFieldStateWrapperProps = Partial<FormFieldProps> & {\n\tstate: InputState;\n};\n\nfunction getFormFieldProps(state: InputState): FormFieldProps {\n\tconst props: FormFieldProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\thideMsg: state._hideMsg,\n\t\ttouched: state._touched,\n\t\taccessKey: state._accessKey,\n\t\tshortKey: state._shortKey,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readOnly = state._readOnly;\n\t}\n\n\tif ('_hasCounter' in state && '_currentLength' in state) {\n\t\tprops.counter = state._hasCounter ? { currentLength: state._currentLength } : undefined;\n\t\tif (props.counter && '_maxLength' in state) {\n\t\t\tprops.counter.maxLength = state._maxLength;\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst FormFieldStateWrapper: FC<FormFieldStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFormFieldFc {...getFormFieldProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFormFieldFc>\n\t);\n};\n\nexport default FormFieldStateWrapper;\n","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\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst hasMessage = Boolean(state?._msg?._description && state._msg._description?.length > 0);\n\tconst isMessageValidError = state._msg?._type === 'error' && hasMessage;\n\tconst hasError = isMessageValidError && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasMessage) {\n\t\tariaDescribedBy.push(`${state._id}-msg`);\n\t}\n\tif (hasHint) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/href-d8ec67f8.js.map

@@ -1 +1 @@
-{"version":3,"names":["validateHref","component","value","options","watchString"],"sources":["src/schema/props/href.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type HrefPropType = string;\n\n/**\n * This property is used for a link from a reference to the target URL.\n */\nexport type PropHref = {\n\thref: HrefPropType;\n};\n\nexport type HrefProp = Generic.Element.Members<PropHref, unknown>;\n\n/* validator */\nexport const validateHref = (component: Generic.Element.Component, value?: HrefPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_href', value, options);\n};\n"],"mappings":";;;wDAkBaA,EAAe,CAACC,EAAsCC,EAAsBC,EAA8B,MACtHC,EAAYH,EAAW,QAASC,EAAOC,EAAQ,S","ignoreList":[]}
+{"version":3,"names":["validateHref","component","value","options","watchString"],"sources":["src/schema/props/href.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type HrefPropType = string;\n\n/**\n * Defines the target URI of the link.\n */\nexport type PropHref = {\n\thref: HrefPropType;\n};\n\nexport type HrefProp = Generic.Element.Members<PropHref, unknown>;\n\n/* validator */\nexport const validateHref = (component: Generic.Element.Component, value?: HrefPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_href', value, options);\n};\n"],"mappings":";;;wDAkBaA,EAAe,CAACC,EAAsCC,EAAsBC,EAA8B,MACtHC,EAAYH,EAAW,QAASC,EAAOC,EAAQ,S","ignoreList":[]}

package/dist/kolibri/{index-8a5f476c.js → index-91489a9f.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:!0,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},r={kolibriVersion:"3.0.0-rc.2"};var l=Object.defineProperty,n=(e,t)=>{for(var n in t)l(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:!0,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},r={kolibriVersion:"3.0.0-rc.4"};var l=Object.defineProperty,n=(e,t)=>{for(var n in t)l(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)},R=t.shadowDom,T=(()=>{let e=!1;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),E=e=>Promise.resolve(e),D=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),L=e=>E().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.R=l,d},K=(e,t)=>{const n={l:0,T:e,k:t,D:null,j:null,C:null,O:null,R:null};return n},X={},_=e=>e&&e.T===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.R,vtag:e.T,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.R=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||re(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&&R&&""===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],T:l.tagName.toLowerCase(),D:l,C:null,j:null,O:null,R: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,R:null,T: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.T="slot",a[5]?l["s-sn"]=c.R=a[5]:l["s-sn"]="",l["s-sr"]=!0,s&&(c.D=j.createElement(c.T),c.R&&c.D.setAttribute("name",c.R),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.T){const t=K(null,l.textContent);t.D=l,t.N="0",e.j=[t]}},re=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)re(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)re(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])}},le=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.T&&(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.T),i=r.D=j.createElementNS(je?M:A,!ke&&t.slotRelocation&&2&r.l?"slot-fb":r.T),je&&"foreignObject"===r.T&&(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.T?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.R||"",i["s-rf"]=null==(l=r.C)?void 0:l.ref,c=e&&e.j&&e.j[s],c&&c.T===r.T&&e.D&&Re(e.D,!1)),i},Re=(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&&Re(t,n)}O.l&=-2},Te=(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))))},Ee=(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():Re(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.T&&"slot"!==v.T||Re(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.T&&"slot"!==v.T||Re(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.T!==m.T?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?Te(e,null==s[f+1]?null:s[f+1].D,n,s,a,f):a>f&&Ee(t,i,u)},Le=(e,t,n=!1)=>e.T===t.T&&("slot"===e.T?(!("A"in e)||!n||8===e.D.nodeType)&&e.R===t.R:!!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.T,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=""),Te(o,null,n,r,0,r.length-1)):!s&&t.updatable&&null!==l&&Ee(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.T=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")),l=qe(l,(()=>Ye(o,"componentWillRender"))),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)}},rt=(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},lt=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,rt(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=le(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}})),lt(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,rt(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=>T?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e),pt=e=>O.U=e;export{r as E,ct as F,X as H,ne as a,ft as b,ie as g,G as h,E as p,o as r,pt as s};