@public-ui/components 4.2.0-rc.0 → 4.2.0-rc.2

package/dist/components/Collapsible.js.map

@@ -1 +1 @@
-{"file":"Collapsible.js","mappings":"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","names":[],"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 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 = `${id}-heading`;\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={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `${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={`${id}-control`}\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"],"version":3}
+{"file":"Collapsible.js","mappings":"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","names":[],"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"],"version":3}

package/dist/components/FieldControlStateWrapper.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{B as BaseWebComponent}from"./variant-quote.js";import{T as TooltipFC}from"./component.js";import{T as TooltipController}from"./controller.js";import"./common.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./component2.js";import{K as KolFormFieldLabelFc,a as getMsgType,i as isMsgDefinedAndInputTouched,b as KolFormFieldHintFc}from"./controller4.js";import{c as clsx}from"./clsx.js";const fieldControlTooltipControllerById=new Map,getFieldControlTooltipController=o=>{const l=fieldControlTooltipControllerById.get(o);if(l)return l;const e=new TooltipController(BaseWebComponent.stateLess);return e.componentWillLoad({label:""}),fieldControlTooltipControllerById.set(o,e),e},destroyFieldControlTooltipController=o=>{const l=fieldControlTooltipControllerById.get(o);l&&(l.destroy(),fieldControlTooltipControllerById.delete(o))},InputContainer=(o,l)=>{var{class:e}=o,t=__rest(o,["class"]);return h("div",Object.assign({class:clsx("kol-field-control__input",e)},t),l)},KolFieldControlFc=(o,l)=>{const{class:e,id:t,disabled:r,label:n,hideLabel:i,labelAlign:s,renderNoTooltip:a,hint:d,renderNoHint:c,accessKey:p,shortKey:b,msg:f,touched:g,required:C,readonly:m,tooltipAlign:u,tooltipFloatingRef:F,fieldControlInputProps:_,fieldControlLabelProps:y,fieldControlTooltipProps:T,fieldControlHintProps:B}=o,K=__rest(o,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),x=!c,j=!a,k=showExpertSlot(n),v=j&&!k&&i,I=buildBadgeTextString(p,b),L=v?getFieldControlTooltipController(t):void 0;L?(L.watchAlign(u),L.watchBadgeText(I||""),L.watchId(`${t}-label`),L.watchLabel(n)):destroyFieldControlTooltipController(t);const A=null==_?void 0:_.ref,P=[h(Fragment,null,h(InputContainer,Object.assign({},_,{ref:o=>{null==A||A(o),L&&o&&(L.initContext(o),L.syncListeners(void 0,o,!0))}}),l),v&&h("div",{class:clsx("kol-form-field__tooltip",null==T?void 0:T.class)},h(TooltipFC,{badgeText:I||"",label:n,align:u,id:`${t}-label`,refFloating:null!=F?F:o=>{null==L||L.setTooltipElementRef(o)}}))),h(KolFormFieldLabelFc,Object.assign({},y||{},{id:t,baseClassName:"kol-field-control",class:clsx(null==y?void 0:y.class,{"kol-field-control__label--visually-hidden":Boolean(i)}),hasExpertSlot:k,label:n,accessKey:p,shortKey:b}))];"left"===s&&P.reverse();const w={"kol-field-control--disabled":Boolean(r),"kol-field-control--required":Boolean(C),"kol-field-control--touched":Boolean(g),"kol-field-control--hide-label":Boolean(i),"kol-field-control--read-only":Boolean(m),[`kol-field-control--${getMsgType(f)}`]:Boolean(isMsgDefinedAndInputTouched(f,g)),[`kol-field-control--label-align-${s}`]:Boolean(s)};return h("div",Object.assign({class:clsx("kol-field-control",w,e)},K),P,x&&h(KolFormFieldHintFc,Object.assign({},B||{},{baseClassName:"kol-field-control",id:t,hint:d})))};function getFieldControlProps(o){const l={id:o._id,disabled:o._disabled,msg:o._msg,hint:o._hint,label:o._label,hideLabel:o._hideLabel,touched:o._touched};return"_required"in o&&(l.required=o._required),"_readOnly"in o&&(l.readonly=o._readOnly),"_labelAlign"in o&&(l.labelAlign=o._labelAlign),"_accessKey"in o&&(l.accessKey=o._accessKey),"_shortKey"in o&&(l.shortKey=o._shortKey),l}const FieldControlStateWrapper=(o,l)=>{var{state:e}=o,t=__rest(o,["state"]);return h(KolFieldControlFc,Object.assign({},getFieldControlProps(e),t),l)};export{FieldControlStateWrapper as F};
+import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{B as BaseWebComponent}from"./variant-quote.js";import{T as TooltipFC}from"./component.js";import{T as TooltipController}from"./controller.js";import"./common.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./component2.js";import{K as KolFormFieldLabelFc,a as getMsgType,i as isMsgDefinedAndInputTouched,b as KolFormFieldHintFc}from"./controller4.js";import{c as clsx}from"./clsx.js";import{a as createRelatedUniqueId}from"./dev.utils.js";const fieldControlTooltipControllerById=new Map,getFieldControlTooltipController=o=>{const l=fieldControlTooltipControllerById.get(o);if(l)return l;const e=new TooltipController(BaseWebComponent.stateLess);return e.componentWillLoad({label:""}),fieldControlTooltipControllerById.set(o,e),e},destroyFieldControlTooltipController=o=>{const l=fieldControlTooltipControllerById.get(o);l&&(l.destroy(),fieldControlTooltipControllerById.delete(o))},InputContainer=(o,l)=>{var{class:e}=o,t=__rest(o,["class"]);return h("div",Object.assign({class:clsx("kol-field-control__input",e)},t),l)},KolFieldControlFc=(o,l)=>{const{class:e,id:t,disabled:r,label:n,hideLabel:i,labelAlign:s,renderNoTooltip:a,hint:d,renderNoHint:c,accessKey:p,shortKey:f,msg:b,touched:g,required:C,readonly:u,tooltipAlign:m,tooltipFloatingRef:F,fieldControlInputProps:_,fieldControlLabelProps:y,fieldControlTooltipProps:T,fieldControlHintProps:B}=o,K=__rest(o,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),j=!c,x=!a,v=showExpertSlot(n),I=x&&!v&&i,k=buildBadgeTextString(p,f),L=createRelatedUniqueId(t,"label"),A=I?getFieldControlTooltipController(t):void 0;A?(A.watchAlign(m),A.watchBadgeText(k||""),A.watchId(L),A.watchLabel(n)):destroyFieldControlTooltipController(t);const P=null==_?void 0:_.ref,q=[h(Fragment,null,h(InputContainer,Object.assign({},_,{ref:o=>{null==P||P(o),A&&o&&(A.initContext(o),A.syncListeners(void 0,o,!0))}}),l),I&&h("div",{class:clsx("kol-form-field__tooltip",null==T?void 0:T.class)},h(TooltipFC,{badgeText:k||"",label:n,align:m,id:L,refFloating:null!=F?F:o=>{null==A||A.setTooltipElementRef(o)}}))),h(KolFormFieldLabelFc,Object.assign({},y||{},{id:t,baseClassName:"kol-field-control",class:clsx(null==y?void 0:y.class,{"kol-field-control__label--visually-hidden":Boolean(i)}),hasExpertSlot:v,label:n,accessKey:p,shortKey:f}))];"left"===s&&q.reverse();const w={"kol-field-control--disabled":Boolean(r),"kol-field-control--required":Boolean(C),"kol-field-control--touched":Boolean(g),"kol-field-control--hide-label":Boolean(i),"kol-field-control--read-only":Boolean(u),[`kol-field-control--${getMsgType(b)}`]:Boolean(isMsgDefinedAndInputTouched(b,g)),[`kol-field-control--label-align-${s}`]:Boolean(s)};return h("div",Object.assign({class:clsx("kol-field-control",w,e)},K),q,j&&h(KolFormFieldHintFc,Object.assign({},B||{},{baseClassName:"kol-field-control",id:t,hint:d})))};function getFieldControlProps(o){const l={id:o._id,disabled:o._disabled,msg:o._msg,hint:o._hint,label:o._label,hideLabel:o._hideLabel,touched:o._touched};return"_required"in o&&(l.required=o._required),"_readOnly"in o&&(l.readonly=o._readOnly),"_labelAlign"in o&&(l.labelAlign=o._labelAlign),"_accessKey"in o&&(l.accessKey=o._accessKey),"_shortKey"in o&&(l.shortKey=o._shortKey),l}const FieldControlStateWrapper=(o,l)=>{var{state:e}=o,t=__rest(o,["state"]);return h(KolFieldControlFc,Object.assign({},getFieldControlProps(e),t),l)};export{FieldControlStateWrapper as F};

package/dist/components/FieldControlStateWrapper.js.map

@@ -1 +1 @@
-{"file":"FieldControlStateWrapper.js","mappings":"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","names":["KolFieldControlLabelFc","KolFieldControlHintFc"],"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 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 tooltipController = useTooltipInsteadOfLabel ? getFieldControlTooltipController(id) : undefined;\n\n\tif (tooltipController) {\n\t\ttooltipController.watchAlign(tooltipAlign);\n\t\ttooltipController.watchBadgeText(badgeText || '');\n\t\ttooltipController.watchId(`${id}-label`);\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={`${id}-label`}\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"],"version":3}
+{"file":"FieldControlStateWrapper.js","mappings":"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","names":["KolFieldControlLabelFc","KolFieldControlHintFc"],"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"],"version":3}

package/dist/components/Input.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import"./common.js";import{i as isMsgDefinedAndInputTouched,c as getDefaultProps,a as getMsgType}from"./controller4.js";import{c as clsx}from"./clsx.js";const InputFc=e=>{const{class:s,msg:l,required:t,disabled:i,touched:a,readonly:o,ariaDescribedBy:n,hideLabel:r,label:d,suggestions:u,value:c}=e,p=__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g={"kol-input--disabled":Boolean(i),"kol-input--required":Boolean(t),"kol-input--touched":Boolean(a),"kol-input--readonly":Boolean(o),[`kol-input--${getMsgType(l)}`]:isMsgDefinedAndInputTouched(l,a)},b=Object.assign(Object.assign({class:clsx("kol-input",g,s),required:t,disabled:i,readonly:o,type:"text",list:u?`${p.id}-list`:void 0},getDefaultProps({ariaDescribedBy:n,hideLabel:r,label:d})),p);return h(Fragment,null,h("input",Object.assign({},b,{value:c})),u)};export{InputFc as I};
+import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import"./common.js";import{i as isMsgDefinedAndInputTouched,c as getDefaultProps,a as getMsgType}from"./controller4.js";import{c as clsx}from"./clsx.js";import{a as createRelatedUniqueId}from"./dev.utils.js";const InputFc=e=>{const{class:s,msg:t,required:i,disabled:a,touched:l,readonly:o,ariaDescribedBy:r,hideLabel:n,label:d,suggestions:u,value:c}=e,p=__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g={"kol-input--disabled":Boolean(a),"kol-input--required":Boolean(i),"kol-input--touched":Boolean(l),"kol-input--readonly":Boolean(o),[`kol-input--${getMsgType(t)}`]:isMsgDefinedAndInputTouched(t,l)},b=Object.assign(Object.assign({class:clsx("kol-input",g,s),required:i,disabled:a,readonly:o,type:"text",list:u&&"string"==typeof p.id?createRelatedUniqueId(p.id,"list"):void 0},getDefaultProps({ariaDescribedBy:r,hideLabel:n,label:d})),p);return h(Fragment,null,h("input",Object.assign({},b,{value:c})),u)};export{InputFc as I};

package/dist/components/Input.js.map

@@ -1 +1 @@
-{"file":"Input.js","mappings":";;;;;;;;;AAkBA,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,GACf,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,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,GAAG,CAAA,EAAG,KAAK,CAAC,EAAE,CAAA,KAAA,CAAO,GAAG,SAAS,EAC/C,EAAA,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAA,EACtD,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;;;;","names":[],"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 { 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 ? `${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"],"version":3}
+{"file":"Input.js","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;;;;","names":[],"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"],"version":3}

package/dist/components/InputStateWrapper.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./tslib.es6.js";import{h}from"@stencil/core/internal/client";import{I as InputFc}from"./Input.js";import{g as getRenderStates}from"./controller4.js";const SuggestionsFc=e=>{var{id:t,suggestions:s}=e,i=__rest(e,["id","suggestions"]);return s?h("datalist",Object.assign({id:`${t}-list`},i),s.map(e=>h("option",{value:e}))):null};function getInputProps(e,t,s){var i;const n=[...getRenderStates(e).ariaDescribedBy,...null!==(i=t.ariaDescribedBy)&&void 0!==i?i:[]],a={id:e._id,hideLabel:e._hideLabel,label:e._label,disabled:e._disabled,name:e._name};if("_accessKey"in e&&(a.accessKey=e._accessKey),"_type"in e&&(a.type=e._type),"_value"in e&&(a.value=e._value),"_required"in e&&(a.required=e._required),"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(a.maxlength=e._maxLength),"_placeholder"in e&&(a.placeholder=e._placeholder),"_autoComplete"in e&&(a.autoComplete=e._autoComplete),"_spellCheck"in e&&(a.spellcheck=e._spellCheck),"_pattern"in e&&(a.pattern=e._pattern),"_readOnly"in e&&(a.readonly=e._readOnly),"_min"in e&&(a.min=e._min),"_max"in e&&(a.max=e._max),"_step"in e&&(a.step=e._step),"_multiple"in e&&(a.multiple=e._multiple),"_checked"in e&&(a.checked=e._checked),"_indeterminate"in e&&(a.indeterminate=e._indeterminate),"_touched"in e&&(a.touched=e._touched),"_msg"in e&&(a.msg=e._msg),"_shortKey"in e&&(a["aria-keyshortcuts"]=e._shortKey),"_suggestions"in e&&!s){Array.isArray(e._suggestions)&&e._suggestions.length>0&&(a.suggestions=h(SuggestionsFc,{id:e._id,suggestions:e._suggestions}))}return Object.assign(Object.assign(Object.assign({},a),t),{ariaDescribedBy:n})}const InputStateWrapper=e=>{var{state:t,customSuggestions:s}=e,i=__rest(e,["state","customSuggestions"]);return h(InputFc,Object.assign({},getInputProps(t,i,s)))};export{InputStateWrapper as I,SuggestionsFc as S};
+import{_ as __rest}from"./tslib.es6.js";import{h}from"@stencil/core/internal/client";import{I as InputFc}from"./Input.js";import{a as createRelatedUniqueId}from"./dev.utils.js";import{g as getRenderStates}from"./controller4.js";const SuggestionsFc=e=>{var{id:t,suggestions:s}=e,i=__rest(e,["id","suggestions"]);return s?h("datalist",Object.assign({id:createRelatedUniqueId(t,"list")},i),s.map(e=>h("option",{value:e}))):null};function getInputProps(e,t,s){var i;const n=[...getRenderStates(e).ariaDescribedBy,...null!==(i=t.ariaDescribedBy)&&void 0!==i?i:[]],a={id:e._id,hideLabel:e._hideLabel,label:e._label,disabled:e._disabled,name:e._name};if("_accessKey"in e&&(a.accessKey=e._accessKey),"_type"in e&&(a.type=e._type),"_value"in e&&(a.value=e._value),"_required"in e&&(a.required=e._required),"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(a.maxlength=e._maxLength),"_placeholder"in e&&(a.placeholder=e._placeholder),"_autoComplete"in e&&(a.autoComplete=e._autoComplete),"_spellCheck"in e&&(a.spellcheck=e._spellCheck),"_pattern"in e&&(a.pattern=e._pattern),"_readOnly"in e&&(a.readonly=e._readOnly),"_min"in e&&(a.min=e._min),"_max"in e&&(a.max=e._max),"_step"in e&&(a.step=e._step),"_multiple"in e&&(a.multiple=e._multiple),"_checked"in e&&(a.checked=e._checked),"_indeterminate"in e&&(a.indeterminate=e._indeterminate),"_touched"in e&&(a.touched=e._touched),"_msg"in e&&(a.msg=e._msg),"_shortKey"in e&&(a["aria-keyshortcuts"]=e._shortKey),"_suggestions"in e&&!s){Array.isArray(e._suggestions)&&e._suggestions.length>0&&(a.suggestions=h(SuggestionsFc,{id:e._id,suggestions:e._suggestions}))}return Object.assign(Object.assign(Object.assign({},a),t),{ariaDescribedBy:n})}const InputStateWrapper=e=>{var{state:t,customSuggestions:s}=e,i=__rest(e,["state","customSuggestions"]);return h(InputFc,Object.assign({},getInputProps(t,i,s)))};export{InputStateWrapper as I,SuggestionsFc as S};

package/dist/components/InputStateWrapper.js.map

@@ -1 +1 @@
-{"file":"InputStateWrapper.js","mappings":"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","names":["KolInputFc"],"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';\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={`${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};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"version":3}
+{"file":"InputStateWrapper.js","mappings":"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","names":["KolInputFc"],"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};\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, other, customSuggestions)} />;\n};\n\nexport default InputStateWrapper;\n"],"version":3}

package/dist/components/controller4.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{B as BaseWebComponent}from"./variant-quote.js";import{T as TooltipFC}from"./component.js";import{T as TooltipController}from"./controller.js";import{c as watchBoolean,i as watchString,p as parseJson,o as objectObjectHandler,b as watchValidator,J as isObject$1,j as isString,s as setState,t as a11yHint}from"./common.js";import{S as SpanFC,b as buildBadgeTextString,s as showExpertSlot}from"./component2.js";import{c as clsx}from"./clsx.js";import{t as translate}from"./i18n.js";import{K as KolAlertFc}from"./Alert.js";import{v as validateAccessKey,a as validateAccessAndShortKey,b as validateShortKey,c as validateTabIndex}from"./access-and-short-key.js";import{v as validateDisabled}from"./disabled.js";import{v as validateHideLabel}from"./hide-label.js";import{a as validateLabelWithExpertSlot}from"./label.js";import{v as validateTooltipAlign}from"./tooltip-align.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{A as AssociatedInputController}from"./associated.controller.js";import{i as isObject}from"./_Uint8Array.js";import{i as isObjectLike,b as baseGetTag,r as root}from"./isArray.js";var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var o=reIsBinary.test(e);return o||reIsOctal.test(e)?freeParseInt(e.slice(2),o?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,o){var n,i,r,a,s,l,d=0,c=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var o=n,r=i;return n=i=void 0,d=t,a=e.apply(r,o)}function p(e){var o=e-l;return void 0===l||o>=t||o<0||h&&e-d>=r}function g(){var e=now();if(p(e))return f(e);s=setTimeout(g,function(e){var o=t-(e-l);return h?nativeMin(o,r-(e-d)):o}(e))}function f(e){return s=void 0,u&&n?m(e):(n=i=void 0,a)}function v(){var e=now(),o=p(e);if(n=arguments,i=this,l=e,o){if(void 0===s)return function(e){return d=e,s=setTimeout(g,t),c?m(e):a}(l);if(h)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),a}return t=toNumber(t)||0,isObject(o)&&(c=!!o.leading,r=(h="maxWait"in o)?nativeMax(toNumber(o.maxWait)||0,t):r,u="trailing"in o?!!o.trailing:u),v.cancel=function(){void 0!==s&&clearTimeout(s),d=0,n=l=i=s=void 0},v.flush=function(){return void 0===s?a:f(now())},v}const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,o)=>{watchBoolean(e,"_hideMsg",t,o)},validateHint=(e,t)=>{watchString(e,"_hint",t)},validateMsg=(e,t)=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(isObject$1(e)&&null!==e){const t=e._description;return isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function isMsgDefinedAndInputTouched(e,t){return Boolean(e)&&!0===t}function normalizeMsg(e){if("string"==typeof e)try{return parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}function getMsgType(e){var t;return"string"==typeof e?"error":null!==(t=null==e?void 0:e._type)&&void 0!==t?t:"error"}const validateTouched=(e,t)=>{watchBoolean(e,"_touched",t)},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>h("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:o,maxLengthBehavior:n,id:i})=>{let r,a;const s=["kol-form-field__counter"];if("hard"===n)r="number"==typeof o?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(o)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),a="number"==typeof o?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(o)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof o)return null;{const n=o-e,i=n<0,l=o-t,d=l<0;r=i?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(n))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(n)}}),a=d?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&s.push("kol-form-field__counter--exceeded")}}return h(Fragment,null,h("span",{class:clsx(s),"aria-hidden":"true","data-testid":"input-counter"},r),h("span",{id:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},a))},KolFormFieldHintFc=e=>{var{id:t,class:o,hint:n,baseClassName:i="kol-form-field"}=e,r=__rest(e,["id","class","hint","baseClassName"]);return n?h("span",Object.assign({class:clsx(`${i}__hint`,o),id:`${t}-hint`},r),n):null},KolFormFieldLabelFc=e=>{var{component:t="label",id:o,baseClassName:n="kol-form-field",class:i,accessKey:r,shortKey:a,label:s,hideLabel:l,hasExpertSlot:d,showBadge:c=!0,readOnly:u}=e,m=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const p=!d&&l,g=translate("kol-readonly"),f=!1===c?void 0:buildBadgeTextString(r,a);return h(t,Object.assign({},m,{class:clsx(`${n}__label`,i),id:p?void 0:`${o}-label`,hidden:p,htmlFor:o}),h(SpanFC,{class:`${n}__label-text`,label:d?"":null!=s?s:"",badgeText:f},h("slot",{name:"expert"})),u?h("span",{class:`${n}__label__read-only`,"aria-hidden":"true"},"(",g,")"):null)},FormFieldMsgFc=e=>{var t,o,{alert:n,msg:i,id:r,class:a}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:`${r}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:n,hasCloser:!1,level:0,type:null!==(o=null==l?void 0:l._type)&&void 0!==o?o:"error",variant:"msg",class:clsx("kol-form-field__msg",a)},s),(null==l?void 0:l._description)||void 0)},formFieldTooltipControllerById=new Map,getFormFieldTooltipController=e=>{const t=formFieldTooltipControllerById.get(e);if(t)return t;const o=new TooltipController(BaseWebComponent.stateLess);return o.componentWillLoad({label:""}),formFieldTooltipControllerById.set(e,o),o},destroyFormFieldTooltipController=e=>{const t=formFieldTooltipControllerById.get(e);t&&(t.destroy(),formFieldTooltipControllerById.delete(e))};function getModifierClassNameByMsgType(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const InputContainer=(e,t)=>{var{class:o}=e,n=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",o)},n),t)},KolFormFieldFc=(e,t)=>{const{component:o="div",renderNoLabel:n,renderNoTooltip:i,renderNoHint:r,anotherChildren:a,id:s,required:l,alert:d,disabled:c,class:u,msg:m,hideMsg:p,hideLabel:g,label:f,hint:v,accessKey:b,shortKey:y,counter:_,readOnly:F,touched:L,maxLength:x,ariaDescribedBy:K,showBadge:C,tooltipAlign:T,tooltipFloatingRef:j,formFieldLabelProps:B,formFieldHintProps:S,formFieldTooltipProps:M,formFieldMsgProps:O,formFieldInputProps:I}=e,w=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","tooltipFloatingRef","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),k=!n,A=!r,H=!i,E=showExpertSlot(f),D=isMsgDefinedAndInputTouched(m,L),N=buildBadgeTextString(b,y),$=H&&!E&&g,P=$?getFormFieldTooltipController(s):void 0;P?(P.watchAlign(T),P.watchBadgeText(N||""),P.watchId(`${s}-label`),P.watchLabel(f)):destroyFormFieldTooltipController(s);const W=null==I?void 0:I.ref;let R={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(L),"kol-form-field--hide-label":Boolean(g),"kol-form-field--read-only":Boolean(F),"kol-form-field--hidden-msg":Boolean(p)};if(D){const e=getMsgType(m);R=Object.assign(Object.assign({},R),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:e})}`]:!0})}return h(o,Object.assign({class:clsx("kol-form-field",R,u),"aria-describedby":K},w),k&&h(KolFormFieldLabelFc,Object.assign({},B||{},{id:s,hasExpertSlot:E,hideLabel:g,label:f,accessKey:b,shortKey:y,readOnly:F,showBadge:C})),h(InputContainer,Object.assign({},I,{ref:e=>{null==W||W(e),P&&e&&(P.initContext(e),P.syncListeners(void 0,e,!0))}}),t,$&&!0===g&&h("div",{class:clsx("kol-form-field__tooltip",null==M?void 0:M.class)},h(TooltipFC,{badgeText:N||"",label:f,align:T,id:`${s}-label`,refFloating:null!=j?j:e=>{null==P||P.setTooltipElementRef(e)}}))),_?h(KolFormFieldCounterFc,Object.assign({id:s},_)):null,x?h(KolFormFieldCharacterLimitHintFc,{id:s,maxLength:x}):null,D&&!p&&h(FormFieldMsgFc,Object.assign({},O||{},{id:s,alert:d,msg:m})),A&&h(KolFormFieldHintFc,Object.assign({},S||{},{id:s,hint:v})),a)};function getDefaultProps({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}const getRenderStates=e=>{const t=e._msg,o="string"==typeof t?t:null==t?void 0:t._description,n=getMsgType(t),i=Boolean(o&&o.length>0),r="error"===n&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,s=[];return i&&!e._hideMsg&&s.push(`${e._id}-msg`),!0===a&&s.push(`${e._id}-hint`),e._hasCounter&&s.push(`${e._id}-counter`),!0===r&&s.push(`${e._id}-error`),{hasError:r,hasHint:a,ariaDescribedBy:s}};function getFormFieldProps(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,showBadge:"_accessKey"in e&&Boolean(e._accessKey)||"_shortKey"in e&&Boolean(e._shortKey)};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const FormFieldStateWrapper=(e,t)=>{var{state:o}=e,n=__rest(e,["state"]);const{ariaDescribedBy:i}=getRenderStates(o),r=("fieldset"===n.component||"_options"in o&&"_orientation"in o)&&i.length>0?i.join(" "):void 0,a=getFormFieldProps(o);return h(KolFormFieldFc,Object.assign({},a,n,{ariaDescribedBy:r}),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=debounce(e=>{setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){validateAccessKey(this.component,e),validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){validateDisabled(this.component,e)}validateTooltipAlign(e){validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateLabel(e){validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&setState(this.component,"_on",e)}validateShortKey(e){validateShortKey(this.component,e),validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){objectObjectHandler(e,()=>{try{e=parseJson(e)}catch(e){}setState(this.component,"_smartButton",e)})}validateTabIndex(e){validateTabIndex(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._disabled||(this.component._touched=!0,this.emitEvent(KolEvent.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e))}onChange(e,t){var o;void 0===t&&(t=e.target.value),this.emitEvent(KolEvent.change,t),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,o){var n;void 0===o&&(o=e.target.value),this.emitEvent(KolEvent.input,o),t&&this.setFormAssociatedValue(o),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(e,o)}onClick(e){var t;this.emitEvent(KolEvent.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(KolEvent.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}export{FormFieldStateWrapper as F,InputController as I,KolFormFieldLabelFc as K,getMsgType as a,KolFormFieldHintFc as b,getDefaultProps as c,getRenderStates as g,isMsgDefinedAndInputTouched as i};
+import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{B as BaseWebComponent}from"./variant-quote.js";import{T as TooltipFC}from"./component.js";import{T as TooltipController}from"./controller.js";import{c as watchBoolean,i as watchString,p as parseJson,o as objectObjectHandler,b as watchValidator,J as isObject$1,j as isString,s as setState,t as a11yHint}from"./common.js";import{S as SpanFC,b as buildBadgeTextString,s as showExpertSlot}from"./component2.js";import{c as clsx}from"./clsx.js";import{a as createRelatedUniqueId}from"./dev.utils.js";import{t as translate}from"./i18n.js";import{K as KolAlertFc}from"./Alert.js";import{v as validateAccessKey,a as validateAccessAndShortKey,b as validateShortKey,c as validateTabIndex}from"./access-and-short-key.js";import{v as validateDisabled}from"./disabled.js";import{v as validateHideLabel}from"./hide-label.js";import{a as validateLabelWithExpertSlot}from"./label.js";import{v as validateTooltipAlign}from"./tooltip-align.js";import{v as validateVariantClassName}from"./variant-class-name.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{A as AssociatedInputController}from"./associated.controller.js";import{i as isObject}from"./_Uint8Array.js";import{i as isObjectLike,b as baseGetTag,r as root}from"./isArray.js";var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var o=reIsBinary.test(e);return o||reIsOctal.test(e)?freeParseInt(e.slice(2),o?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,o){var n,i,a,r,s,l,d=0,c=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var o=n,a=i;return n=i=void 0,d=t,r=e.apply(a,o)}function p(e){var o=e-l;return void 0===l||o>=t||o<0||h&&e-d>=a}function g(){var e=now();if(p(e))return v(e);s=setTimeout(g,function(e){var o=t-(e-l);return h?nativeMin(o,a-(e-d)):o}(e))}function v(e){return s=void 0,u&&n?m(e):(n=i=void 0,r)}function f(){var e=now(),o=p(e);if(n=arguments,i=this,l=e,o){if(void 0===s)return function(e){return d=e,s=setTimeout(g,t),c?m(e):r}(l);if(h)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),r}return t=toNumber(t)||0,isObject(o)&&(c=!!o.leading,a=(h="maxWait"in o)?nativeMax(toNumber(o.maxWait)||0,t):a,u="trailing"in o?!!o.trailing:u),f.cancel=function(){void 0!==s&&clearTimeout(s),d=0,n=l=i=s=void 0},f.flush=function(){return void 0===s?r:v(now())},f}const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,o)=>{watchBoolean(e,"_hideMsg",t,o)},validateHint=(e,t)=>{watchString(e,"_hint",t)},validateMsg=(e,t)=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(isObject$1(e)&&null!==e){const t=e._description;return isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function isMsgDefinedAndInputTouched(e,t){return Boolean(e)&&!0===t}function normalizeMsg(e){if("string"==typeof e)try{return parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}function getMsgType(e){var t;return"string"==typeof e?"error":null!==(t=null==e?void 0:e._type)&&void 0!==t?t:"error"}const validateTouched=(e,t)=>{watchBoolean(e,"_touched",t)},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>h("span",{id:createRelatedUniqueId(e,"character-limit-hint"),class:"visually-hidden"},translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:o,maxLengthBehavior:n,id:i})=>{let a,r;const s=["kol-form-field__counter"];if("hard"===n)a="number"==typeof o?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(o)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),r="number"==typeof o?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(o)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof o)return null;{const n=o-e,i=n<0,l=o-t,d=l<0;a=i?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(n))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(n)}}),r=d?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&s.push("kol-form-field__counter--exceeded")}}return h(Fragment,null,h("span",{class:clsx(s),"aria-hidden":"true","data-testid":"input-counter"},a),h("span",{id:createRelatedUniqueId(i||"","counter"),"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},r))},KolFormFieldHintFc=e=>{var{id:t,class:o,hint:n,baseClassName:i="kol-form-field"}=e,a=__rest(e,["id","class","hint","baseClassName"]);return n?h("span",Object.assign({class:clsx(`${i}__hint`,o),id:createRelatedUniqueId(t||"","hint")},a),n):null},KolFormFieldLabelFc=e=>{var{component:t="label",id:o,baseClassName:n="kol-form-field",class:i,accessKey:a,shortKey:r,label:s,hideLabel:l,hasExpertSlot:d,showBadge:c=!0,readOnly:u}=e,m=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const p=!d&&l,g=translate("kol-readonly"),v=!1===c?void 0:buildBadgeTextString(a,r);return h(t,Object.assign({},m,{class:clsx(`${n}__label`,i),id:p?void 0:createRelatedUniqueId(o,"label"),hidden:p,htmlFor:o}),h(SpanFC,{class:`${n}__label-text`,label:d?"":null!=s?s:"",badgeText:v},h("slot",{name:"expert"})),u?h("span",{class:`${n}__label__read-only`,"aria-hidden":"true"},"(",g,")"):null)},FormFieldMsgFc=e=>{var t,o,{alert:n,msg:i,id:a,class:r}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:createRelatedUniqueId(a,"msg"),alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:n,hasCloser:!1,level:0,type:null!==(o=null==l?void 0:l._type)&&void 0!==o?o:"error",variant:"msg",class:clsx("kol-form-field__msg",r)},s),(null==l?void 0:l._description)||void 0)},formFieldTooltipControllerById=new Map,getFormFieldTooltipController=e=>{const t=formFieldTooltipControllerById.get(e);if(t)return t;const o=new TooltipController(BaseWebComponent.stateLess);return o.componentWillLoad({label:""}),formFieldTooltipControllerById.set(e,o),o},destroyFormFieldTooltipController=e=>{const t=formFieldTooltipControllerById.get(e);t&&(t.destroy(),formFieldTooltipControllerById.delete(e))};function getModifierClassNameByMsgType(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const InputContainer=(e,t)=>{var{class:o}=e,n=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",o)},n),t)},KolFormFieldFc=(e,t)=>{const{component:o="div",renderNoLabel:n,renderNoTooltip:i,renderNoHint:a,anotherChildren:r,id:s,required:l,alert:d,disabled:c,class:u,msg:m,hideMsg:p,hideLabel:g,label:v,hint:f,accessKey:b,shortKey:y,counter:_,readOnly:F,touched:L,maxLength:x,ariaDescribedBy:C,showBadge:K,tooltipAlign:T,tooltipFloatingRef:j,variant:B,formFieldLabelProps:S,formFieldHintProps:I,formFieldTooltipProps:O,formFieldMsgProps:M,formFieldInputProps:k}=e,w=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","tooltipFloatingRef","variant","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),A=!n,H=!a,E=!i,D=showExpertSlot(v),N=isMsgDefinedAndInputTouched(m,L),R=buildBadgeTextString(b,y),P=E&&!D&&g,q=createRelatedUniqueId(s,"label"),W=P?getFormFieldTooltipController(s):void 0;W?(W.watchAlign(T),W.watchBadgeText(R||""),W.watchId(q),W.watchLabel(v)):destroyFormFieldTooltipController(s);const U=null==k?void 0:k.ref;let $={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(L),"kol-form-field--hide-label":Boolean(g),"kol-form-field--read-only":Boolean(F),"kol-form-field--hidden-msg":Boolean(p)};if(B&&($=Object.assign(Object.assign({},$),{[`kol-form-field--${B}`]:!0})),N){const e=getMsgType(m);$=Object.assign(Object.assign({},$),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:e})}`]:!0})}return h(o,Object.assign({class:clsx("kol-form-field",$,u),"aria-describedby":C},w),A&&h(KolFormFieldLabelFc,Object.assign({},S||{},{id:s,hasExpertSlot:D,hideLabel:g,label:v,accessKey:b,shortKey:y,readOnly:F,showBadge:K})),h(InputContainer,Object.assign({},k,{ref:e=>{null==U||U(e),W&&e&&(W.initContext(e),W.syncListeners(void 0,e,!0))}}),t,P&&!0===g&&h("div",{class:clsx("kol-form-field__tooltip",null==O?void 0:O.class)},h(TooltipFC,{badgeText:R||"",label:v,align:T,id:q,refFloating:null!=j?j:e=>{null==W||W.setTooltipElementRef(e)}}))),_?h(KolFormFieldCounterFc,Object.assign({id:s},_)):null,x?h(KolFormFieldCharacterLimitHintFc,{id:s,maxLength:x}):null,N&&!p&&h(FormFieldMsgFc,Object.assign({},M||{},{id:s,alert:d,msg:m})),H&&h(KolFormFieldHintFc,Object.assign({},I||{},{id:s,hint:f})),r)};function getDefaultProps({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}const getRenderStates=e=>{const t=e._msg,o="string"==typeof t?t:null==t?void 0:t._description,n=getMsgType(t),i=Boolean(o&&o.length>0),a="error"===n&&i&&!0===e._touched,r="string"==typeof e._hint&&e._hint.length>0,s=[];return i&&!e._hideMsg&&s.push(createRelatedUniqueId(e._id,"msg")),!0===r&&s.push(createRelatedUniqueId(e._id,"hint")),e._hasCounter&&s.push(createRelatedUniqueId(e._id,"counter")),!0===a&&s.push(createRelatedUniqueId(e._id,"error")),{hasError:a,hasHint:r,ariaDescribedBy:s}};function getFormFieldProps(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,showBadge:"_accessKey"in e&&Boolean(e._accessKey)||"_shortKey"in e&&Boolean(e._shortKey)};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),"_variant"in e&&(t.variant=e._variant),t}const FormFieldStateWrapper=(e,t)=>{var{state:o}=e,n=__rest(e,["state"]);const{ariaDescribedBy:i}=getRenderStates(o),a=("fieldset"===n.component||"_options"in o&&"_orientation"in o)&&i.length>0?i.join(" "):void 0,r=getFormFieldProps(o);return h(KolFormFieldFc,Object.assign({},r,n,{ariaDescribedBy:a}),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=debounce(e=>{setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){validateAccessKey(this.component,e),validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){validateDisabled(this.component,e)}validateTooltipAlign(e){validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateLabel(e){validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&setState(this.component,"_on",e)}validateShortKey(e){validateShortKey(this.component,e),validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){objectObjectHandler(e,()=>{try{e=parseJson(e)}catch(e){}setState(this.component,"_smartButton",e)})}validateTabIndex(e){validateTabIndex(this.component,e)}validateVariant(e){validateVariantClassName(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.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),validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._disabled||(this.component._touched=!0,this.emitEvent(KolEvent.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e))}onChange(e,t){var o;void 0===t&&(t=e.target.value),this.emitEvent(KolEvent.change,t),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,o){var n;void 0===o&&(o=e.target.value),this.emitEvent(KolEvent.input,o),t&&this.setFormAssociatedValue(o),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(e,o)}onClick(e){var t;this.emitEvent(KolEvent.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(KolEvent.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}export{FormFieldStateWrapper as F,InputController as I,KolFormFieldLabelFc as K,getMsgType as a,KolFormFieldHintFc as b,getDefaultProps as c,getRenderStates as g,isMsgDefinedAndInputTouched as i};