@public-ui/components 4.3.0 → 4.3.1-rc.0

package/dist/esm/variant-class-name-BCVDdbOR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-class-name-BCVDdbOR.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { isString } from '../validators';\n\nexport type VariantClassNamePropType = string | string[];\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isValidArrayOrString = (value: unknown) =>\n\t(Array.isArray(value) && value.every(isSafeClassName)) || (isString(value, 1) && (value as string).split(' ').every(isSafeClassName));\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nconst beforePatchString = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_variant')) {\n\t\tconst variants = component.nextState?.get('_variant');\n\t\tlet nextStateVariants: VariantClassNamePropType = [];\n\t\tif (isString(variants, 1)) {\n\t\t\tnextStateVariants = (variants as string).split(' ');\n\t\t} else if (Array.isArray(variants)) {\n\t\t\tnextStateVariants = variants;\n\t\t}\n\t\tcomponent.nextState?.set('_variant', nextStateVariants);\n\t}\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType, options: WatchOptions = {}): void => {\n\twatchValidator(component, '_variant', isValidArrayOrString, SAFE_CLASS_NAME_ALLOWED, value, {\n\t\t...options,\n\t\tdefaultValue: {},\n\t\thooks: {\n\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t}\n\t\t\t\tbeforePatchString(component);\n\t\t\t},\n\t\t},\n\t});\n};\n\nexport const classNameFromVariant = (variants: VariantClassNamePropType | undefined, componentName: string): string => {\n\tlet className = '';\n\n\tif (Array.isArray(variants)) {\n\t\tvariants.forEach((variant) => {\n\t\t\tclassName += 'kol-' + componentName + '--' + variant + ' ';\n\t\t});\n\t}\n\treturn className;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/variant-quote-CZ5CemUm.js

@@ -0,0 +1,17 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { c as createPropDefinition, n as normalizeString } from './normalizers-Cpy0t9-X.js';
+
+const LOADING_OPTIONS = ['eager', 'lazy'];
+const LOADING_SET = new Set(LOADING_OPTIONS);
+const loadingProp = createPropDefinition('loading', 'lazy', (value) => normalizeString(value), (v) => LOADING_SET.has(v));
+
+const QUOTE_VARIANT_OPTIONS = ['block', 'inline'];
+const QUOTE_VARIANT_SET = new Set(QUOTE_VARIANT_OPTIONS);
+const variantQuoteProp = createPropDefinition('variant', 'inline', (value) => normalizeString(value), (v) => QUOTE_VARIANT_SET.has(v));
+
+export { loadingProp as l, variantQuoteProp as v };
+//# sourceMappingURL=variant-quote-CZ5CemUm.js.map
+
+//# sourceMappingURL=variant-quote-CZ5CemUm.js.map

package/dist/esm/variant-quote-CZ5CemUm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-quote-CZ5CemUm.js","sources":["src/internal/props/loading.ts","src/internal/props/variant-quote.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Loading prop for lazy-loading behavior of embedded content\n *\n * Description:\n * The loading attribute controls when the browser should start fetching the resource.\n * Lazy loading defers loading of off-screen content until it is near the viewport,\n * improving initial page load performance.\n *\n * Usage (according to W3C HTML specification):\n * - \"lazy\": Defers loading until the element approaches the viewport\n * - \"eager\": Loads the resource immediately regardless of viewport position\n * - Default is \"lazy\" to optimize performance\n *\n * Accessibility:\n * - Lazy loading must not interfere with assistive technology access to content\n * - Content must be available when focused or navigated to via keyboard (WCAG 2.1.1 Keyboard)\n * - Ensure lazy-loaded content does not cause unexpected layout shifts (WCAG 2.3.3 Animation from Interactions)\n *\n * @see https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html\n */\nconst LOADING_OPTIONS = ['eager', 'lazy'] as const;\nexport type LoadingType = (typeof LOADING_OPTIONS)[number];\nexport type LoadingProp = SimpleProp<'loading', LoadingType>;\n\nconst LOADING_SET: ReadonlySet<string> = new Set(LOADING_OPTIONS);\n\nexport const loadingProp = createPropDefinition<LoadingProp>(\n\t'loading',\n\t'lazy',\n\t(value: unknown) => normalizeString(value) as LoadingType,\n\t(v) => LOADING_SET.has(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Variant prop for quotation display style\n *\n * Description:\n * Determines whether the quotation is rendered as a block-level (<blockquote>) or\n * inline (<q>) element. The choice affects both visual layout and semantic HTML structure.\n *\n * Usage (according to W3C HTML specification):\n * - \"block\": Renders as <blockquote> — for extended, standalone quotations from an external source\n * - \"inline\": Renders as <q> — for short inline quotations within flowing text (default)\n * - The browser automatically adds appropriate quotation marks around <q> elements\n * - Both elements support the cite attribute to reference the quotation source\n *\n * Accessibility:\n * - Semantic HTML elements (<blockquote>, <q>) help assistive technologies convey content structure\n * - The quotation structure must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Block quotes are announced as distinct sections by screen readers\n *\n * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element\n * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nconst QUOTE_VARIANT_OPTIONS = ['block', 'inline'] as const;\nexport type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];\nexport type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;\n\nconst QUOTE_VARIANT_SET: ReadonlySet<string> = new Set(QUOTE_VARIANT_OPTIONS);\n\nexport const variantQuoteProp = createPropDefinition<VariantQuoteProp>(\n\t'variant',\n\t'inline',\n\t(value: unknown) => normalizeString(value) as QuoteVariantType,\n\t(v) => QUOTE_VARIANT_SET.has(v),\n);\n"],"names":[],"mappings":";;;;;AAyBA,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAG,oBAAoB,CAC9C,SAAS,EACT,MAAM,EACN,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAgB,EACzD,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;;ACT1B,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAI1D,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,oBAAoB,CACnD,SAAS,EACT,QAAQ,EACR,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;;;"}

package/dist/kolibri/Alert-ISJ3JUa5.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as e,F as l}from"./index-Dy5OebFJ.js";import{c as t}from"./clsx-COFh-Vc8.js";import{b as n}from"./component-names-BGnhDM7F.js";import{t as s}from"./i18n-D8kFHvIt.js";import{b as a}from"./bem-registry-DdEadmB1.js";import{I as i}from"./component-CVwySiGB.js";import{K as r}from"./Heading-vsrFh4hD.js";const c=a.forBlock("kol-alert");const d=c("icon");const u={error:{label:s("kol-error"),icon:"kolicon-alert-error"},info:{label:s("kol-info"),icon:"kolicon-alert-info"},warning:{label:s("kol-warning"),icon:"kolicon-alert-warning"},success:{label:s("kol-success"),icon:"kolicon-alert-success"},default:{label:s("kol-message"),icon:"kolicon-alert-info"}};const f=({type:o="default"})=>{const t=u[o||"default"];return e(l,null,e("span",{class:"visually-hidden"},t.label),e(i,{class:d,label:"",icons:t.icon}))};const m=a.forBlock("kol-alert");const b=m("closer");const v=m("content");const p=()=>{if(typeof navigator==="undefined"||typeof navigator.vibrate!=="function"){return}const o=navigator.userActivation;const e=(o===null||o===void 0?void 0:o.isActive)||(o===null||o===void 0?void 0:o.hasBeenActive);if(!e){return}if(!matchMedia("(any-pointer: coarse)").matches){return}try{navigator.vibrate([100,75,100,75,100])}catch(o){}};const k=(l,a)=>{const{class:i={},alert:c=false,hasCloser:d=false,label:u,level:k=0,type:g="default",variant:h="msg",onAlertTimeout:y,onCloserClick:j}=l,C=o(l,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);const D=s("kol-close-alert");if(c){p();setTimeout((()=>{y===null||y===void 0?void 0:y()}),1e4)}const F=m({hasCloser:!!d,[`type-${g}`]:true,[`variant-${h}`]:true});const _=m("heading",{[`h${k}`]:true});const O=Object.assign({class:t(i,F)},C);return e("div",Object.assign({role:c?"alert":undefined},O,{"data-testid":"alert"}),e(f,{label:u,type:g}),u&&e(r,{class:_,level:k,id:"heading"},u),d&&e(n,{class:b+" kol-close-button","data-testid":"alert-close-button",_ariaDescription:(u===null||u===void 0?void 0:u.trim())||"",_hideLabel:true,_icons:{left:{icon:"kolicon-cross"}},_label:D,_on:{onClick:j},_tooltipAlign:"left"}),e("div",{class:v,"aria-describedby":u?"heading":undefined},a))};export{k as K};
+//# sourceMappingURL=Alert-ISJ3JUa5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-ISJ3JUa5.js","sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport { translate } from '../../i18n';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport type { AlertType } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__ICON = alertBem('icon');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst ALERT_ICON_CONFIG: Record<AlertType | 'default', { label: string; icon: string }> = {\n\terror: {\n\t\tlabel: translate('kol-error'),\n\t\ticon: 'kolicon-alert-error',\n\t},\n\tinfo: {\n\t\tlabel: translate('kol-info'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n\twarning: {\n\t\tlabel: translate('kol-warning'),\n\t\ticon: 'kolicon-alert-warning',\n\t},\n\tsuccess: {\n\t\tlabel: translate('kol-success'),\n\t\ticon: 'kolicon-alert-success',\n\t},\n\tdefault: {\n\t\tlabel: translate('kol-message'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type = 'default' }) => {\n\tconst config = ALERT_ICON_CONFIG[type || 'default'];\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{config.label}</span>\n\t\t\t<IconFC class={BEM_CLASS_ALERT__ICON} label=\"\" icons={config.icon} />\n\t\t</>\n\t);\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = alertBem({\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = alertBem('heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div role={alert ? 'alert' : undefined} {...rootProps} data-testid=\"alert\">\n\t\t\t<AlertIcon label={label} type={type} />\n\n\t\t\t{label && (\n\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t{label}\n\t\t\t\t</KolHeadingFc>\n\t\t\t)}\n\n\t\t\t{hasCloser && (\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER + ' kol-close-button'}\n\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t_hideLabel\n\t\t\t\t\t_icons={{\n\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["alertBem"],"mappings":"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"}

package/dist/kolibri/Collapsible-COrtm1c8.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as l}from"./tslib.es6-QNbPBOk5.js";import{h as o}from"./index-Dy5OebFJ.js";import{b as i}from"./component-names-BGnhDM7F.js";import{c as e}from"./clsx-COFh-Vc8.js";import{a as s}from"./dev.utils-6rI-ojpf.js";import{K as n}from"./Heading-vsrFh4hD.js";const a=(a,d)=>{const{id:r,class:t,label:c,level:p=1,disabled:v,open:b,onClick:u,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:f={}}=a,h=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]);const g=b?"kolicon-chevron-down":"kolicon-chevron-right";const j=s(r,"heading");const C=s(r,"control");return o("div",Object.assign({id:r,class:e("collapsible",{"collapsible--disabled":v===true,"collapsible--open":b===true},t)},h),o(n,{ref:_===null||_===void 0?void 0:_.ref,level:p,class:e("collapsible__heading",_===null||_===void 0?void 0:_.class)},o(i,{class:e("collapsible__heading-button",m===null||m===void 0?void 0:m.class),ref:m===null||m===void 0?void 0:m.ref,slot:"expert",id:j,_ariaControls:C,_ariaExpanded:b,_disabled:v,_icons:(m===null||m===void 0?void 0:m._icons)||`${g}`,_label:c,_on:{onClick:u}})),o("div",{class:e("collapsible__wrapper",f===null||f===void 0?void 0:f.wrapperClass)},o("div",{class:e("collapsible__wrapper-animation",f===null||f===void 0?void 0:f.animationClass)},o("div",{"aria-hidden":b===false?"true":undefined,"aria-labelledby":j,role:"region",class:e("collapsible__content",f===null||f===void 0?void 0:f.class),id:C},d))))};export{a as K};
+//# sourceMappingURL=Collapsible-COrtm1c8.js.map

package/dist/kolibri/Collapsible-COrtm1c8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible-COrtm1c8.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'kolicon-chevron-down' : 'kolicon-chevron-right';\n\n\tconst headingId = createRelatedUniqueId(id, 'heading');\n\tconst controlId = createRelatedUniqueId(id, 'control');\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\tid={headingId}\n\t\t\t\t\t_ariaControls={controlId}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={open === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\tclass={clsx('collapsible__content', ContentProps?.class)}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":[],"mappings":"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"}

package/dist/kolibri/CustomSuggestionsOptionsGroup-CG5_9x1a.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as o}from"./index-Dy5OebFJ.js";import{c as e}from"./clsx-COFh-Vc8.js";const s=({disabled:s,index:n,ref:i,selected:t,onClick:r,onMouseOver:u,onFocus:l,onKeyDown:d,option:c,searchTerm:a})=>{const g=(e,s)=>{if(!(s===null||s===void 0?void 0:s.trim()))return e;const n=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");const i=e.split(n);return i.map(((e,s)=>s%2===1?o("mark",null,e):e))};return o("li",{id:`option-${n}`,key:`-${n}`,ref:i,"data-index":n,tabIndex:-1,role:"option","aria-selected":t?"true":undefined,"aria-disabled":s?"true":undefined,onClick:r,onMouseOver:u,onFocus:l,class:e("kol-custom-suggestions-option",{"kol-custom-suggestions-option--disabled":s}),onKeyDown:d},o("span",null,g(String(c),a||"")))};const n=({blockSuggestionMouseOver:s,onKeyDown:n,style:i,hidden:t,id:r},u)=>o("ul",{id:r,role:"listbox",style:i,class:e("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":s,"kol-custom-suggestions-options-group--open":!t}),hidden:t,onKeyDown:n},u);export{n as C,s as a};
+//# sourceMappingURL=CustomSuggestionsOptionsGroup-CG5_9x1a.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSuggestionsOptionsGroup-CG5_9x1a.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({\n\tdisabled,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\taria-disabled={disabled ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass={clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled })}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style, hidden, id }, children) => {\n\treturn (\n\t\t<ul\n\t\t\tid={id}\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t\t'kol-custom-suggestions-options-group--open': !hidden,\n\t\t\t})}\n\t\t\thidden={hidden}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"names":[],"mappings":";;;;;;AAcM,MAAA,yBAAyB,GAA+B,CAAC,EAC9D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,GACV,KAAI;AACJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC;AAC1F,KAAC;IAED,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,CAAU,OAAA,EAAA,KAAK,CAAE,CAAA,EACrB,GAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,EAChB,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,KAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACE,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC7B,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,EAAE,yCAAyC,EAAE,QAAQ,EAAE,CAAC,EACrG,SAAS,EAAE,SAAS,EAAA,EAEpB,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAAQ,CAChE;AAEP;;AC9CA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,KAAI;IACxJ,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;YAC/E,4CAA4C,EAAE,CAAC,MAAM;AACrD,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAEnB,EAAA,QAAQ,CACL;AAEP;;;;"}

package/dist/kolibri/FieldControlStateWrapper-DlpyHt5M.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as l,F as e}from"./index-Dy5OebFJ.js";import{B as t}from"./base-web-component-BT6jbe_v.js";import{T as i}from"./component-Dsjf4KGf.js";import{T as n}from"./controller-Bt_GTg1G.js";import"./common-DQP27q1D.js";import{b as s,s as r}from"./component-BQ5Ub0wy.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-DPZokHeL.js";import{c as b}from"./clsx-COFh-Vc8.js";import{a as p}from"./dev.utils-6rI-ojpf.js";const m=new Map;const u=o=>{const l=m.get(o);if(l){return l}const e=new n(t.stateLess);e.componentWillLoad({label:""});m.set(o,e);return e};const h=o=>{const l=m.get(o);if(l){l.destroy();m.delete(o)}};const j=(e,t)=>{var{class:i}=e,n=o(e,["class"]);return l("div",Object.assign({class:b("kol-field-control__input",i)},n),t)};const v=(t,n)=>{const{class:m,id:v,disabled:g,label:k,hideLabel:y,labelAlign:B,renderNoTooltip:_,hint:C,renderNoHint:P,accessKey:K,shortKey:O,msg:F,touched:T,required:N,readonly:L,tooltipAlign:q,tooltipFloatingRef:x,fieldControlInputProps:A,fieldControlLabelProps:D,fieldControlTooltipProps:H,fieldControlHintProps:w}=t,G=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]);const I=!P;const Q=!_;const R=r(k);const S=Q&&!R&&y;const $=s(K,O);const E=p(v,"label");const J=S?u(v):undefined;if(J){J.watchAlign(q);J.watchBadgeText($||"");J.watchId(E);J.watchLabel(k)}else{h(v)}const M=A===null||A===void 0?void 0:A.ref;const U=o=>{M===null||M===void 0?void 0:M(o);if(J&&o){J.initContext(o);J.syncListeners(undefined,o,true)}};const V=[l(e,null,l(j,Object.assign({},A,{ref:U}),n),S&&l("div",{class:b("kol-form-field__tooltip",H===null||H===void 0?void 0:H.class)},l(i,{badgeText:$||"",label:k,align:q,id:E,refFloating:x!==null&&x!==void 0?x:o=>{J===null||J===void 0?void 0:J.setTooltipElementRef(o)}}))),l(a,Object.assign({},D||{},{id:v,baseClassName:"kol-field-control",class:b(D===null||D===void 0?void 0:D.class,{["kol-field-control__label--visually-hidden"]:Boolean(y)}),hasExpertSlot:R,label:k,accessKey:K,shortKey:O}))];if(B==="left"){V.reverse()}const W={["kol-field-control--disabled"]:Boolean(g),["kol-field-control--required"]:Boolean(N),["kol-field-control--touched"]:Boolean(T),["kol-field-control--hide-label"]:Boolean(y),["kol-field-control--read-only"]:Boolean(L),[`kol-field-control--${c(F)}`]:Boolean(f(F,T)),[`kol-field-control--label-align-${B}`]:Boolean(B)};return l("div",Object.assign({class:b("kol-field-control",W,m)},G),V,I&&l(d,Object.assign({},w||{},{baseClassName:"kol-field-control",id:v,hint:C})))};function g(o){const l={id:o._id,disabled:o._disabled,msg:o._msg,hint:o._hint,label:o._label,hideLabel:o._hideLabel,touched:o._touched};if("_required"in o){l.required=o._required}if("_readOnly"in o){l.readonly=o._readOnly}if("_labelAlign"in o){l.labelAlign=o._labelAlign}if("_accessKey"in o){l.accessKey=o._accessKey}if("_shortKey"in o){l.shortKey=o._shortKey}return l}const k=(e,t)=>{var{state:i}=e,n=o(e,["state"]);return l(v,Object.assign({},g(i),n),t)};export{k as F};
+//# sourceMappingURL=FieldControlStateWrapper-DlpyHt5M.js.map

package/dist/kolibri/FieldControlStateWrapper-DlpyHt5M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldControlStateWrapper-DlpyHt5M.js","sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport {\n\tbuildBadgeTextString,\n\tgetMsgType,\n\tisMsgDefinedAndInputTouched,\n\tshowExpertSlot,\n\ttype AlignPropType,\n\ttype LabelAlignPropType,\n\ttype MsgPropType,\n\ttype Stringified,\n} from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\nimport KolFieldControlHintFc from '../FormFieldHint';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\n\nconst fieldControlTooltipControllerById = new Map<string, TooltipController>();\n\nconst getFieldControlTooltipController = (id: string): TooltipController => {\n\tconst tooltipController = fieldControlTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\treturn tooltipController;\n\t}\n\n\tconst nextTooltipController = new TooltipController(BaseWebComponent.stateLess);\n\tnextTooltipController.componentWillLoad({ label: '' });\n\tfieldControlTooltipControllerById.set(id, nextTooltipController);\n\treturn nextTooltipController;\n};\n\nconst destroyFieldControlTooltipController = (id: string): void => {\n\tconst tooltipController = fieldControlTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\ttooltipController.destroy();\n\t\tfieldControlTooltipControllerById.delete(id);\n\t}\n};\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\ttooltipFloatingRef?: (el?: HTMLDivElement) => void;\n\ttooltipArrowRef?: (el?: HTMLDivElement) => void;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\ttooltipAlign,\n\t\ttooltipFloatingRef,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst labelId = createRelatedUniqueId(id, 'label');\n\tconst tooltipController = useTooltipInsteadOfLabel ? getFieldControlTooltipController(id) : undefined;\n\n\tif (tooltipController) {\n\t\ttooltipController.watchAlign(tooltipAlign);\n\t\ttooltipController.watchBadgeText(badgeText || '');\n\t\ttooltipController.watchId(labelId);\n\t\ttooltipController.watchLabel(label);\n\t} else {\n\t\tdestroyFieldControlTooltipController(id);\n\t}\n\n\tconst forwardedInputRef = fieldControlInputProps?.ref as ((el?: HTMLDivElement) => void) | undefined;\n\tconst setInputContainerRef = (el?: HTMLDivElement): void => {\n\t\tforwardedInputRef?.(el);\n\t\tif (tooltipController && el) {\n\t\t\ttooltipController.initContext(el);\n\t\t\ttooltipController.syncListeners(undefined, el, true);\n\t\t}\n\t};\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps} ref={setInputContainerRef}>\n\t\t\t\t{children}\n\t\t\t</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<div class={clsx('kol-form-field__tooltip', fieldControlTooltipProps?.class)}>\n\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\tbadgeText={badgeText || ''}\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\t\tid={labelId}\n\t\t\t\t\t\trefFloating={\n\t\t\t\t\t\t\ttooltipFloatingRef ??\n\t\t\t\t\t\t\t((el?: HTMLDivElement) => {\n\t\t\t\t\t\t\t\ttooltipController?.setTooltipElementRef(el);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${getMsgType(msg)}`]: Boolean(isMsgDefinedAndInputTouched(msg, touched)),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n\ttype SelectStates,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg as MsgPropType,\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\tif ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"names":["KolFieldControlLabelFc","KolFieldControlHintFc"],"mappings":"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"}

package/dist/kolibri/FormFieldStateWrapper-DPZokHeL.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as t,g as e,p as i,o as s,b as o,G as n,i as r,s as a,k as l}from"./common-DQP27q1D.js";import{v as d,a as h,b as c,c as f}from"./access-and-short-key-VGm6CSC-.js";import{v as u}from"./disabled-jKlKAF7J.js";import{v as p}from"./hide-label-C_IKiUpx.js";import{a as m}from"./label-Dwxm-V_h.js";import{v}from"./tooltip-align-B40m4aqW.js";import{v as b,c as y}from"./variant-class-name-BCVDdbOR.js";import{d as g,K as _}from"./events-BhfZTW2e.js";import{A as j}from"./associated.controller-DlSiZFjQ.js";import{a as B}from"./tslib.es6-QNbPBOk5.js";import{h as O}from"./index-Dy5OebFJ.js";import{t as k}from"./i18n-D8kFHvIt.js";import{B as K}from"./base-web-component-BT6jbe_v.js";import{T as L}from"./component-Dsjf4KGf.js";import{T as x}from"./controller-Bt_GTg1G.js";import{S as F,b as C,s as P}from"./component-BQ5Ub0wy.js";import{c as w}from"./clsx-COFh-Vc8.js";import{a as D}from"./dev.utils-6rI-ojpf.js";import{f as T}from"./component-names-BGnhDM7F.js";import{K as M}from"./Alert-ISJ3JUa5.js";const S=(e,i)=>{t(e,"_adjustHeight",i)};const H=(e,i,s)=>{t(e,"_hideMsg",i,s)};const N=(t,i)=>{e(t,"_hint",i)};const I=(t,e)=>{s(e,(()=>{try{e=i(e)}catch(t){}o(t,`_msg`,(t=>{if(t===undefined){return true}if(typeof t==="string"&&t.length>0){return true}if(n(t)&&t!==null){const e=t._description;return r(e,1)}return false}),new Set(["MsgPropType","string"]),e)}))};function A(t,e){return Boolean(t)&&e===true}function q(t){if(typeof t==="string"){try{return i(t)}catch(e){return{_description:t,_type:"error"}}}if(t&&typeof t==="object"&&!("_type"in t)){return Object.assign(Object.assign({},t),{_type:"error"})}return t}function G(t){var e;if(typeof t==="string"){return"error"}return(e=t===null||t===void 0?void 0:t._type)!==null&&e!==void 0?e:"error"}const V=(e,i)=>{t(e,"_touched",i)};class $ extends j{constructor(t,e,i){super(t,e,i);this.component=t}validateTouched(t){V(this.component,t)}componentWillLoad(){super.componentWillLoad();this.validateTouched(this.component._touched)}}class E extends ${constructor(t,e,i){super(t,e,i);this.valueChangeListeners=[];this.inputHasFocus=false;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),onKeyDown:this.onKeyDown.bind(this)};this.component=t}validateAccessKey(t){d(this.component,t);h(t,this.component._shortKey)}validateAdjustHeight(t){S(this.component,t)}validateDisabled(t){u(this.component,t)}validateTooltipAlign(t){v(this.component,t)}validateHideMsg(t){H(this.component,t,{hooks:{afterPatch:()=>{if(this.component.state._hideMsg){l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}}})}validateHideLabel(t){p(this.component,t,{hooks:{afterPatch:()=>{if(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(t){N(this.component,t)}validateLabel(t){m(this.component,t,{required:true})}validateMsg(t){I(this.component,t)}validateOn(t){if(typeof t==="object"){a(this.component,"_on",t)}}validateShortKey(t){c(this.component,t);h(this.component._accessKey,t)}validateSmartButton(t){s(t,(()=>{try{t=i(t)}catch(t){}a(this.component,"_smartButton",t)}))}validateTabIndex(t){f(this.component,t)}validateVariant(t){b(this.component,t)}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.validateLabel(this.component._label);this.validateShortKey(this.component._shortKey);this.validateSmartButton(this.component._smartButton);this.validateOn(this.component._on);this.validateTabIndex(this.component._tabIndex);this.validateVariant(this.component._variant);h(this.component._accessKey,this.component._shortKey)}emitEvent(t,e){if(this.host){g(this.host,t,e)}}onChange(t,e){var i;t.stopPropagation();if(typeof e==="undefined"){e=t.target.value}this.emitEvent(_.change,e);if(typeof((i=this.component._on)===null||i===void 0?void 0:i.onChange)==="function"){this.component._on.onChange(t,e)}this.valueChangeListeners.forEach((t=>t(e)))}onInput(t,e=true,i){var s;t.stopPropagation();if(typeof i==="undefined"){i=t.target.value}this.emitEvent(_.input,i);if(e){this.setFormAssociatedValue(i)}if(typeof((s=this.component._on)===null||s===void 0?void 0:s.onInput)==="function"){this.component._on.onInput(t,i)}}onClick(t){var e;this.emitEvent(_.click);if(typeof((e=this.component._on)===null||e===void 0?void 0:e.onClick)==="function"){this.component._on.onClick(t)}}onFocus(t){var e;if(!this.inputHasFocus){this.emitEvent(_.focus);if(typeof((e=this.component._on)===null||e===void 0?void 0:e.onFocus)==="function"){this.component._on.onFocus(t)}this.inputHasFocus=true}}onBlur(t){var e,i;if(this.component._disabled){return}const s=((e=this.host)===null||e===void 0?void 0:e.shadowRoot)||this.host;const o=(s===null||s===void 0?void 0:s.contains(t.relatedTarget))||this.host===t.relatedTarget;if(this.inputHasFocus&&!o){this.component._touched=true;this.emitEvent(_.blur);if(typeof((i=this.component._on)===null||i===void 0?void 0:i.onBlur)==="function"){this.component._on.onBlur(t)}this.inputHasFocus=false}}onKeyDown(t){var e;this.emitEvent(_.keydown);if(typeof((e=this.component._on)===null||e===void 0?void 0:e.onKeyDown)==="function"){this.component._on.onKeyDown(t)}}addValueChangeListener(t){this.valueChangeListeners.push(t)}hasSoftCharacterLimit(){return typeof this.component.state._maxLength==="number"&&this.component.state._maxLengthBehavior==="soft"}hasCounter(){return this.component.state._hasCounter===true}}function R({ariaDescribedBy:t,hideLabel:e,label:i}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(t===null||t===void 0?void 0:t.length)?t.join(" "):undefined,"aria-label":e&&i?i:undefined}}const J=t=>{const e=t._msg;const i=typeof e==="string"?e:e===null||e===void 0?void 0:e._description;const s=G(e);const o=Boolean(i&&i.length>0);const n=s==="error"&&o;const r=n&&t._touched===true;const a=typeof t._hint==="string"&&t._hint.length>0;const l=[];if(o&&!t._hideMsg){l.push(D(t._id,"msg"))}if(a===true){l.push(D(t._id,"hint"))}if(r===true){l.push(D(t._id,"error"))}return{hasError:r,hasHint:a,ariaDescribedBy:l}};const Q=t=>{var{id:e,class:i,hint:s,baseClassName:o="kol-form-field"}=t,n=B(t,["id","class","hint","baseClassName"]);if(!s){return null}return O("span",Object.assign({class:w(`${o}__hint`,i),id:D(e||"","hint")},n),s)};const W=t=>{var{component:e="label",id:i,baseClassName:s="kol-form-field",class:o,accessKey:n,shortKey:r,label:a,hideLabel:l,hasExpertSlot:d,showBadge:h=true,readOnly:c,infoPopover:f}=t,u=B(t,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly","infoPopover"]);const p=!d&&l;const m=k("kol-readonly");const v=h===false?undefined:C(n,r);return O(e,Object.assign({},u,{class:w(`${s}__label`,o),id:!p?D(i,"label"):undefined,hidden:p,htmlFor:i}),O(F,{class:`${s}__label-text`,label:d?"":a!==null&&a!==void 0?a:"",badgeText:v},O("slot",{name:"expert"})),!d&&c&&O("span",{class:`${s}__label__read-only`,"aria-hidden":"true"},"(",m,")"),!d&&f&&O(T,Object.assign({_variant:"ghost"},f,{_hideLabel:true,_inline:true}),O("div",{class:"kol-popover-button__popover--styled"},f._content)))};const U=t=>{var e,i;var{alert:s,msg:o,id:n,class:r}=t,a=B(t,["alert","msg","id","class"]);const l=q(o);return O(M,Object.assign({id:D(n,"msg"),alert:(e=l===null||l===void 0?void 0:l._alert)!==null&&e!==void 0?e:s,hasCloser:false,level:0,type:(i=l===null||l===void 0?void 0:l._type)!==null&&i!==void 0?i:"error",variant:"msg",class:w("kol-form-field__msg",r)},a),(l===null||l===void 0?void 0:l._description)||undefined)};const Z=new Map;const z=t=>{const e=Z.get(t);if(e){return e}const i=new x(K.stateLess);i.componentWillLoad({label:""});Z.set(t,i);return i};const X=t=>{const e=Z.get(t);if(e){e.destroy();Z.delete(t)}};function Y(t){if(t===null||t===void 0?void 0:t.type){return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[t===null||t===void 0?void 0:t.type]||""}return""}const tt=(t,e)=>{var{class:i}=t,s=B(t,["class"]);return O("div",Object.assign({class:w("kol-form-field__input",i)},s),e)};const et=(t,e)=>{const{component:i="div",renderNoLabel:s,renderNoTooltip:o,renderNoHint:n,anotherChildren:r,id:a,required:l,alert:d,disabled:h,class:c,msg:f,hideMsg:u,hideLabel:p,label:m,infoPopover:v,hint:b,accessKey:g,shortKey:_,counter:j,readOnly:K,touched:x,maxLength:F,ariaDescribedBy:T,showBadge:M,tooltipAlign:S,tooltipFloatingRef:H,variant:N,formFieldLabelProps:I,formFieldHintProps:q,formFieldTooltipProps:V,formFieldMsgProps:$,formFieldInputProps:E}=t,R=B(t,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","infoPopover","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","tooltipFloatingRef","variant","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]);const J=!s;const Z=!n;const et=!o;const it=P(m);const st=A(f,x);const ot=C(g,_);const nt=et&&!it&&p;const rt=D(a,"label");const at=nt?z(a):undefined;if(at){at.watchAlign(S);at.watchBadgeText(ot||"");at.watchId(rt);at.watchLabel(m)}else{X(a)}const lt=E===null||E===void 0?void 0:E.ref;const dt=t=>{lt===null||lt===void 0?void 0:lt(t);if(at&&t){at.initContext(t);at.syncListeners(undefined,t,true)}};let ht={["kol-form-field--disabled"]:Boolean(h),["kol-form-field--required"]:Boolean(l),["kol-form-field--touched"]:Boolean(x),["kol-form-field--hide-label"]:Boolean(p),["kol-form-field--read-only"]:Boolean(K),["kol-form-field--hidden-msg"]:Boolean(u)};if(N){ht=Object.assign(Object.assign({},ht),{[y(N,"form-field")]:true})}if(st){const t=G(f);ht=Object.assign(Object.assign({},ht),{[`kol-form-field--${t}`]:true,[`kol-form-field--${Y({type:t})}`]:true})}return O(i,Object.assign({class:w("kol-form-field",ht,c),"aria-describedby":T},R),J&&O(W,Object.assign({},I||{},{id:a,hasExpertSlot:it,hideLabel:p,label:m,accessKey:g,shortKey:_,readOnly:K,showBadge:M,infoPopover:v})),O(tt,Object.assign({},E,{ref:dt}),e,nt&&p===true&&O("div",{class:w("kol-form-field__tooltip",V===null||V===void 0?void 0:V.class)},O(L,{badgeText:ot||"",label:m,align:S,id:rt,refFloating:H!==null&&H!==void 0?H:t=>{at===null||at===void 0?void 0:at.setTooltipElementRef(t)}}))),j&&!(j.maxLengthBehavior==="soft"&&typeof j.maxLength!=="number")&&O("div",{class:"kol-form-field__counter"},O("span",{"data-testid":"input-counter","aria-hidden":"true",class:"kol-form-field__counter",ref:j.visualRef}),O("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria",id:D(a,"counter"),ref:j.ariaRef})),st&&!u&&O(U,Object.assign({},$||{},{id:a,alert:d,msg:f})),Z&&O(Q,Object.assign({},q||{},{id:a,hint:b})),r,typeof F==="number"&&!j&&O("span",{id:D(a,"character-limit-hint"),class:"visually-hidden"},k("kol-character-limit-hint",{placeholders:{limit:String(F)}})))};function it(t,e){const i={id:t._id,disabled:t._disabled,msg:t._msg,hint:t._hint,label:t._label,hideLabel:t._hideLabel,hideMsg:t._hideMsg,touched:t._touched,showBadge:"_accessKey"in t&&Boolean(t._accessKey)||"_shortKey"in t&&Boolean(t._shortKey)};if("_required"in t){i.required=t._required}if("_readOnly"in t){i.readOnly=t._readOnly}if("_accessKey"in t){i.accessKey=t._accessKey}if("_shortKey"in t){i.shortKey=t._shortKey}if("_maxLength"in t){i.maxLength=t._maxLength}if("_hasCounter"in t&&t._hasCounter===true){i.counter=Object.assign({maxLength:"_maxLength"in t?t._maxLength:undefined,maxLengthBehavior:("_maxLengthBehavior"in t?t._maxLengthBehavior:undefined)||"hard"},e)}if("_variant"in t){i.variant=t._variant}return i}const st=(t,e)=>{var{state:i,counterRefs:s}=t,o=B(t,["state","counterRefs"]);const{ariaDescribedBy:n}=J(i);const r=o.component==="fieldset"||"_options"in i&&"_orientation"in i;const a=r&&n.length>0?n.join(" "):undefined;const l=it(i,s);return O(et,Object.assign({},l,o,{ariaDescribedBy:a}),e)};export{st as F,E as I,W as K,J as a,Q as b,R as c,G as g,A as i};
+//# sourceMappingURL=FormFieldStateWrapper-DPZokHeL.js.map

package/dist/kolibri/FormFieldStateWrapper-DPZokHeL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldStateWrapper-DPZokHeL.js","sources":["src/schema/props/adjust-height.ts","src/schema/props/hide-msg.ts","src/schema/props/hint.ts","src/schema/props/msg.ts","src/schema/props/touched.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts","src/functional-components/inputs/_helpers/getDefaultProps.ts","src/functional-component-wrappers/_helpers/getRenderStates.ts","src/functional-components/FormFieldHint/FormFieldHint.tsx","src/functional-components/FormFieldLabel/FormFieldLabel.tsx","src/functional-components/FormFieldMsg/FormFieldMsg.tsx","src/functional-components/FormField/FormField.tsx","src/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.tsx"],"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 { watchString } from '../utils';\n\n/* types */\nexport type HintPropType = string;\n\n/**\n * Provides additional guidance below the form field.\n */\nexport type PropHint = {\n\thint: HintPropType;\n};\n\n/* validator */\nexport const validateHint = (component: Generic.Element.Component, value?: HintPropType): void => {\n\twatchString(component, '_hint', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { AlertProps } from '../components';\nimport type { Stringified } from '../types';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString } from '../validators';\n\n/* types */\nexport type MsgPropType = Omit<AlertProps, '_level' | '_on' | '_label' | '_hasCloser' | '_variant'> & { _description: string };\n\n/**\n * Defines the properties for a message rendered as Alert component.\n */\nexport type PropMsg = {\n\tmsg: Stringified<MsgPropType>;\n};\n\n/* validator */\nexport const validateMsg = (component: Generic.Element.Component, value?: Stringified<MsgPropType>): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<MsgPropType>(value);\n\t\t} catch {\n\t\t\t// value keeps original value\n\t\t}\n\t\twatchValidator<Stringified<MsgPropType>>(\n\t\t\tcomponent,\n\t\t\t`_msg`,\n\t\t\t(value) => {\n\t\t\t\tif (value === undefined) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && value.length > 0) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (isObject(value) && value !== null) {\n\t\t\t\t\tconst desc = (value as { _description?: unknown })._description;\n\t\t\t\t\treturn isString(desc, 1);\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t},\n\t\t\tnew Set(['MsgPropType', 'string']),\n\t\t\tvalue as Stringified<MsgPropType>,\n\t\t);\n\t});\n};\n\nexport function isMsgDefinedAndInputTouched(msg?: Stringified<MsgPropType>, touched?: boolean): boolean {\n\t/**\n\t * We support 5 types of messages:\n\t * - default\n\t * - info\n\t * - success\n\t * - warning\n\t * - error\n\t *\n\t * Messages on inputs are only rendered after the field has been touched,\n\t * regardless of the message type.\n\t */\n\treturn Boolean(msg) && touched === true;\n}\n\nexport const checkHasMsg = isMsgDefinedAndInputTouched;\n\nexport function normalizeMsg(msg?: Stringified<MsgPropType>): MsgPropType | undefined {\n\tif (typeof msg === 'string') {\n\t\ttry {\n\t\t\treturn parseJson<MsgPropType>(msg);\n\t\t} catch {\n\t\t\treturn { _description: msg, _type: 'error' };\n\t\t}\n\t}\n\tif (msg && typeof msg === 'object' && !('_type' in msg)) {\n\t\treturn { ...msg, _type: 'error' };\n\t}\n\treturn msg;\n}\n\nexport function getMsgType(msg?: Stringified<MsgPropType>): MsgPropType['_type'] | 'error' {\n\tif (typeof msg === 'string') {\n\t\treturn 'error';\n\t}\n\n\treturn msg?._type ?? 'error';\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 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\tDisabledPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateHideMsg,\n\tvalidateHint,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n} from '../../../schema';\nimport { validateTabIndex } from '../../../schema/props/tab-index';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\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\tprivate inputHasFocus = false;\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?: DisabledPropType): void {\n\t\tvalidateDisabled(this.component, value);\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?: HideLabelPropType): 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?: HintPropType): void {\n\t\tvalidateHint(this.component, value);\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?: InternalButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<InternalButtonProps>(value as string);\n\t\t\t} catch {\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 validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(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.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\tthis.validateVariant(this.component._variant);\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\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\tevent.stopPropagation();\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\tevent.stopPropagation();\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: FocusEvent): void {\n\t\tif (!this.inputHasFocus) {\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\t\tthis.component._on.onFocus(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = true;\n\t\t}\n\t}\n\n\tprotected onBlur(event: FocusEvent): void {\n\t\tif (this.component._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst root = this.host?.shadowRoot || this.host;\n\t\tconst isFocusInside = root?.contains(event.relatedTarget as Node) || this.host === event.relatedTarget;\n\n\t\tif (this.inputHasFocus && !isFocusInside) {\n\t\t\tthis.component._touched = true;\n\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\t\tthis.component._on.onBlur(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = false;\n\t\t}\n\t}\n\n\tprotected onKeyDown(event: KeyboardEvent): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.keydown);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onKeyDown === 'function') {\n\t\t\tthis.component._on.onKeyDown(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\tonKeyDown: this.onKeyDown.bind(this),\n\t};\n\n\tpublic hasSoftCharacterLimit() {\n\t\treturn typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';\n\t}\n\n\tpublic hasCounter() {\n\t\treturn this.component.state._hasCounter === true;\n\t}\n}\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 { getMsgType, type MsgPropType, type Stringified, type TouchedPropType } from '../../schema';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\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?: Stringified<MsgPropType>;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n\t_hideMsg?: boolean;\n\t_hasCounter?: boolean;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst msg = state._msg;\n\tconst description = typeof msg === 'string' ? msg : msg?._description;\n\tconst type = getMsgType(msg);\n\tconst hasMessage = Boolean(description && description.length > 0);\n\tconst isMessageValidError = 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 && !state._hideMsg) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'msg'));\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'hint'));\n\t}\n\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(createRelatedUniqueId(state._id, 'error'));\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\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={createRelatedUniqueId(id || '', 'hint')} {...other}>\n\t\t\t{hint}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldHintFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolPopoverButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { SpanFC } from '../../internal/functional-components/span/component';\nimport type { IconsPropType, PopoverButtonProps } from '../../schema';\nimport { buildBadgeTextString } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nexport type FormFieldLabelInfoPopoverProps = Omit<PopoverButtonProps, '_icons' | '_hideLabel' | '_inline'> & {\n\t_content: string;\n\t_icons: IconsPropType;\n};\n\ntype FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\tcomponent?: 'label' | 'legend';\n\tid: string;\n\tlabel?: string;\n\taccessKey?: string;\n\tshortKey?: string;\n\thasExpertSlot?: boolean;\n\thideLabel?: boolean;\n\tbaseClassName?: string;\n\tshowBadge?: boolean;\n\treadOnly?: boolean;\n\tinfoPopover?: FormFieldLabelInfoPopoverProps;\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 = true,\n\treadOnly,\n\tinfoPopover,\n\t...other\n}) => {\n\tconst useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;\n\tconst translateReadOnly = translate('kol-readonly');\n\tconst badgeText = showBadge === false ? undefined : buildBadgeTextString(accessKey, shortKey);\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 ? createRelatedUniqueId(id, 'label') : undefined}\n\t\t\thidden={useTooltipInsteadOfLabel}\n\t\t\thtmlFor={id}\n\t\t>\n\t\t\t<SpanFC class={`${baseClassName}__label-text`} label={hasExpertSlot ? '' : (label ?? '')} badgeText={badgeText}>\n\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t</SpanFC>\n\t\t\t{!hasExpertSlot && readOnly && (\n\t\t\t\t<span class={`${baseClassName}__label__read-only`} aria-hidden=\"true\">\n\t\t\t\t\t({translateReadOnly})\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{!hasExpertSlot && infoPopover && (\n\t\t\t\t<KolPopoverButtonWcTag _variant=\"ghost\" {...infoPopover} _hideLabel _inline={true}>\n\t\t\t\t\t<div class=\"kol-popover-button__popover--styled\">{infoPopover._content}</div>\n\t\t\t\t</KolPopoverButtonWcTag>\n\t\t\t)}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldLabelFc;\n","import { type FunctionalComponent, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nimport { type AlertPropType, type IdPropType, type MsgPropType, normalizeMsg, type Stringified } from '../../schema';\nimport KolAlertFc from '../Alert';\n\ntype FormFieldMsgProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\talert?: AlertPropType;\n\tmsg?: Stringified<MsgPropType>;\n\tid: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ alert, msg, id, class: classNames, ...other }) => {\n\tconst message = normalizeMsg(msg);\n\n\treturn (\n\t\t<KolAlertFc\n\t\t\tid={createRelatedUniqueId(id, 'msg')}\n\t\t\talert={message?._alert ?? alert}\n\t\t\thasCloser={false}\n\t\t\tlevel={0}\n\t\t\ttype={message?._type ?? 'error'}\n\t\t\tvariant=\"msg\"\n\t\t\tclass={clsx('kol-form-field__msg', classNames)}\n\t\t\t{...other}\n\t\t>\n\t\t\t{message?._description || undefined}\n\t\t</KolAlertFc>\n\t);\n};\n\nexport default FormFieldMsgFc;\n","import type { JSX } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { translate } from '../../i18n';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { MaxLengthBehaviorPropType, MsgPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';\nimport { buildBadgeTextString, classNameFromVariant, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\nimport KolFormFieldHintFc from '../FormFieldHint/FormFieldHint';\nimport KolFormFieldLabelFc from '../FormFieldLabel';\nimport type { FormFieldLabelInfoPopoverProps } from '../FormFieldLabel/FormFieldLabel';\nimport KolFormFieldMsgFc from '../FormFieldMsg';\n\nconst formFieldTooltipControllerById = new Map<string, TooltipController>();\n\nconst getFormFieldTooltipController = (id: string): TooltipController => {\n\tconst tooltipController = formFieldTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\treturn tooltipController;\n\t}\n\n\tconst nextTooltipController = new TooltipController(BaseWebComponent.stateLess);\n\tnextTooltipController.componentWillLoad({ label: '' });\n\tformFieldTooltipControllerById.set(id, nextTooltipController);\n\treturn nextTooltipController;\n};\n\nconst destroyFormFieldTooltipController = (id: string): void => {\n\tconst tooltipController = formFieldTooltipControllerById.get(id);\n\tif (tooltipController) {\n\t\ttooltipController.destroy();\n\t\tformFieldTooltipControllerById.delete(id);\n\t}\n};\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 = JSXBase.HTMLAttributes<HTMLElement> & {\n\tcomponent?: 'div' | 'fieldset';\n\tid: string;\n\talert?: boolean;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\thideMsg?: boolean;\n\tinfoPopover?: FormFieldLabelInfoPopoverProps;\n\taccessKey?: string;\n\tshortKey?: string;\n\tcounter?: {\n\t\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n\t\tmaxLength?: number;\n\t\tvisualRef?: (el?: HTMLSpanElement) => void;\n\t\tariaRef?: (el?: HTMLSpanElement) => void;\n\t};\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\tmaxLength?: number;\n\tshowBadge?: boolean;\n\ttooltipAlign?: TooltipAlignPropType;\n\ttooltipFloatingRef?: (el?: HTMLDivElement) => void;\n\ttooltipArrowRef?: (el?: HTMLDivElement) => void;\n\tvariant?: VariantClassNamePropType;\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\tformFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\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\tinfoPopover,\n\t\thint,\n\t\taccessKey,\n\t\tshortKey,\n\t\tcounter,\n\t\treadOnly,\n\t\ttouched,\n\t\tmaxLength,\n\t\tariaDescribedBy,\n\t\tshowBadge,\n\t\ttooltipAlign,\n\t\ttooltipFloatingRef,\n\t\tvariant,\n\t\tformFieldLabelProps,\n\t\tformFieldHintProps,\n\t\tformFieldTooltipProps,\n\t\tformFieldMsgProps,\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 = isMsgDefinedAndInputTouched(msg, touched);\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;\n\tconst labelId = createRelatedUniqueId(id, 'label');\n\tconst tooltipController = useTooltipInsteadOfLabel ? getFormFieldTooltipController(id) : undefined;\n\n\tif (tooltipController) {\n\t\ttooltipController.watchAlign(tooltipAlign);\n\t\ttooltipController.watchBadgeText(badgeText || '');\n\t\ttooltipController.watchId(labelId);\n\t\ttooltipController.watchLabel(label);\n\t} else {\n\t\tdestroyFormFieldTooltipController(id);\n\t}\n\n\tconst forwardedInputRef = formFieldInputProps?.ref as ((el?: HTMLDivElement) => void) | undefined;\n\tconst setInputContainerRef = (el?: HTMLDivElement): void => {\n\t\tforwardedInputRef?.(el);\n\t\tif (tooltipController && el) {\n\t\t\ttooltipController.initContext(el);\n\t\t\ttooltipController.syncListeners(undefined, el, true);\n\t\t}\n\t};\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 (variant) {\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[classNameFromVariant(variant, 'form-field')]: true,\n\t\t};\n\t}\n\n\tif (showMsg) {\n\t\tconst msgType = getMsgType(msg);\n\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[`kol-form-field--${msgType}`]: true,\n\t\t\t[`kol-form-field--${getModifierClassNameByMsgType({ type: msgType })}`]: true,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Component class={clsx('kol-form-field', stateCssClasses, classNames)} aria-describedby={ariaDescribedBy} {...other}>\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\treadOnly={readOnly}\n\t\t\t\t\tshowBadge={showBadge}\n\t\t\t\t\tinfoPopover={infoPopover}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<InputContainer {...formFieldInputProps} ref={setInputContainerRef}>\n\t\t\t\t{children}\n\t\t\t\t{useTooltipInsteadOfLabel && hideLabel === true && (\n\t\t\t\t\t<div class={clsx('kol-form-field__tooltip', formFieldTooltipProps?.class)}>\n\t\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\t\tbadgeText={badgeText || ''}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\t\t\tid={labelId}\n\t\t\t\t\t\t\trefFloating={\n\t\t\t\t\t\t\t\ttooltipFloatingRef ??\n\t\t\t\t\t\t\t\t((el?: HTMLDivElement) => {\n\t\t\t\t\t\t\t\t\ttooltipController?.setTooltipElementRef(el);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</InputContainer>\n\t\t\t{counter && !(counter.maxLengthBehavior === 'soft' && typeof counter.maxLength !== 'number') && (\n\t\t\t\t<div class=\"kol-form-field__counter\">\n\t\t\t\t\t<span data-testid=\"input-counter\" aria-hidden=\"true\" class=\"kol-form-field__counter\" ref={counter.visualRef} />\n\t\t\t\t\t<span aria-live=\"polite\" class=\"visually-hidden\" data-testid=\"input-counter-aria\" id={createRelatedUniqueId(id, 'counter')} ref={counter.ariaRef} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{showMsg && !hideMsg && <KolFormFieldMsgFc {...(formFieldMsgProps || {})} id={id} alert={alert} msg={msg} />}\n\t\t\t{showHint && <KolFormFieldHintFc {...(formFieldHintProps || {})} id={id} hint={hint} />}\n\t\t\t{anotherChildren}\n\t\t\t{typeof maxLength === 'number' && !counter && (\n\t\t\t\t// Der visuell versteckte Zeichenlimit-Hinweis wird nur gerendert, wenn KEIN Zähler aktiv ist.\n\t\t\t\t// Ist ein Zähler vorhanden, vermitteln dessen Spans (`input-counter`/`input-counter-aria`) das\n\t\t\t\t// Maximum bereits, sodass der zusätzliche Hinweis redundant wäre.\n\t\t\t\t<span id={createRelatedUniqueId(id, 'character-limit-hint')} class=\"visually-hidden\">\n\t\t\t\t\t{translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport KolFormFieldFc, { type FormFieldProps } from '../../functional-components/FormField';\nimport type { TextareaStates } from '../../schema';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n\ttype SelectStates,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\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\t| TextareaStates;\n\nexport type FormFieldStateWrapperProps = Partial<FormFieldProps> & {\n\tstate: InputState;\n\tcounterRefs?: {\n\t\tvisualRef?: (el?: HTMLSpanElement) => void;\n\t\tariaRef?: (el?: HTMLSpanElement) => void;\n\t};\n};\n\nfunction getFormFieldProps(\n\tstate: InputState,\n\tcounterRefs?: { visualRef?: (el?: HTMLSpanElement) => void; ariaRef?: (el?: HTMLSpanElement) => void },\n): FormFieldProps {\n\tconst props: FormFieldProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg as MsgPropType,\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\tshowBadge: ('_accessKey' in state && Boolean(state._accessKey)) || ('_shortKey' in state && Boolean(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 ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\tif ('_maxLength' in state) {\n\t\tprops.maxLength = state._maxLength;\n\t}\n\n\tif ('_hasCounter' in state && state._hasCounter === true) {\n\t\tprops.counter = {\n\t\t\tmaxLength: '_maxLength' in state ? state._maxLength : undefined,\n\t\t\tmaxLengthBehavior: ('_maxLengthBehavior' in state ? state._maxLengthBehavior : undefined) || 'hard',\n\t\t\t...counterRefs,\n\t\t};\n\t}\n\n\tif ('_variant' in state) {\n\t\tprops.variant = state._variant;\n\t}\n\treturn props;\n}\n\nconst FormFieldStateWrapper: FC<FormFieldStateWrapperProps> = ({ state, counterRefs, ...other }, children) => {\n\tconst { ariaDescribedBy: ariaDescribedByArray } = getRenderStates(state);\n\tconst isRadioVariant = other.component === 'fieldset' || ('_options' in state && '_orientation' in state);\n\tconst ariaDescribedBy = isRadioVariant && ariaDescribedByArray.length > 0 ? ariaDescribedByArray.join(' ') : undefined;\n\tconst baseProps = getFormFieldProps(state, counterRefs);\n\n\treturn (\n\t\t<KolFormFieldFc {...baseProps} {...other} ariaDescribedBy={ariaDescribedBy}>\n\t\t\t{children}\n\t\t</KolFormFieldFc>\n\t);\n};\n\nexport default FormFieldStateWrapper;\n"],"names":["KolFormFieldMsgFc"],"mappings":"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"}

package/dist/kolibri/Heading-vsrFh4hD.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as s}from"./index-Dy5OebFJ.js";import{c as l}from"./clsx-COFh-Vc8.js";const o=1;const n=6;function a(e){return e>=o&&e<=n}function c(e){return a(e)?`h${e}`:"strong"}const r=(n,a)=>{var{class:r,level:t=o}=n,i=e(n,["class","level"]);const d=c(t);return s(d,Object.assign({class:l("kol-headline",`kol-headline--${d}`,r)},i),a)};const t=(o,n)=>{var{class:a}=o,c=e(o,["class"]);return s("p",Object.assign({class:l("kol-headline kol-headline--group kol-headline--secondary",a)},c),n)};const i=(n,a)=>{var{secondaryHeadline:c,level:i=o,class:d,HeadingGroupProps:p={},SecondaryHeadlineProps:u={}}=n,h=e(n,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:i},h);if(!c){return s(r,Object.assign({class:l(d,"kol-headline--single")},b),a)}const{class:j}=p,O=e(p,["class"]);const k=Object.assign({class:l("kol-heading-group",j)},O);return s("hgroup",Object.assign({},k),s(r,Object.assign({class:l(d,"kol-headline--group","kol-headline--primary")},b),a),s(t,Object.assign({},u),c))};export{i as K};
+//# sourceMappingURL=Heading-vsrFh4hD.js.map

package/dist/kolibri/Heading-vsrFh4hD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-vsrFh4hD.js","sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel } from '../../schema';\nimport clsx from '../../utils/clsx';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps;\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = JSXBase.HTMLAttributes<HTMLParagraphElement>;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: SecondaryHeadlineProps;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * The secondary text is rendered as a `<p>` because according to the HTML `hgroup`\n * specification the subheading does not create its own outline level.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<p class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</p>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc {...SecondaryHeadlineProps}>{secondaryHeadline}</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"names":[],"mappings":";;;;;;;AAyBA,MAAM,iBAAiB,GAAG,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC;AAU3B,SAAS,mBAAmB,CAAC,KAAa,EAAA;AACzC,IAAA,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB;AAChE;AAQM,SAAU,cAAc,CAAC,KAA4B,EAAA;AAC1D,IAAA,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAAI,CAAA,EAAA,KAAK,CAAkB,CAAA,GAAG,QAAQ;AAC5E;AAQA,MAAM,aAAa,GAAsB,CAAC,EAA0D,EAAE,QAAQ,KAAI;IAAxE,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,EAAA,GAAA,EAAY,EAAP,KAAK,GAAxD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAA0D,CAAF;AACjG,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC;AAEzC,IAAA,QACC,EAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAE,EAAE,UAAU,CAAC,EAAA,EAAM,KAAK,CAC7F,EAAA,QAAQ,CACI;AAEhB,CAAC;AAUD,MAAM,sBAAsB,GAA+B,CAAC,EAA+B,EAAE,QAAQ,KAAI;QAA7C,EAAE,KAAK,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA7B,SAA+B,CAAF;IACxF,QACC,CAAG,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,CAAA,EAC/F,QAAQ,CACN;AAEN,CAAC;AAQD,MAAM,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ,KACL;QAFH,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,GAAhI,MAAA,CAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,wBAAA,CAAkI,CAAF;AAGhI,IAAA,MAAM,aAAa,GAClB,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EACF,EAAA,KAAK,CACR;IAED,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACC,CAAC,CAAA,aAAa,kBAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAAM,EAAA,aAAa,GAC/E,QAAQ,CACM;;AAIlB,IAAA,MAAM,EAAE,KAAK,EAAE,eAAe,EAAqB,GAAA,iBAAiB,EAAjC,WAAW,GAAK,MAAA,CAAA,iBAAiB,EAA9D,CAAA,OAAA,CAA0C,CAAoB;AACpE,IAAA,MAAM,kBAAkB,GAAA,MAAA,CAAA,MAAA,CAAA,EACvB,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,EAC9C,EAAA,WAAW,CACd;IAED,QACC,8BAAY,kBAAkB,CAAA,EAC7B,CAAA,CAAC,aAAa,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,EAAA,EAAM,aAAa,CAAA,EACvG,QAAQ,CACM,EAChB,CAAC,CAAA,sBAAsB,oBAAK,sBAAsB,CAAA,EAAG,iBAAiB,CAA0B,CACxF;AAEX;;;;"}

package/dist/kolibri/Input-Bq2Uv2rH.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as s,F as o}from"./index-Dy5OebFJ.js";import"./common-DQP27q1D.js";import{i as a,c as i,g as l}from"./FormFieldStateWrapper-DPZokHeL.js";import{c as t}from"./clsx-COFh-Vc8.js";import{a as r}from"./dev.utils-6rI-ojpf.js";const d=d=>{const{class:n,msg:u,required:c,disabled:b,touched:p,readonly:m,ariaDescribedBy:j,hideLabel:y,label:f,suggestions:g,value:k}=d,B=e(d,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]);const h={["kol-input--disabled"]:Boolean(b),["kol-input--required"]:Boolean(c),["kol-input--touched"]:Boolean(p),["kol-input--readonly"]:Boolean(m),[`kol-input--${l(u)}`]:a(u,p)};const D=Object.assign(Object.assign({class:t("kol-input",h,n),required:c,disabled:b,readonly:m,type:"text",list:g&&typeof B.id==="string"?r(B.id,"list"):undefined},i({ariaDescribedBy:j,hideLabel:y,label:f})),B);return s(o,null,s("input",Object.assign({},D,{value:k})),g)};export{d as I};
+//# sourceMappingURL=Input-Bq2Uv2rH.js.map

package/dist/kolibri/Input-Bq2Uv2rH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-Bq2Uv2rH.js","sources":["src/functional-components/inputs/Input/Input.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type InputProps = DefaultInputProps<JSXBase.InputHTMLAttributes<HTMLInputElement>> & {\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\tspellcheck?: boolean;\n\tsuggestions?: VNode;\n\tvalue?: string | number | string[];\n} & {\n\t[key: `aria-${string}`]: unknown;\n\t[key: `data-${string}`]: unknown;\n};\n\nconst InputFc: FC<InputProps> = (props) => {\n\tconst { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value, ...other } = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-input--disabled']: Boolean(disabled),\n\t\t['kol-input--required']: Boolean(required),\n\t\t['kol-input--touched']: Boolean(touched),\n\t\t['kol-input--readonly']: Boolean(readonly),\n\t\t[`kol-input--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: JSXBase.InputHTMLAttributes<HTMLInputElement> = {\n\t\tclass: clsx('kol-input', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\ttype: 'text',\n\t\tlist: suggestions && typeof other.id === 'string' ? createRelatedUniqueId(other.id, 'list') : undefined,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<input {...inputProps} value={value} />\n\t\t\t{suggestions}\n\t\t</>\n\t);\n};\n\nexport default InputFc;\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,OAAO,GAAmB,CAAC,KAAK,KAAI;IACzC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAA,GAAe,KAAK,EAAf,KAAK,GAAK,MAAA,CAAA,KAAK,EAA1I,CAAA,OAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,CAAkI,CAAQ;AAEhJ,IAAA,MAAM,eAAe,GAAG;AACvB,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC;AACxC,QAAA,CAAC,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC1C,QAAA,CAAC,CAAc,WAAA,EAAA,UAAU,CAAC,GAAG,CAAC,CAAA,CAAE,GAAG,2BAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;KAC5E;AAED,IAAA,MAAM,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACf,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,eAAe,EAAE,UAAU,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,SAAS,EACpG,EAAA,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CACtD,EAAA,KAAK,CACR;AAED,IAAA,QACC,CAAA,CAAA,QAAA,EAAA,IAAA,EACC,CAAA,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAW,UAAU,EAAA,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAAA,EACtC,WAAW,CACV;AAEL;;;;"}

package/dist/kolibri/InputStateWrapper-DTJTCqy1.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as i}from"./tslib.es6-QNbPBOk5.js";import{h as e}from"./index-Dy5OebFJ.js";import{I as t}from"./Input-Bq2Uv2rH.js";import{a as n}from"./dev.utils-6rI-ojpf.js";import{a as s}from"./FormFieldStateWrapper-DPZokHeL.js";const r=t=>{var{id:s,suggestions:r}=t,a=i(t,["id","suggestions"]);if(!r){return null}return e("datalist",Object.assign({id:n(s,"list")},a),r.map((i=>e("option",{value:i}))))};function a(i,t,n){var a;const o=s(i);const f=[...o.ariaDescribedBy,...(a=t.ariaDescribedBy)!==null&&a!==void 0?a:[]];const u={id:i._id,hideLabel:i._hideLabel,label:i._label,disabled:i._disabled,name:i._name};if("_accessKey"in i)u.accessKey=i._accessKey;if("_type"in i)u.type=i._type;if("_value"in i)u.value=i._value;if("_required"in i)u.required=i._required;if("_maxLength"in i&&"_maxLengthBehavior"in i&&i._maxLengthBehavior==="hard")u.maxlength=i._maxLength;if("_placeholder"in i)u.placeholder=i._placeholder;if("_autoComplete"in i)u.autoComplete=i._autoComplete;if("_spellCheck"in i)u.spellcheck=i._spellCheck;if("_pattern"in i)u.pattern=i._pattern;if("_readOnly"in i)u.readonly=i._readOnly;if("_min"in i)u.min=i._min;if("_max"in i)u.max=i._max;if("_step"in i)u.step=i._step;if("_multiple"in i)u.multiple=i._multiple;if("_checked"in i)u.checked=i._checked;if("_indeterminate"in i)u.indeterminate=i._indeterminate;if("_touched"in i)u.touched=i._touched;if("_msg"in i)u.msg=i._msg;if("_shortKey"in i)u["aria-keyshortcuts"]=i._shortKey;if("_suggestions"in i&&!n){const t=Array.isArray(i._suggestions)&&i._suggestions.length>0;if(t){u.suggestions=e(r,{id:i._id,suggestions:i._suggestions})}}return Object.assign(Object.assign(Object.assign({},u),t),{ariaDescribedBy:f,"aria-invalid":o.hasError?"true":undefined})}const o=n=>{var{state:s,customSuggestions:r}=n,o=i(n,["state","customSuggestions"]);return e(t,Object.assign({},a(s,o,r)))};export{o as I,r as S};
+//# sourceMappingURL=InputStateWrapper-DTJTCqy1.js.map

package/dist/kolibri/InputStateWrapper-DTJTCqy1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStateWrapper-DTJTCqy1.js","sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={createRelatedUniqueId(id, 'list')} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport SuggestionsFc from '../../functional-components/Suggestions';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\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\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param other\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, other: Partial<InputProps>, customSuggestions?: boolean): InputProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t};\n\n\tif ('_accessKey' in state) props.accessKey = state._accessKey;\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = state._msg as MsgPropType;\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn {\n\t\t...props,\n\t\t...other,\n\t\tariaDescribedBy,\n\t\t'aria-invalid': renderStates.hasError ? 'true' : undefined,\n\t};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"names":["KolInputFc"],"mappings":"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"}

package/dist/kolibri/access-and-short-key-VGm6CSC-.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{g as s,N as a,k as e}from"./common-DQP27q1D.js";const t=(a,e)=>{s(a,"_accessKey",e)};const o=(a,e)=>{s(a,"_shortKey",e)};const n={hooks:{afterPatch:s=>{if(s!==-1&&s!==0){e(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`)}}}};const r=(s,e)=>{a(s,"_tabIndex",e,n)};const c=(s,a)=>{if(s&&a){throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}};export{c as a,o as b,r as c,t as v};
+//# sourceMappingURL=access-and-short-key-VGm6CSC-.js.map

package/dist/kolibri/access-and-short-key-VGm6CSC-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"access-and-short-key-VGm6CSC-.js","sources":["src/schema/props/access-key.ts","src/schema/props/short-key.ts","src/schema/props/tab-index.ts","src/schema/validators/access-and-short-key.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines the key combination that can be used to trigger or focus the component's interactive element.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type ShortKeyPropType = string;\n\n/**\n * Adds a visual short key hint to the component and sets the `aria-keyshortcuts` attribute on the focusable element.\n */\nexport type PropShortKey = {\n\tshortKey: ShortKeyPropType;\n};\n\n/* validator */\nexport const validateShortKey = (component: Generic.Element.Component, value?: ShortKeyPropType): void => {\n\twatchString(component, '_shortKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/* types */\nexport type TabIndexPropType = number;\n\n/**\n * Defines which tab-index the primary element of the component has.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex\n */\nexport type PropTabIndex = {\n\ttabIndex: TabIndexPropType;\n};\n\n/* constants */\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/* validator */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: TabIndexPropType): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n","import type { AccessKeyPropType, ShortKeyPropType } from '../props';\n\nexport const validateAccessAndShortKey = (accessKey?: AccessKeyPropType, shortKey?: ShortKeyPropType) => {\n\tif (accessKey && shortKey) {\n\t\tthrow new Error('AccessKey and ShortKey are used. Only one is allowed.');\n\t}\n};\n"],"names":[],"mappings":";;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,KAAU;AAC1G,IAAA,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AAC5C;;MCHa,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC3C;;ACCA,MAAM,OAAO,GAAuB;AACnC,IAAA,KAAK,EAAE;AACN,QAAA,UAAU,EAAE,CAAC,KAAK,KAAI;YACrB,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChC,QAAQ,CAAC,CAA4G,0GAAA,CAAA,CAAC;;SAEvH;AACD,KAAA;CACD;MAGY,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;IACxG,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACpD;;MC5Ba,yBAAyB,GAAG,CAAC,SAA6B,EAAE,QAA2B,KAAI;AACvG,IAAA,IAAI,SAAS,IAAI,QAAQ,EAAE;AAC1B,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;;AAE1E;;;;"}

package/dist/kolibri/align-CCcqVV8A.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as t}from"./common-DQP27q1D.js";const o=(o,s,n)=>{t(o,s,(t=>typeof t==="string"&&a.includes(t)),new Set(a),n,{defaultValue:"top"})};const s=["left","right"];const n=["top","bottom"];const a=[...s,...n];const e=(t,s)=>{o(t,"_align",s)};export{a,o as b,e as v};
+//# sourceMappingURL=align-CCcqVV8A.js.map

package/dist/kolibri/align-CCcqVV8A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-CCcqVV8A.js","sources":["src/schema/validators/alignment.ts","src/schema/props/align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AlignPropType } from '../props';\nimport { alignPropTypeOptions } from '../props';\nimport { watchValidator } from '../utils';\n\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: AlignPropType): void => {\n\twatchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {\n\t\tdefaultValue: 'top',\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\n/* types */\nconst horizontalAlignOptions = ['left', 'right'] as const;\ntype HorizontalAlign = (typeof horizontalAlignOptions)[number];\nconst verticalAlignOptions = ['top', 'bottom'] as const;\ntype VerticalAlign = (typeof verticalAlignOptions)[number];\nexport const alignPropTypeOptions = [...horizontalAlignOptions, ...verticalAlignOptions] as const;\nexport type AlignPropType = HorizontalAlign | VerticalAlign;\n\n/**\n * Defines the visual orientation of the component: top, right, bottom or left.\n */\nexport type PropAlign = {\n\talign: AlignPropType;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: AlignPropType): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAqB,KAAU;AACxH,IAAA,cAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE;AACvJ,QAAA,YAAY,EAAE,KAAK;AACnB,KAAA,CAAC;AACH;;ACLA,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU;AAEzD,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAU;AAE1C,MAAA,oBAAoB,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,oBAAoB;MAW1E,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,KAAU;AAClG,IAAA,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;AAC9C;;;;"}

package/dist/kolibri/align-floating-elements-8q78rXbD.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{D as t}from"./common-DQP27q1D.js";const n=Math.min;const e=Math.max;const o=Math.round;const i=Math.floor;const r=t=>({x:t,y:t});const c={left:"right",right:"left",bottom:"top",top:"bottom"};function s(t,o,i){return e(t,n(o,i))}function l(t,n){return typeof t==="function"?t(n):t}function f(t){return t.split("-")[0]}function a(t){return t.split("-")[1]}function u(t){return t==="x"?"y":"x"}function d(t){return t==="y"?"height":"width"}function m(t){const n=t[0];return n==="t"||n==="b"?"y":"x"}function p(t){return u(m(t))}function y(t,n,e){if(e===void 0){e=false}const o=a(t);const i=p(t);const r=d(i);let c=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[r]>n.floating[r]){c=O(c)}return[c,O(c)]}function h(t){const n=O(t);return[w(t),n,w(n)]}function w(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const x=["left","right"];const g=["right","left"];const v=["top","bottom"];const b=["bottom","top"];function A(t,n,e){switch(t){case"top":case"bottom":if(e)return n?g:x;return n?x:g;case"left":case"right":return n?v:b;default:return[]}}function S(t,n,e,o){const i=a(t);let r=A(f(t),e==="start",o);if(i){r=r.map((t=>t+"-"+i));if(n){r=r.concat(r.map(w))}}return r}function O(t){const n=f(t);return c[n]+t.slice(n.length)}function R(t){var n,e,o,i;return{top:(n=t.top)!=null?n:0,right:(e=t.right)!=null?e:0,bottom:(o=t.bottom)!=null?o:0,left:(i=t.left)!=null?i:0}}function F(t){return typeof t!=="number"?R(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function $(t,n,e){let{reference:o,floating:i}=t;const r=m(n);const c=p(n);const s=d(c);const l=f(n);const u=r==="y";const y=o.x+o.width/2-i.width/2;const h=o.y+o.height/2-i.height/2;const w=o[s]/2-i[s]/2;let x;switch(l){case"top":x={x:y,y:o.y-i.height};break;case"bottom":x={x:y,y:o.y+o.height};break;case"right":x={x:o.x+o.width,y:h};break;case"left":x={x:o.x-i.width,y:h};break;default:x={x:o.x,y:o.y}}const g=a(n);if(g){x[c]+=w*(g==="end"?1:-1)*(e&&u?-1:1)}return x}async function k(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:r,rects:c,elements:s,strategy:f}=t;const{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:m=false,padding:p=0}=l(n,t);const y=F(p);const h=d==="floating"?"reference":"floating";const w=s[m?h:d];const x=D(await r.getClippingRect({element:((e=await(r.isElement==null?void 0:r.isElement(w)))!=null?e:true)?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(s.floating)),boundary:a,rootBoundary:u,strategy:f}));const g=d==="floating"?{x:o,y:i,width:c.floating.width,height:c.floating.height}:c.reference;const v=await(r.getOffsetParent==null?void 0:r.getOffsetParent(s.floating));const b=await(r.isElement==null?void 0:r.isElement(v))&&await(r.getScale==null?void 0:r.getScale(v))||{x:1,y:1};const A=D(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:v,strategy:f}):g);return{top:(x.top-A.top+y.top)/b.y,bottom:(A.bottom-x.bottom+y.bottom)/b.y,left:(x.left-A.left+y.left)/b.x,right:(A.right-x.right+y.right)/b.x}}const C=50;const P=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:c}=e;const s=c.detectOverflow?c:{...c,detectOverflow:k};const l=await(c.isRTL==null?void 0:c.isRTL(n));let f=await c.getElementRects({reference:t,floating:n,strategy:i});let{x:a,y:u}=$(f,o,l);let d=o;let m=0;const p={};for(let e=0;e<r.length;e++){const y=r[e];if(!y){continue}const{name:h,fn:w}=y;const{x,y:g,data:v,reset:b}=await w({x:a,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:f,platform:s,elements:{reference:t,floating:n}});a=x!=null?x:a;u=g!=null?g:u;p[h]={...p[h],...v};if(b&&m<C){m++;if(typeof b==="object"){if(b.placement){d=b.placement}if(b.rects){f=b.rects===true?await c.getElementRects({reference:t,floating:n,strategy:i}):b.rects}({x:a,y:u}=$(f,d,l))}e=-1}}return{x:a,y:u,placement:d,strategy:i,middlewareData:p}};const T=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:c,platform:f,elements:u,middlewareData:m}=e;const{element:y,padding:h=0}=l(t,e)||{};if(y==null){return{}}const w=F(h);const x={x:o,y:i};const g=p(r);const v=d(g);const b=await f.getDimensions(y);const A=g==="y";const S=A?"top":"left";const O=A?"bottom":"right";const R=A?"clientHeight":"clientWidth";const D=c.reference[v]+c.reference[g]-x[g]-c.floating[v];const $=x[g]-c.reference[g];const k=await(f.getOffsetParent==null?void 0:f.getOffsetParent(y));let C=k?k[R]:0;if(!C||!await(f.isElement==null?void 0:f.isElement(k))){C=u.floating[R]||c.floating[v]}const P=D/2-$/2;const T=C/2-b[v]/2-1;const z=n(w[S],T);const E=n(w[O],T);const M=C-b[v]-E;const j=C/2-b[v]/2+P;const L=s(z,j,M);const B=!m.arrow&&a(r)!=null&&j!==L&&c.reference[v]/2-(j<z?z:E)-b[v]/2<0;const q=B?j<z?j-z:j-M:0;return{[g]:x[g]+q,data:{[g]:L,centerOffset:j-L-q,...B&&{alignmentOffset:q}},reset:B}}});const z=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:r,rects:c,initialPlacement:s,platform:a,elements:u}=n;const{mainAxis:d=true,crossAxis:p=true,fallbackPlacements:w,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:v=true,...b}=l(t,n);if((e=r.arrow)!=null&&e.alignmentOffset){return{}}const A=f(i);const R=m(s);const F=f(s)===s;const D=await(a.isRTL==null?void 0:a.isRTL(u.floating));const $=w||(F||!v?[O(s)]:h(s));const k=g!=="none";if(!w&&k){$.push(...S(s,v,g,D))}const C=[s,...$];const P=await a.detectOverflow(n,b);const T=[];let z=((o=r.flip)==null?void 0:o.overflows)||[];if(d){T.push(P[A])}if(p){const t=y(i,c,D);T.push(P[t[0]],P[t[1]])}z=[...z,{placement:i,overflows:T}];if(!T.every((t=>t<=0))){var E,M;const t=(((E=r.flip)==null?void 0:E.index)||0)+1;const n=C[t];if(n){const e=p==="alignment"?R!==m(n):false;if(!e||z.every((t=>m(t.placement)===R?t.overflows[0]>0:true))){return{data:{index:t,overflows:z},reset:{placement:n}}}}let e=(M=z.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:M.placement;if(!e){switch(x){case"bestFit":{var j;const t=(j=z.filter((t=>{if(k){const n=m(t.placement);return n===R||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:j[0];if(t){e=t}break}case"initialPlacement":e=s;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};const E=new Set(["left","top"]);async function M(t,n){const{placement:e,platform:o,elements:i}=t;const r=await(o.isRTL==null?void 0:o.isRTL(i.floating));const c=f(e);const s=a(e);const u=m(e)==="y";const d=E.has(c)?-1:1;const p=r&&u?-1:1;const y=l(n,t);let{mainAxis:h,crossAxis:w,alignmentAxis:x}=typeof y==="number"?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:y.mainAxis||0,crossAxis:y.crossAxis||0,alignmentAxis:y.alignmentAxis};if(s&&typeof x==="number"){w=s==="end"?x*-1:x}return u?{x:w*p,y:h*d}:{x:h*d,y:w*p}}const j=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:r,placement:c,middlewareData:s}=n;const l=await M(n,t);if(c===((e=s.offset)==null?void 0:e.placement)&&(o=s.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+l.x,y:r+l.y,data:{...l,placement:c}}}}};const L=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i,platform:r}=n;const{mainAxis:c=true,crossAxis:f=false,limiter:a={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=l(t,n);const p={x:e,y:o};const y=await r.detectOverflow(n,d);const h=m(i);const w=u(h);let x=p[w];let g=p[h];const v=(t,n)=>s(n+y[t==="y"?"top":"left"],n,n-y[t==="y"?"bottom":"right"]);if(c){x=v(w,x)}if(f){g=v(h,g)}const b=a.fn({...n,[w]:x,[h]:g});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[w]:c,[h]:f}}}}}};function B(){return typeof window!=="undefined"}function q(t){if(V(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function I(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function N(t){var n;return(n=(V(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function V(t){if(!B()){return false}return t instanceof Node||t instanceof I(t).Node}function H(t){if(!B()){return false}return t instanceof Element||t instanceof I(t).Element}function Q(t){if(!B()){return false}return t instanceof HTMLElement||t instanceof I(t).HTMLElement}function W(t){if(!B()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof I(t).ShadowRoot}function X(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=ot(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&i!=="inline"&&i!=="contents"}function Y(t){return/^(table|td|th)$/.test(q(t))}function _(t){try{if(t.matches(":popover-open")){return true}}catch(t){}try{return t.matches(":modal")}catch(t){return false}}const G=/transform|translate|scale|rotate|perspective|filter/;const J=/paint|layout|strict|content/;const K=t=>!!t&&t!=="none";let U;function Z(t){const n=H(t)?ot(t):t;return K(n.transform)||K(n.translate)||K(n.scale)||K(n.rotate)||K(n.perspective)||!nt()&&(K(n.backdropFilter)||K(n.filter))||G.test(n.willChange||"")||J.test(n.contain||"")}function tt(t){let n=rt(t);while(Q(n)&&!et(n)){if(Z(n)){return n}else if(_(n)){return null}n=rt(n)}return null}function nt(){if(U==null){U=typeof CSS!=="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")}return U}function et(t){return/^(html|body|#document)$/.test(q(t))}function ot(t){return I(t).getComputedStyle(t)}function it(t){if(H(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function rt(t){if(q(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||W(t)&&t.host||N(t);return W(n)?n.host:n}function ct(t){const n=rt(t);if(et(n)){return(t.ownerDocument||t).body}if(Q(n)&&X(n)){return n}return ct(n)}function st(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const i=ct(t);const r=i===((o=t.ownerDocument)==null?void 0:o.body);const c=I(i);if(r){const t=lt(c);return n.concat(c,c.visualViewport||[],X(i)?i:[],t&&e?st(t):[])}else{return n.concat(i,st(i,[],e))}}function lt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ft(t){const n=ot(t);let e=parseFloat(n.width)||0;let i=parseFloat(n.height)||0;const r=Q(t);const c=r?t.offsetWidth:e;const s=r?t.offsetHeight:i;const l=o(e)!==c||o(i)!==s;if(l){e=c;i=s}return{width:e,height:i,$:l}}function at(t){return!H(t)?t.contextElement:t}function ut(t){const n=at(t);if(!Q(n)){return r(1)}const e=n.getBoundingClientRect();const{width:i,height:c,$:s}=ft(n);let l=(s?o(e.width):e.width)/i;let f=(s?o(e.height):e.height)/c;if(!l||!Number.isFinite(l)){l=1}if(!f||!Number.isFinite(f)){f=1}return{x:l,y:f}}const dt=r(0);function mt(t){const n=I(t);if(!nt()||!n.visualViewport){return dt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function pt(t,n,e){if(n===void 0){n=false}return!!e&&n&&e===I(t)}function yt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const c=at(t);let s=r(1);if(n){if(o){if(H(o)){s=ut(o)}}else{s=ut(t)}}const l=pt(c,e,o)?mt(c):r(0);let f=(i.left+l.x)/s.x;let a=(i.top+l.y)/s.y;let u=i.width/s.x;let d=i.height/s.y;if(c&&o){const t=I(c);const n=H(o)?I(o):o;let e=t;let i=lt(e);while(i&&n!==e){const t=ut(i);const n=i.getBoundingClientRect();const o=ot(i);const r=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x;const c=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;f*=t.x;a*=t.y;u*=t.x;d*=t.y;f+=r;a+=c;e=I(i);i=lt(e)}}return D({width:u,height:d,x:f,y:a})}function ht(t,n){const e=it(t).scrollLeft;if(!n){return yt(N(t)).left+e}return n.left+e}function wt(t,n){const e=t.getBoundingClientRect();const o=e.left+n.scrollLeft-ht(t,e);const i=e.top+n.scrollTop;return{x:o,y:i}}function xt(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const c=i==="fixed";const s=N(o);const l=n?_(n.floating):false;if(o===s||l&&c){return e}let f={scrollLeft:0,scrollTop:0};let a=r(1);const u=r(0);const d=Q(o);if(d||!c){if(q(o)!=="body"||X(s)){f=it(o)}if(d){const t=yt(o);a=ut(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}const m=s&&!d&&!c?wt(s,f):r(0);return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-f.scrollLeft*a.x+u.x+m.x,y:e.y*a.y-f.scrollTop*a.y+u.y+m.y}}function gt(t){return t.getClientRects?Array.from(t.getClientRects()):[]}function vt(t){const n=it(t);const o=t.ownerDocument.body;const i=e(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth);const r=e(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let c=-n.scrollLeft+ht(t);const s=-n.scrollTop;if(ot(o).direction==="rtl"){c+=e(t.clientWidth,o.clientWidth)-i}return{width:i,height:r,x:c,y:s}}const bt=25;function At(t,n,e){if(e===void 0){e="viewport"}const o=e==="layoutViewport";const i=I(t);const r=N(t);const c=i.visualViewport;let s=r.clientWidth;let l=r.clientHeight;let f=0;let a=0;if(c){const t=!nt()||n==="fixed";if(o){if(!t){f=-c.offsetLeft;a=-c.offsetTop}}else{s=c.width;l=c.height;if(t){f=c.offsetLeft;a=c.offsetTop}}}const u=ht(r);if(u<=0){const t=r.ownerDocument;const n=t.body;const e=getComputedStyle(n);const o=t.compatMode==="CSS1Compat"?parseFloat(e.marginLeft)+parseFloat(e.marginRight)||0:0;const i=Math.abs(r.clientWidth-n.clientWidth-o);const c=getComputedStyle(r).scrollbarGutter==="stable both-edges"?i/2:i;if(c<=bt){s-=c}}return{width:s,height:l,x:f,y:a}}function St(t,n){const e=yt(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const r=ut(t);const c=t.clientWidth*r.x;const s=t.clientHeight*r.y;const l=i*r.x;const f=o*r.y;return{width:c,height:s,x:l,y:f}}function Ot(t,n,e){let o;if(n==="viewport"||n==="layoutViewport"){o=At(t,e,n)}else if(n==="document"){o=vt(N(t))}else if(H(n)){o=St(n,e)}else{const e=mt(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function Rt(t,n){const e=n.get(t);if(e){return e}let o=st(t,[],false).filter((t=>H(t)&&q(t)!=="body"));let i=null;const r=ot(t).position==="fixed";let c=r?rt(t):t;while(H(c)&&!et(c)){const t=ot(c);const n=Z(c);const e=i?i.position:r?"fixed":"";const s=!n&&(e==="fixed"||e==="absolute"&&t.position==="static");if(s){o=o.filter((t=>t!==c))}else{i=t}c=rt(c)}n.set(t,o);return o}function Ft(t){let{element:o,boundary:i,rootBoundary:r,strategy:c}=t;const s=i==="clippingAncestors"?_(o)?[]:Rt(o,this._c):[].concat(i);const l=[...s,r];const f=Ot(o,l[0],c);let a=f.top;let u=f.right;let d=f.bottom;let m=f.left;for(let t=1;t<l.length;t++){const i=Ot(o,l[t],c);a=e(i.top,a);u=n(i.right,u);d=n(i.bottom,d);m=e(i.left,m)}return{width:u-m,height:d-a,x:m,y:a}}function Dt(t){const{width:n,height:e}=ft(t);return{width:n,height:e}}function $t(t,n,e){const o=Q(n);const i=N(n);const c=e==="fixed";const s=yt(t,true,c,n);let l={scrollLeft:0,scrollTop:0};const f=r(0);if(o||!c){if(q(n)!=="body"||X(i)){l=it(n)}if(o){const t=yt(n,true,c,n);f.x=t.x+n.clientLeft;f.y=t.y+n.clientTop}}if(!o&&i){f.x=ht(i)}const a=i&&!o&&!c?wt(i,l):r(0);const u=s.left+l.scrollLeft-f.x-a.x;const d=s.top+l.scrollTop-f.y-a.y;return{x:u,y:d,width:s.width,height:s.height}}function kt(t){return ot(t).position==="static"}function Ct(t,n){if(!Q(t)||ot(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(N(t)===e){e=e.ownerDocument.body}return e}function Pt(t,n){const e=I(t);if(_(t)){return e}if(!Q(t)){let n=rt(t);while(n&&!et(n)){if(H(n)&&!kt(n)){return n}n=rt(n)}return e}let o=Ct(t,n);while(o&&Y(o)&&kt(o)){o=Ct(o,n)}if(o&&et(o)&&kt(o)&&!Z(o)){return e}return o||tt(t)||e}const Tt=async function(t){const n=this.getOffsetParent||Pt;const e=this.getDimensions;const o=await e(t.floating);return{reference:$t(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function zt(t){return ot(t).direction==="rtl"}const Et={convertOffsetParentRelativeRectToViewportRelativeRect:xt,getDocumentElement:N,getClippingRect:Ft,getOffsetParent:Pt,getElementRects:Tt,getClientRects:gt,getDimensions:Dt,getScale:ut,isElement:H,isRTL:zt};function Mt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function jt(t,o,r){let c=null;let s;const l=N(t);function f(){var t;clearTimeout(s);(t=c)==null||t.disconnect();c=null}function a(r,u){if(r===void 0){r=false}if(u===void 0){u=1}f();const d=t.getBoundingClientRect();const{left:m,top:p,width:y,height:h}=d;if(!r){o()}if(!y||!h){return}const w=i(p);const x=i(l.clientWidth-(m+y));const g=i(l.clientHeight-(p+h));const v=i(m);const b=-w+"px "+-x+"px "+-g+"px "+-v+"px";const A={rootMargin:b,threshold:e(0,n(1,u))||1};let S=true;function O(n){const e=n[0].intersectionRatio;if(!Mt(d,t.getBoundingClientRect())){return a()}if(e!==u){if(!S){return a()}if(!e){s=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}S=false}try{c=new IntersectionObserver(O,{...A,root:l.ownerDocument})}catch(t){c=new IntersectionObserver(O,A)}c.observe(t)}const u=I(t);const d=()=>a(r);u.addEventListener("resize",d);a(true);return()=>{u.removeEventListener("resize",d);f()}}function Lt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:i=true,ancestorResize:r=true,elementResize:c=typeof ResizeObserver==="function",layoutShift:s=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const f=at(t);const a=i||r?[...f?st(f):[],...n?st(n):[]]:[];a.forEach((t=>{i&&t.addEventListener("scroll",e);r&&t.addEventListener("resize",e)}));const u=f&&s?jt(f,e,r):null;let d=-1;let m=null;if(c){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===f&&m&&n){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(f&&!l){m.observe(f)}if(n){m.observe(n)}}let p;let y=l?yt(t):null;if(l){h()}function h(){const n=yt(t);if(y&&!Mt(y,n)){e()}y=n;p=requestAnimationFrame(h)}e();return()=>{var t;a.forEach((t=>{i&&t.removeEventListener("scroll",e);r&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const Bt=j;const qt=L;const It=z;const Nt=T;const Vt=(t,n,e)=>{const o=new Map;const i=e!=null?e:{};const r={...Et,...i.platform,_c:o};return P(t,n,{...i,platform:r})};const Ht=async({floatingElement:n,referenceElement:e,arrowElement:o,align:i="top"})=>{var r,c,s;if(!t()){const t=[Bt((r=o===null||o===void 0?void 0:o.offsetHeight)!==null&&r!==void 0?r:10),It(),qt()];if(o){t.push(Nt({element:o}))}const{x:l,y:f,middlewareData:a,placement:u}=await Vt(e,n,{placement:i,middleware:t,strategy:"fixed"});Object.assign(n.style,{left:`${l}px`,top:`${f}px`,visibility:"visible"});if(o){if((c=a.arrow)===null||c===void 0?void 0:c.x){Object.assign(o.style,{left:`${a.arrow.x}px`,top:u==="bottom"?`${-o.offsetHeight/2}px`:"",bottom:u==="top"?`${-o.offsetHeight/2}px`:""})}else if((s=a.arrow)===null||s===void 0?void 0:s.y){Object.assign(o.style,{left:u==="right"?`${-o.offsetWidth/2}px`:"",right:u==="left"?`${-o.offsetWidth/2}px`:"",top:`${a.arrow.y}px`})}}}};export{Ht as a,Lt as b};
+//# sourceMappingURL=align-floating-elements-8q78rXbD.js.map