@public-ui/components 4.1.2-rc.7 → 4.1.2-rc.8

package/dist/components/component3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as __rest}from"./tslib.es6.js";import{h}from"@stencil/core/internal/client";import{b as bem}from"./bem-registry.js";import{c as clsx}from"./clsx.js";const iconBem=bem.forBlock("kol-icon"),BEM_CLASS_ICON=iconBem(),BEM_CLASS_ICON__ICON=iconBem("icon"),IconFC=o=>{var{class:s,icons:e,label:i}=o,r=__rest(o,["class","icons","label"]);const c=(null==i?void 0:i.length)>0;return h("i",Object.assign({},r,{"aria-hidden":c?void 0:"true","aria-label":c?i:void 0,class:clsx(BEM_CLASS_ICON,BEM_CLASS_ICON__ICON,e,s),role:c?"img":"presentation"}))};export{IconFC as I};

package/dist/components/component3.js.map

@@ -0,0 +1 @@
+{"file":"component3.js","mappings":";;;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACC,yBACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;","names":[],"sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label should be trimmed by normalization in controller\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"version":3}

package/dist/components/controller-icon.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{I as IconFC}from"./component2.js";import{c as KolButtonWcTag}from"./component-names.js";import{b as watchValidator}from"./common.js";import{i as isMsgDefinedAndInputTouched,a as getMsgType,I as InputController}from"./controller3.js";import{c as clsx}from"./clsx.js";import{i as isString}from"./component.js";import{i as isObject}from"./isObject.js";import{v as validateIcons}from"./icons.js";const InputAdornment=(n,t)=>{var{position:o="start",class:s}=n,e=__rest(n,["position","class"]);const i="kol-input-container__adornment",r=`${i}--${o}`;return h("div",Object.assign({class:clsx(i,r,s)},e),t)};function hasItems(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const Container=(n,t)=>{var{class:o}=n,s=__rest(n,["class"]);return h("div",Object.assign({class:clsx("kol-input-container__container",o)},s),t)},KolInputContainerFc=(n,t)=>{const{class:o,startAdornment:s,endAdornment:e,disabled:i,msg:r,touched:a,containerProps:c,startAdornmentProps:l,endAdornmentProps:u}=n,p=__rest(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),d={"kol-input-container--disabled":i,[`kol-input-container--${getMsgType(r)}`]:isMsgDefinedAndInputTouched(r,a)},m=Object.assign({class:clsx("kol-input-container",d,o)},p);return hasItems(s)||hasItems(e)?h("div",Object.assign({},m),h(InputAdornment,Object.assign({},l,{position:"start"}),s),h(Container,Object.assign({},c),t),h(InputAdornment,Object.assign({},u,{position:"end"}),e)):h("div",Object.assign({},m),h(Container,Object.assign({},c),t))},KolButtonFc=n=>{const{label:t,icons:o,hideLabel:s,disabled:e,onClick:i}=n,r=__rest(n,["label","icons","hideLabel","disabled","onClick"]);return h(KolButtonWcTag,Object.assign({_label:t,_disabled:e,_icons:o,_hideLabel:s,_on:{onClick:i}},r))},KolIconButtonFc=n=>{const{componentName:t="button",label:o,icon:s,onClick:e}=n,i=__rest(n,["componentName","label","icon","onClick"]);return h("button"===t?KolButtonFc:IconFC,Object.assign({label:o||"",hideLabel:!0,icons:`${s}`,onClick:e},i))};function getInputContainerProps(n){let t,o;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(o=n._smartButton),{icons:t,smartButton:o,disabled:n._disabled,msg:n._msg,touched:n._touched}}const InputContainerStateWrapperFc=({state:n,startAdornment:t,endAdornment:o},s)=>{var e,i;const{icons:r,smartButton:a,disabled:c,msg:l,touched:u}=getInputContainerProps(n);let p=null==r?void 0:r.left;isString(p)&&(p={icon:p});let d=null==r?void 0:r.right;isString(d)&&(d={icon:d});const m=[],b=[];return t&&(Array.isArray(t)?m.push(...t):m.push(t)),p&&(isObject(p)?m.push(h(IconFC,{class:"kol-input-container__icon",icons:p.icon,label:null!==(e=p.label)&&void 0!==e?e:"",style:p.style})):m.push(h(IconFC,{class:"kol-input-container__icon",icons:p,label:""}))),isObject(a)&&b.push(h(KolIconButtonFc,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},a,{hideLabel:!0,disabled:c}))),d&&(isObject(d)?b.push(h(IconFC,{class:"kol-input-container__icon",icons:d.icon,label:null!==(i=d.label)&&void 0!==i?i:"",style:d.style})):b.push(h(IconFC,{class:"kol-input-container__icon",icons:d,label:""}))),o&&(Array.isArray(o)?b.push(...o):b.push(o)),h(KolInputContainerFc,{disabled:c,msg:l,touched:u,startAdornment:m,endAdornment:b},s)};class InputIconController extends InputController{constructor(n,t,o){super(n,t,o),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=n=>"number"==typeof n?isNaN(n)?null:n:this.isNumberString(n)?parseFloat(n):null,this.validateNumber=(n,t)=>watchValidator(this.component,n,n=>null==n||"number"==typeof n||"string"==typeof n&&this.numberStringRegex.test(n),new Set(["number","NumberString"]),t,{hooks:{beforePatch:(t,o)=>{(null==o?void 0:o.has(n))&&(null==o||o.set(n,this.parseToNumber(t)))}}}),this.component=n}validateIcons(n){validateIcons(this.component,n)}isNumberString(n){return"string"==typeof n&&this.numberStringRegex.test(n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{InputIconController as I,KolIconButtonFc as K,InputContainerStateWrapperFc as a};
+import{h}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{I as IconFC}from"./component3.js";import{b as KolButtonWcTag}from"./component-names.js";import{b as watchValidator}from"./common.js";import{i as isMsgDefinedAndInputTouched,a as getMsgType,I as InputController}from"./controller4.js";import{c as clsx}from"./clsx.js";import{i as isString}from"./component2.js";import{i as isObject}from"./_Uint8Array.js";import{v as validateIcons}from"./icons.js";const InputAdornment=(n,t)=>{var{position:o="start",class:s}=n,e=__rest(n,["position","class"]);const i="kol-input-container__adornment",r=`${i}--${o}`;return h("div",Object.assign({class:clsx(i,r,s)},e),t)};function hasItems(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const Container=(n,t)=>{var{class:o}=n,s=__rest(n,["class"]);return h("div",Object.assign({class:clsx("kol-input-container__container",o)},s),t)},KolInputContainerFc=(n,t)=>{const{class:o,startAdornment:s,endAdornment:e,disabled:i,msg:r,touched:a,containerProps:c,startAdornmentProps:l,endAdornmentProps:u}=n,p=__rest(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),d={"kol-input-container--disabled":i,[`kol-input-container--${getMsgType(r)}`]:isMsgDefinedAndInputTouched(r,a)},m=Object.assign({class:clsx("kol-input-container",d,o)},p);return hasItems(s)||hasItems(e)?h("div",Object.assign({},m),h(InputAdornment,Object.assign({},l,{position:"start"}),s),h(Container,Object.assign({},c),t),h(InputAdornment,Object.assign({},u,{position:"end"}),e)):h("div",Object.assign({},m),h(Container,Object.assign({},c),t))},KolButtonFc=n=>{const{label:t,icons:o,hideLabel:s,disabled:e,onClick:i}=n,r=__rest(n,["label","icons","hideLabel","disabled","onClick"]);return h(KolButtonWcTag,Object.assign({_label:t,_disabled:e,_icons:o,_hideLabel:s,_on:{onClick:i}},r))},KolIconButtonFc=n=>{const{componentName:t="button",label:o,icon:s,onClick:e}=n,i=__rest(n,["componentName","label","icon","onClick"]);return h("button"===t?KolButtonFc:IconFC,Object.assign({label:o||"",hideLabel:!0,icons:`${s}`,onClick:e},i))};function getInputContainerProps(n){let t,o;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(o=n._smartButton),{icons:t,smartButton:o,disabled:n._disabled,msg:n._msg,touched:n._touched}}const InputContainerStateWrapperFc=({state:n,startAdornment:t,endAdornment:o},s)=>{var e,i;const{icons:r,smartButton:a,disabled:c,msg:l,touched:u}=getInputContainerProps(n);let p=null==r?void 0:r.left;isString(p)&&(p={icon:p});let d=null==r?void 0:r.right;isString(d)&&(d={icon:d});const m=[],b=[];return t&&(Array.isArray(t)?m.push(...t):m.push(t)),p&&(isObject(p)?m.push(h(IconFC,{class:"kol-input-container__icon",icons:p.icon,label:null!==(e=p.label)&&void 0!==e?e:"",style:p.style})):m.push(h(IconFC,{class:"kol-input-container__icon",icons:p,label:""}))),isObject(a)&&b.push(h(KolIconButtonFc,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},a,{hideLabel:!0,disabled:c}))),d&&(isObject(d)?b.push(h(IconFC,{class:"kol-input-container__icon",icons:d.icon,label:null!==(i=d.label)&&void 0!==i?i:"",style:d.style})):b.push(h(IconFC,{class:"kol-input-container__icon",icons:d,label:""}))),o&&(Array.isArray(o)?b.push(...o):b.push(o)),h(KolInputContainerFc,{disabled:c,msg:l,touched:u,startAdornment:m,endAdornment:b},s)};class InputIconController extends InputController{constructor(n,t,o){super(n,t,o),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=n=>"number"==typeof n?isNaN(n)?null:n:this.isNumberString(n)?parseFloat(n):null,this.validateNumber=(n,t)=>watchValidator(this.component,n,n=>null==n||"number"==typeof n||"string"==typeof n&&this.numberStringRegex.test(n),new Set(["number","NumberString"]),t,{hooks:{beforePatch:(t,o)=>{(null==o?void 0:o.has(n))&&(null==o||o.set(n,this.parseToNumber(t)))}}}),this.component=n}validateIcons(n){validateIcons(this.component,n)}isNumberString(n){return"string"==typeof n&&this.numberStringRegex.test(n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{InputIconController as I,KolIconButtonFc as K,InputContainerStateWrapperFc as a};

package/dist/components/controller.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{g as KolFormTag}from"./component-names.js";import{P as getExperimentalMode,n as devHint,i as setEventTarget,a as KoliBriDevHelper,L as Log}from"./common.js";const searchFormElement=e=>{for(getExperimentalMode()&&(devHint("↓ Search form element start."),Log.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==KolFormTag.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}getExperimentalMode()&&(Log.debug(e),devHint("↑ Search form element finished."))}return e},propagateResetEventToForm=(e={})=>{var t,o;const n=searchFormElement(e.form);if(n instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===n.tagName)setEventTarget(e,n),n.dispatchEvent(e);else if(n.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",n));const a=n;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onReset)&&(null===(o=a._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{const t=searchFormElement(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)getExperimentalMode()&&!1===t.noValidate&&devHint("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout(()=>{"function"==typeof t.requestSubmit?t.requestSubmit():(setEventTarget(e,t),t.dispatchEvent(e))});else if(t.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",t));const o=t;setTimeout(()=>{var t,n;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onSubmit)&&(null===(n=o._on)||void 0===n||n.onSubmit(e))})}}};export{propagateResetEventToForm as a,propagateSubmitEventToForm as p};
+import{a as alignFloatingElements,b as autoUpdate}from"./align-floating-elements.js";import{t as getDocument}from"./common.js";import{t as tooltipClosed,a as tooltipOpened}from"./tooltip-open-tracking.js";import{c as createPropDefinition,n as normalizeString}from"./normalizers.js";import{a as alignPropTypeOptions}from"./align.js";import{l as labelProp}from"./label2.js";import"./variant-quote.js";import{B as BaseController}from"./base-controller.js";const VISIBLE_OVERLAYS=new Set;function showOverlay(t){VISIBLE_OVERLAYS.forEach(t=>{t.style.setProperty("z-index","999")}),VISIBLE_OVERLAYS.add(t),t.style.setProperty("z-index","1000")}function hideOverlay(t){if(VISIBLE_OVERLAYS.delete(t),VISIBLE_OVERLAYS.size>0){const t=Array.from(VISIBLE_OVERLAYS).pop();t&&t.style.setProperty("z-index","1000")}}const alignProp=createPropDefinition("align","top",t=>{const e=normalizeString(t);if(alignPropTypeOptions.includes(e))return e;throw new Error(`Invalid align value: ${e}`)},t=>alignPropTypeOptions.includes(t)),badgeTextProp=createPropDefinition("badgeText","",normalizeString),idProp=createPropDefinition("id","",normalizeString),tooltipPropsConfig={required:[labelProp],optional:[alignProp,badgeTextProp,idProp]};class TooltipController extends BaseController{constructor(t){super(t,tooltipPropsConfig),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.setTooltipElementRef=t=>{this.tooltipElement=t,this.tooltipElement&&this.addListeners(this.tooltipElement)},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseLeave=()=>{this.hasMouseIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusOut=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}}componentWillLoad(t){this.watchLabel(t.label),this.watchAlign(t.align),this.watchBadgeText(t.badgeText),this.watchId(t.id)}watchLabel(t){labelProp.apply(t,t=>{this.setRenderProp("label",t)})}watchAlign(t){alignProp.apply(t,t=>{this.setRenderProp("align",t)})}watchBadgeText(t){badgeTextProp.apply(t,t=>{this.setRenderProp("badgeText",t)})}watchId(t){idProp.apply(t,t=>{this.setRenderProp("id",t)})}initContext(t){this.previousSibling=t}syncListeners(t,e,i=!1){t&&this.removeListeners(t),e&&(i&&(this.previousSibling=e),this.addListeners(e))}handleEventListeners(t){const e=t.previousElementSibling;this.syncListeners(this.previousSibling,e,!0)}hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(hideOverlay(this.tooltipElement),tooltipClosed(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),getDocument().removeEventListener("keyup",this.hideTooltipByEscape)}destroy(){clearTimeout(this.overFocusTimeout),this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0),getDocument().removeEventListener("keyup",this.hideTooltipByEscape)}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}resetHideFlag(){this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await alignFloatingElements({align:this.getRenderProp("align"),arrowElement:this.tooltipElement.querySelector(".kol-tooltip__arrow"),floatingElement:this.tooltipElement,referenceElement:this.previousSibling})}showTooltip(){if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){showOverlay(this.tooltipElement),tooltipOpened(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),getDocument().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=autoUpdate(t,e,()=>{this.alignTooltip()})}}showOrHideTooltip(){clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}addListeners(t){t.addEventListener("mouseover",this.handleMouseEnter),t.addEventListener("mouseout",this.handleMouseLeave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusOut)}removeListeners(t){t.removeEventListener("mouseover",this.handleMouseEnter),t.removeEventListener("mouseout",this.handleMouseLeave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusOut)}}export{TooltipController as T};

package/dist/components/controller.js.map

@@ -1 +1 @@
-{"file":"controller.js","mappings":"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","names":[],"sources":["src/components/form/controller.ts"],"sourcesContent":["import { KolFormTag } from '../../core/component-names';\nimport type { FormProps } from '../../schema';\nimport { devHint, getExperimentalMode, KoliBriDevHelper, Log, setEventTarget } from '../../schema';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tLog.debug(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {\n\t\ttry {\n\t\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\t\tel = el.parentElement;\n\t\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\t\tel = el.parentNode.host;\n\t\t\t} else {\n\t\t\t\tel = null;\n\t\t\t}\n\t\t} catch {\n\t\t\t/**\n\t\t\t * Try is needed for SSR.\n\t\t\t * - no HTMLElement is available\n\t\t\t * - no ShadowRoot is available\n\t\t\t */\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tLog.debug(el);\n\t\t\tdevHint(`↑ Search form element finished.`);\n\t\t}\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\tkolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tif (getExperimentalMode() && (form as HTMLFormElement).noValidate === false) {\n\t\t\t\tdevHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {\n\t\t\t\t\tforce: true,\n\t\t\t\t});\n\t\t\t\t// (form as HTMLFormElement).noValidate = true; do not make this implicit\n\t\t\t}\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit\n\t\t\t\tif (typeof (form as HTMLFormElement).requestSubmit === 'function') {\n\t\t\t\t\t(form as HTMLFormElement).requestSubmit();\n\t\t\t\t} else {\n\t\t\t\t\tsetEventTarget(event, form);\n\t\t\t\t\tform.dispatchEvent(event);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n"],"version":3}
+{"file":"controller.js","mappings":"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","names":[],"sources":["src/utils/overlay.ts","src/internal/props/align.ts","src/internal/props/badge-text.ts","src/internal/props/id.ts","src/internal/functional-components/tooltip/api.tsx","src/internal/functional-components/tooltip/controller.ts"],"sourcesContent":["/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n\t\tvisibleOverlay.style.setProperty('z-index', '999');\n\t});\n\tVISIBLE_OVERLAYS.add(overlay);\n\toverlay.style.setProperty('z-index', '1000');\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.delete(overlay);\n\tif (VISIBLE_OVERLAYS.size > 0) {\n\t\tconst last = Array.from(VISIBLE_OVERLAYS).pop();\n\t\tif (last) {\n\t\t\tlast.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import type { AlignPropType } from '../../schema';\nimport { alignPropTypeOptions } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Align prop for positioning floating elements\n *\n * Description:\n * Controls the alignment of floating elements (tooltips, popovers, tabs) relative to their\n * reference element. The alignment affects how the floating element is positioned and which\n * side the arrow points from.\n *\n * Valid values: 'top' | 'right' | 'bottom' | 'left'\n * Default: 'top'\n *\n * Accessibility:\n * - Alignment should be chosen to ensure floating content is visible and does not obscure\n *   important content for users with low vision or screen magnification\n */\nexport type AlignProp = SimpleProp<'align', AlignPropType>;\n\nexport const alignProp = createPropDefinition<AlignProp>(\n\t'align',\n\t'top',\n\t(value) => {\n\t\tconst str = normalizeString(value);\n\t\tif ((alignPropTypeOptions as readonly string[]).includes(str)) {\n\t\t\treturn str as AlignPropType;\n\t\t}\n\t\tthrow new Error(`Invalid align value: ${str}`);\n\t},\n\t(v) => (alignPropTypeOptions as readonly string[]).includes(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Badge Text prop for highlighting text in labels\n *\n * Description:\n * Specifies text to be underlined and highlighted as a badge within the label.\n * This is useful for highlighting keyboard shortcuts or other important text portions.\n *\n * Usage:\n * - Default: empty string (no badge highlighting)\n * - When set: the specified text will be underlined in the label\n * - Case-sensitive matching (tries uppercase/lowercase variations if exact match not found)\n *\n * Accessibility:\n * - Underlined text must have sufficient contrast (WCAG 1.4.11)\n * - Badge text should complement, not replace, other text alternatives\n */\nexport type BadgeTextProp = SimpleProp<'badgeText', string>;\nexport const badgeTextProp = createPropDefinition<BadgeTextProp>('badgeText', '', normalizeString);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport type IdProp = SimpleProp<'id', string>;\n\nexport const idProp = createPropDefinition<IdProp>('id', '', normalizeString);\n","import { alignProp, badgeTextProp, idProp, labelProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const tooltipPropsConfig = {\n\trequired: [labelProp],\n\toptional: [alignProp, badgeTextProp, idProp],\n} as const satisfies PropsConfigShape;\n\nexport type TooltipApi = ApiFromConfig<\n\ttypeof tooltipPropsConfig,\n\t{\n\t\tMethods: {\n\t\t\thideTooltip: () => void;\n\t\t};\n\t}\n>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { getDocument } from '../../../schema';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../../utils/tooltip-open-tracking';\nimport { alignProp, badgeTextProp, idProp, labelProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { TooltipApi } from './api';\nimport { tooltipPropsConfig } from './api';\n\nexport class TooltipController extends BaseController<TooltipApi> implements ControllerInterface<TooltipApi> {\n\tprivate previousSibling?: HTMLElement;\n\tprivate tooltipElement?: HTMLElement;\n\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\tprivate isHiddenForCurrentVisit = false;\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\tprivate cleanupAutoPositioning?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<TooltipApi>) {\n\t\tsuper(stateAccess, tooltipPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<TooltipApi>): void {\n\t\tthis.watchLabel(props.label);\n\t\tthis.watchAlign(props.align);\n\t\tthis.watchBadgeText(props.badgeText);\n\t\tthis.watchId(props.id);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\tpublic watchBadgeText(value?: string): void {\n\t\tbadgeTextProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('badgeText', v);\n\t\t});\n\t}\n\n\tpublic watchId(value?: string): void {\n\t\tidProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('id', v);\n\t\t});\n\t}\n\n\tpublic initContext(previousSibling: HTMLElement | undefined): void {\n\t\tthis.previousSibling = previousSibling;\n\t}\n\n\tpublic syncListeners(last?: HTMLElement | null, next?: HTMLElement | null, replacePreviousSibling = false): void {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t}\n\n\tpublic handleEventListeners(host: HTMLElement): void {\n\t\tconst nextSibling = host.previousElementSibling as HTMLElement | null;\n\t\tthis.syncListeners(this.previousSibling, nextSibling, true);\n\t}\n\n\tpublic hideTooltip(): void {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tpublic setTooltipElementRef = (el?: HTMLElement): void => {\n\t\tthis.tooltipElement = el;\n\t\tif (this.tooltipElement) {\n\t\t\tthis.addListeners(this.tooltipElement);\n\t\t}\n\t};\n\n\tpublic destroy(): void {\n\t\tclearTimeout(this.overFocusTimeout);\n\n\t\tif (this.previousSibling) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\tprivate resetHideFlag(): void {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t}\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this.getRenderProp('align'),\n\t\t\t\tarrowElement: this.tooltipElement.querySelector('.kol-tooltip__arrow') as HTMLElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip(): void {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape, { once: true });\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showOrHideTooltip(): void {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tthis.hideTooltip();\n\t\t\t}\n\t\t}, 300);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tthis.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseLeave = (): void => {\n\t\tthis.hasMouseIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusOut = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners(el: HTMLElement): void {\n\t\tel.addEventListener('mouseover', this.handleMouseEnter);\n\t\tel.addEventListener('mouseout', this.handleMouseLeave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusOut);\n\t}\n\n\tprivate removeListeners(el: HTMLElement): void {\n\t\tel.removeEventListener('mouseover', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseout', this.handleMouseLeave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusOut);\n\t}\n}\n"],"version":3}

package/dist/components/controller2.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h}from"@stencil/core/internal/client";import{b as bem}from"./bem-registry.js";import"./common.js";import{l as labelProp}from"./label2.js";import{B as BaseController}from"./base-web-component.js";const clickButtonBem=bem.forBlock("kol-click-button"),BEM_CLASS_CLICK_BUTTON=clickButtonBem(),BEM_CLASS_CLICK_BUTTON__LABEL=clickButtonBem("label"),ClickButtonFC=({label:t,handleClick:o,refButton:l})=>h("button",{class:BEM_CLASS_CLICK_BUTTON,ref:l,onClick:o,onKeyDown:t=>t.preventDefault()},h("span",{class:BEM_CLASS_CLICK_BUTTON__LABEL},t)),clickButtonPropsConfig={required:[labelProp]};class ClickButtonController extends BaseController{constructor(t,o){super(clickButtonPropsConfig,t,o),this.handleClick=()=>{console.log(this,this.buttonRef,"button clicked")},this.setButtonRef=t=>{this.buttonRef=t}}componentWillLoad(t){const{label:o}=t;this.watchLabel(o)}watchLabel(t){labelProp.apply(t,t=>{this.setRenderProp("label",t)})}focus(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()}}export{ClickButtonController as C,ClickButtonFC as a};
+import{f as KolFormTag}from"./component-names.js";import{P as getExperimentalMode,n as devHint,i as setEventTarget,a as KoliBriDevHelper,L as Log}from"./common.js";const searchFormElement=e=>{for(getExperimentalMode()&&(devHint("↓ Search form element start."),Log.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==KolFormTag.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}getExperimentalMode()&&(Log.debug(e),devHint("↑ Search form element finished."))}return e},propagateResetEventToForm=(e={})=>{var t,o;const n=searchFormElement(e.form);if(n instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===n.tagName)setEventTarget(e,n),n.dispatchEvent(e);else if(n.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",n));const a=n;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onReset)&&(null===(o=a._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{const t=searchFormElement(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)getExperimentalMode()&&!1===t.noValidate&&devHint("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout(()=>{"function"==typeof t.requestSubmit?t.requestSubmit():(setEventTarget(e,t),t.dispatchEvent(e))});else if(t.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",t));const o=t;setTimeout(()=>{var t,n;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onSubmit)&&(null===(n=o._on)||void 0===n||n.onSubmit(e))})}}};export{propagateResetEventToForm as a,propagateSubmitEventToForm as p};

package/dist/components/controller2.js.map

@@ -1 +1 @@
-{"file":"controller2.js","mappings":";;;;;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5G,cAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;ACXH,MAAM,sBAAsB,GAAG;IACrC,QAAQ,EAAE,CAAC,SAAS,CAAC;CACe;;ACC/B,MAAO,qBAAsB,SAAQ,cAA8B,CAAA;IAGxE,WAAmB,CAAA,QAAoC,EAAE,QAAoC,EAAA;AAC5F,QAAA,KAAK,CAAC,sBAAsB,EAAE,QAAQ,EAAE,QAAQ,CAAC;AAc3C,QAAA,IAAW,CAAA,WAAA,GAAG,MAAW;YAE/B,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC;AACpD,SAAC;AAMM,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,OAA2B,KAAU;AAC3D,YAAA,IAAI,CAAC,SAAS,GAAG,OAAO;AACzB,SAAC;;AAtBM,IAAA,iBAAiB,CAAC,KAAyC,EAAA;AACjE,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAGhB,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,SAAC,CAAC;;IAQI,KAAK,GAAA;;QACX,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;AAMxB;;;;","names":[],"sources":["src/internal/functional-components/click-button/component.tsx","src/internal/functional-components/click-button/api.tsx","src/internal/functional-components/click-button/controller.ts"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n","import { labelProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const clickButtonPropsConfig = {\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type ClickButtonApi = ApiFromConfig<\n\ttypeof clickButtonPropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\tclick: () => void;\n\t\t};\n\t\tMethods: {\n\t\t\tfocus: () => void;\n\t\t};\n\t\tRefs: {\n\t\t\tbutton: HTMLButtonElement;\n\t\t};\n\t}\n>;\n","import { labelProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';\nimport type { ClickButtonApi } from './api';\nimport { clickButtonPropsConfig } from './api';\n\nexport class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {\n\tprivate buttonRef?: HTMLButtonElement;\n\n\tpublic constructor(setState: SetStateFn<ClickButtonApi>, getState: GetStateFn<ClickButtonApi>) {\n\t\tsuper(clickButtonPropsConfig, setState, getState);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void {\n\t\tconst { label } = props;\n\t\tthis.watchLabel(label);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic handleClick = (): void => {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.log(this, this.buttonRef, 'button clicked');\n\t};\n\n\tpublic focus(): void {\n\t\tthis.buttonRef?.focus();\n\t}\n\n\tpublic setButtonRef = (element?: HTMLButtonElement): void => {\n\t\tthis.buttonRef = element;\n\t};\n}\n"],"version":3}
+{"file":"controller2.js","mappings":";;;;;;AAIA,MAAM,iBAAiB,GAAG,CAAC,EAAoC,KAAiD;IAC/G,IAAI,mBAAmB,EAAE,EAAE;QAC1B,OAAO,CAAC,CAA8B,4BAAA,CAAA,CAAC;AACvC,QAAA,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;;AAEd,IAAA,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrG,QAAA,IAAI;AACH,YAAA,IAAI,EAAE,CAAC,aAAa,YAAY,WAAW,EAAE;AAC5C,gBAAA,EAAE,GAAG,EAAE,CAAC,aAAa;;AACf,iBAAA,IAAI,EAAE,CAAC,UAAU,YAAY,UAAU,EAAE;AAC/C,gBAAA,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI;;iBACjB;gBACN,EAAE,GAAG,IAAI;;;QAET,OAAA,EAAA,EAAM;;QAOR,IAAI,mBAAmB,EAAE,EAAE;AAC1B,YAAA,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACb,OAAO,CAAC,CAAiC,+BAAA,CAAA,CAAC;;;AAG5C,IAAA,OAAO,EAAE;AACV,CAAC;MAEY,yBAAyB,GAAG,CACxC,OAGI,GAAA,EAAE,KACG;;IACT,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAI,IAAI,YAAY,WAAW,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,SAAA,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;AAC5B,YAAA,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;;aACnB,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrD,YAAA,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC;YACtF,MAAM,OAAO,GAAG,IAAiB;AACjC,YAAA,IAAI,QAAO,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,CAAA,KAAK,UAAU,EAAE;gBAC/C,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,KAAK,CAAC;;;;AAI/B;MAEa,0BAA0B,GAAG,CACzC,OAGI,GAAA,EAAE,KACG;IACT,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAI,IAAI,YAAY,WAAW,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;AACvC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,IAAI;AACf,SAAA,CAAC;AAWF,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAC5B,IAAI,mBAAmB,EAAE,IAAK,IAAwB,CAAC,UAAU,KAAK,KAAK,EAAE;gBAC5E,OAAO,CAAC,2GAA2G,EAAE;AACpH,oBAAA,KAAK,EAAE,IAAI;AACX,iBAAA,CAAC;;YAIH,UAAU,CAAC,MAAK;AAEf,gBAAA,IAAI,OAAQ,IAAwB,CAAC,aAAa,KAAK,UAAU,EAAE;oBACjE,IAAwB,CAAC,aAAa,EAAE;;qBACnC;AACN,oBAAA,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;AAC3B,oBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;;AAE3B,aAAC,CAAC;;aACI,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,WAAW,EAAE,EAAE;AACrD,YAAA,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAoB,CAAC;YACtF,MAAM,OAAO,GAAG,IAAiB;YAEjC,UAAU,CAAC,MAAK;;AACf,gBAAA,IAAI,QAAO,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,CAAA,KAAK,UAAU,EAAE;oBAChD,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,KAAK,CAAC;;AAE9B,aAAC,CAAC;;;AAGL;;;;","names":[],"sources":["src/components/form/controller.ts"],"sourcesContent":["import { KolFormTag } from '../../core/component-names';\nimport type { FormProps } from '../../schema';\nimport { devHint, getExperimentalMode, KoliBriDevHelper, Log, setEventTarget } from '../../schema';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tLog.debug(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {\n\t\ttry {\n\t\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\t\tel = el.parentElement;\n\t\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\t\tel = el.parentNode.host;\n\t\t\t} else {\n\t\t\t\tel = null;\n\t\t\t}\n\t\t} catch {\n\t\t\t/**\n\t\t\t * Try is needed for SSR.\n\t\t\t * - no HTMLElement is available\n\t\t\t * - no ShadowRoot is available\n\t\t\t */\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tLog.debug(el);\n\t\t\tdevHint(`↑ Search form element finished.`);\n\t\t}\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\tkolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tif (getExperimentalMode() && (form as HTMLFormElement).noValidate === false) {\n\t\t\t\tdevHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {\n\t\t\t\t\tforce: true,\n\t\t\t\t});\n\t\t\t\t// (form as HTMLFormElement).noValidate = true; do not make this implicit\n\t\t\t}\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit\n\t\t\t\tif (typeof (form as HTMLFormElement).requestSubmit === 'function') {\n\t\t\t\t\t(form as HTMLFormElement).requestSubmit();\n\t\t\t\t} else {\n\t\t\t\t\tsetEventTarget(event, form);\n\t\t\t\t\tform.dispatchEvent(event);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n"],"version":3}

package/dist/components/controller3.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{d as watchBoolean,j as watchString,p as parseJson,o as objectObjectHandler,b as watchValidator,I as isObject$1,k as isString,s as setState,t as a11yHint}from"./common.js";import{S as SpanFC,b as buildBadgeTextString,s as showExpertSlot}from"./component.js";import{c as clsx}from"./clsx.js";import{t as translate}from"./i18n.js";import{K as KolAlertFc}from"./Alert.js";import{a as KolTooltipWcTag}from"./component-names.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"./isObject.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 n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?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,n){var o,i,a,r,s,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var n=o,a=i;return o=i=void 0,c=t,r=e.apply(a,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=a}function g(){var e=now();if(p(e))return b(e);s=setTimeout(g,function(e){var n=t-(e-l);return h?nativeMin(n,a-(e-c)):n}(e))}function b(e){return s=void 0,u&&o?m(e):(o=i=void 0,r)}function v(){var e=now(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===s)return function(e){return c=e,s=setTimeout(g,t),d?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(n)&&(d=!!n.leading,a=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):a,u="trailing"in n?!!n.trailing:u),v.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=i=s=void 0},v.flush=function(){return void 0===s?r:b(now())},v}const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,n)=>{watchBoolean(e,"_hideMsg",t,n)},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:n,maxLengthBehavior:o,id:i})=>{let a,r;const s=["kol-form-field__counter"];if("hard"===o)a="number"==typeof n?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),r="number"==typeof n?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,i=o<0,l=n-t,c=l<0;a=i?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),r=c?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:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},r))},KolFormFieldHintFc=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,a=__rest(e,["id","class","hint","baseClassName"]);return o?h("span",Object.assign({class:clsx(`${i}__hint`,n),id:`${t}-hint`},a),o):null},KolFormFieldLabelFc=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:a,shortKey:r,label:s,hideLabel:l,hasExpertSlot:c,showBadge:d=!0,readOnly:u}=e,m=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const p=!c&&l,g=translate("kol-readonly"),b=!1===d?void 0:buildBadgeTextString(a,r);return h(t,Object.assign({},m,{class:clsx(`${o}__label`,i),id:p?void 0:`${n}-label`,hidden:p,htmlFor:n}),h(SpanFC,{class:`${o}__label-text`,label:c?"":null!=s?s:"",badgeText:b},h("slot",{name:"expert"})),u?h("span",{class:`${o}__label__read-only`,"aria-hidden":"true"},"(",g,")"):null)},FormFieldMsgFc=e=>{var t,n,{alert:o,msg:i,id:a,class:r}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:`${a}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:o,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:clsx("kol-form-field__msg",r)},s),(null==l?void 0:l._description)||void 0)},FormFieldTooltipFc=({id:e,align:t,badgeText:n,label:o,class:i})=>h(KolTooltipWcTag,{"aria-hidden":"true",class:clsx("kol-form-field__tooltip",i),_badgeText:n,_align:t,_id:`${e}-label`,_label:o});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:n}=e,o=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",n)},o),t)},KolFormFieldFc=(e,t)=>{const{component:n="div",renderNoLabel:o,renderNoTooltip:i,renderNoHint:a,anotherChildren:r,id:s,required:l,alert:c,disabled:d,class:u,msg:m,hideMsg:p,hideLabel:g,label:b,hint:v,accessKey:f,shortKey:_,tooltipAlign:y,counter:F,readOnly:K,touched:x,maxLength:L,ariaDescribedBy:j,showBadge:T,formFieldLabelProps:S,formFieldHintProps:C,formFieldTooltipProps:B,formFieldMsgProps:O,formFieldInputProps:M}=e,k=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),A=!o,H=!a,I=!i,w=showExpertSlot(b),E=isMsgDefinedAndInputTouched(m,x),D=buildBadgeTextString(f,_),N=I&&!w&&g;let P={"kol-form-field--disabled":Boolean(d),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(x),"kol-form-field--hide-label":Boolean(g),"kol-form-field--read-only":Boolean(K),"kol-form-field--hidden-msg":Boolean(p)};if(E){const e=getMsgType(m);P=Object.assign(Object.assign({},P),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:e})}`]:!0})}return h(n,Object.assign({class:clsx("kol-form-field",P,u),"aria-describedby":j},k),A&&h(KolFormFieldLabelFc,Object.assign({},S||{},{id:s,hasExpertSlot:w,hideLabel:g,label:b,accessKey:f,shortKey:_,readOnly:K,showBadge:T})),h(InputContainer,Object.assign({},M),t,N&&!0===g&&h(FormFieldTooltipFc,Object.assign({},B||{},{id:s,label:b,align:y,badgeText:D}))),F?h(KolFormFieldCounterFc,Object.assign({id:s},F)):null,L?h(KolFormFieldCharacterLimitHintFc,{id:s,maxLength:L}):null,E&&!p&&h(FormFieldMsgFc,Object.assign({},O||{},{id:s,alert:c,msg:m})),H&&h(KolFormFieldHintFc,Object.assign({},C||{},{id:s,hint:v})),r)};function getDefaultProps({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}const getRenderStates=e=>{const t=e._msg,n="string"==typeof t?t:null==t?void 0:t._description,o=getMsgType(t),i=Boolean(n&&n.length>0),a="error"===o&&i&&!0===e._touched,r="string"==typeof e._hint&&e._hint.length>0,s=[];return i&&!e._hideMsg&&s.push(`${e._id}-msg`),!0===r&&s.push(`${e._id}-hint`),e._hasCounter&&s.push(`${e._id}-counter`),!0===a&&s.push(`${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"}),t}const FormFieldStateWrapper=(e,t)=>{var{state:n}=e,o=__rest(e,["state"]);const{ariaDescribedBy:i}=getRenderStates(n),a=("fieldset"===o.component||"_options"in n&&"_orientation"in n)&&i.length>0?i.join(" "):void 0,r=getFormFieldProps(n);return h(KolFormFieldFc,Object.assign({},r,o,{ariaDescribedBy:a}),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(e,t,n){super(e,t,n),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 n;void 0===t&&(t=e.target.value),this.emitEvent(KolEvent.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent(KolEvent.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}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,FormFieldTooltipFc as b,KolFormFieldHintFc as c,getDefaultProps as d,getRenderStates as g,isMsgDefinedAndInputTouched as i};
+import{h}from"@stencil/core/internal/client";import{b as bem}from"./bem-registry.js";import"./common.js";import{l as labelProp}from"./label2.js";import"./variant-quote.js";import{B as BaseController}from"./base-controller.js";const clickButtonBem=bem.forBlock("kol-click-button"),BEM_CLASS_CLICK_BUTTON=clickButtonBem(),BEM_CLASS_CLICK_BUTTON__LABEL=clickButtonBem("label"),ClickButtonFC=({label:t,handleClick:o,refButton:l})=>h("button",{class:BEM_CLASS_CLICK_BUTTON,ref:l,onClick:o,onKeyDown:t=>t.preventDefault()},h("span",{class:BEM_CLASS_CLICK_BUTTON__LABEL},t)),clickButtonPropsConfig={required:[labelProp]};class ClickButtonController extends BaseController{constructor(t){super(t,clickButtonPropsConfig),this.handleClick=()=>{console.log(this,this.buttonRef,"button clicked")},this.setButtonRef=t=>{this.buttonRef=t}}componentWillLoad(t){const{label:o}=t;this.watchLabel(o)}watchLabel(t){labelProp.apply(t,t=>{this.setRenderProp("label",t)})}focus(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()}}export{ClickButtonController as C,ClickButtonFC as a};

package/dist/components/controller3.js.map

@@ -1 +1 @@
-{"file":"controller3.js","mappings":"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","names":["isObject","KolFormFieldTooltipFc","KolFormFieldMsgFc"],"sources":["../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js","../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_trimmedEndIndex.js","../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseTrim.js","../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/toNumber.js","../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/now.js","../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/debounce.js","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/functional-components/FormFieldCharacterLimitHint/FormFieldCharacterLimitHint.tsx","src/functional-components/FormFieldCounter/FormFieldCounter.tsx","src/functional-components/FormFieldHint/FormFieldHint.tsx","src/functional-components/FormFieldLabel/FormFieldLabel.tsx","src/functional-components/FormFieldMsg/FormFieldMsg.tsx","src/functional-components/FormFieldTooltip/FormFieldTooltip.tsx","src/functional-components/FormField/FormField.tsx","src/functional-components/inputs/_helpers/getDefaultProps.ts","src/functional-component-wrappers/_helpers/getRenderStates.ts","src/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.tsx","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts"],"sourcesContent":["import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nexport default isSymbol;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nexport default trimmedEndIndex;\n","import trimmedEndIndex from './_trimmedEndIndex.js';\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nexport default baseTrim;\n","import baseTrim from './_baseTrim.js';\nimport isObject from './isObject.js';\nimport isSymbol from './isSymbol.js';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nexport default toNumber;\n","import root from './_root.js';\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\nexport default now;\n","import isObject from './isObject.js';\nimport now from './now.js';\nimport toNumber from './toNumber.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nexport default debounce;\n","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 { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { translate } from '../../i18n';\n\ntype FormFieldCharacterLimitHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\tid: string;\n\tmaxLength: number;\n};\n\nconst KolFormFieldCharacterLimitHintFc: FC<FormFieldCharacterLimitHintProps> = ({ id, maxLength }) => {\n\treturn (\n\t\t<span id={`${id}-character-limit-hint`} class=\"visually-hidden\">\n\t\t\t{translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldCharacterLimitHintFc;\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { translate } from '../../i18n';\nimport type { MaxLengthBehaviorPropType } from '../../schema';\nimport clsx from '../../utils/clsx';\n\ntype FormFieldCounterProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\tcurrentLength: number;\n\tcurrentLengthDebounced: number;\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n\tmaxLength?: number;\n\tid?: string;\n};\n\nconst KolFormFieldCounterFc: FC<FormFieldCounterProps> = ({ currentLength, currentLengthDebounced, maxLength, maxLengthBehavior, id }) => {\n\tlet visualText: string | undefined;\n\tlet ariaText: string | undefined;\n\tconst counterClasses = ['kol-form-field__counter'];\n\n\tif (maxLengthBehavior === 'hard') {\n\t\tvisualText =\n\t\t\ttypeof maxLength === 'number'\n\t\t\t\t? translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } })\n\t\t\t\t: translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n\n\t\tariaText =\n\t\t\ttypeof maxLength === 'number'\n\t\t\t\t? translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLengthDebounced), max: String(maxLength) } })\n\t\t\t\t: translate('kol-character-counter-current', { placeholders: { current: String(currentLengthDebounced) } });\n\t} else if (typeof maxLength === 'number') {\n\t\tconst remainingLive = maxLength - currentLength;\n\t\tconst exceededLive = remainingLive < 0;\n\t\tconst remainingDebounced = maxLength - currentLengthDebounced;\n\t\tconst exceededDebounced = remainingDebounced < 0;\n\n\t\tvisualText = exceededLive\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remainingLive)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remainingLive) } });\n\n\t\tariaText = exceededDebounced\n\t\t\t? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remainingDebounced)) } })\n\t\t\t: translate('kol-character-limit-remaining', { placeholders: { remaining: String(remainingDebounced) } });\n\n\t\tif (exceededLive) {\n\t\t\tcounterClasses.push('kol-form-field__counter--exceeded');\n\t\t}\n\t} else {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<span class={clsx(counterClasses)} aria-hidden=\"true\" data-testid=\"input-counter\">\n\t\t\t\t{visualText}\n\t\t\t</span>\n\t\t\t<span id={`${id}-counter`} aria-live=\"polite\" class=\"visually-hidden\" data-testid=\"input-counter-aria\">\n\t\t\t\t{ariaText}\n\t\t\t</span>\n\t\t</>\n\t);\n};\n\nexport default KolFormFieldCounterFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\ntype FormFieldHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\thint?: string;\n\tbaseClassName?: string;\n};\n\nconst KolFormFieldHintFc: FC<FormFieldHintProps> = ({ id, class: classNames, hint, baseClassName = 'kol-form-field', ...other }) => {\n\tif (!hint) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span class={clsx(`${baseClassName}__hint`, classNames)} id={`${id}-hint`} {...other}>\n\t\t\t{hint}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldHintFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { translate } from '../../i18n';\nimport { SpanFC } from '../../internal/functional-components/span/component';\nimport { buildBadgeTextString } from '../../schema';\nimport clsx from '../../utils/clsx';\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};\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\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 ? `${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{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) : null}\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';\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={`${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 { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolTooltipWcTag } from '../../core/component-names';\nimport type { AlignPropType } from '../../schema';\nimport clsx from '../../utils/clsx';\n\ntype FormFieldTooltipProps = Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'> & {\n\tid: string;\n\talign?: AlignPropType;\n\tbadgeText?: string;\n\tlabel: string;\n};\n\nconst FormFieldTooltipFc: FC<FormFieldTooltipProps> = ({ id, align, badgeText, label, class: classNames }) => {\n\treturn (\n\t\t<KolTooltipWcTag\n\t\t\t/**\n\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t */\n\t\t\taria-hidden=\"true\"\n\t\t\tclass={clsx('kol-form-field__tooltip', classNames)}\n\t\t\t_badgeText={badgeText}\n\t\t\t_align={align}\n\t\t\t_id={`${id}-label`}\n\t\t\t_label={label}\n\t\t></KolTooltipWcTag>\n\t);\n};\n\nexport default FormFieldTooltipFc;\n","import type { JSX } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { AlignPropType, MaxLengthBehaviorPropType, MsgPropType, Stringified } from '../../schema';\nimport { buildBadgeTextString, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport KolFormFieldCharacterLimitHintFc from '../FormFieldCharacterLimitHint/FormFieldCharacterLimitHint';\nimport KolFormFieldCounterFc from '../FormFieldCounter';\nimport KolFormFieldHintFc from '../FormFieldHint/FormFieldHint';\nimport KolFormFieldLabelFc from '../FormFieldLabel';\nimport KolFormFieldMsgFc from '../FormFieldMsg';\nimport KolFormFieldTooltipFc from '../FormFieldTooltip';\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\ttooltipAlign?: AlignPropType;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\thideMsg?: boolean;\n\taccessKey?: string;\n\tshortKey?: string;\n\tcounter?: { currentLength: number; currentLengthDebounced: number; maxLengthBehavior: MaxLengthBehaviorPropType; maxLength?: number; id?: string };\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\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\thint,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tcounter,\n\t\treadOnly,\n\t\ttouched,\n\t\tmaxLength,\n\t\tariaDescribedBy,\n\t\tshowBadge,\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\n\tlet stateCssClasses = {\n\t\t['kol-form-field--disabled']: Boolean(disabled),\n\t\t['kol-form-field--required']: Boolean(required),\n\t\t['kol-form-field--touched']: Boolean(touched),\n\t\t['kol-form-field--hide-label']: Boolean(hideLabel),\n\t\t['kol-form-field--read-only']: Boolean(readOnly),\n\t\t['kol-form-field--hidden-msg']: Boolean(hideMsg),\n\t};\n\n\tif (showMsg) {\n\t\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/>\n\t\t\t)}\n\t\t\t<InputContainer {...formFieldInputProps}>\n\t\t\t\t{children}\n\t\t\t\t{useTooltipInsteadOfLabel && hideLabel === true && (\n\t\t\t\t\t<KolFormFieldTooltipFc {...(formFieldTooltipProps || {})} id={id} label={label} align={tooltipAlign} badgeText={badgeText} />\n\t\t\t\t)}\n\t\t\t</InputContainer>\n\t\t\t{counter ? <KolFormFieldCounterFc id={id} {...counter} /> : null}\n\t\t\t{maxLength ? <KolFormFieldCharacterLimitHintFc id={id} maxLength={maxLength} /> : null}\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</Component>\n\t);\n};\n\nexport default KolFormFieldFc;\n","export function getDefaultProps({ ariaDescribedBy, hideLabel, label }: { ariaDescribedBy?: string[]; hideLabel?: boolean; label?: string }): {\n\ttitle: string;\n\tautoCapitalize: string;\n\tautoCorrect: string;\n\t'aria-describedby'?: string;\n\t'aria-label'?: string;\n} {\n\treturn {\n\t\ttitle: '',\n\t\tautoCapitalize: 'off',\n\t\tautoCorrect: 'off',\n\t\t'aria-describedby': ariaDescribedBy?.length ? ariaDescribedBy.join(' ') : undefined,\n\t\t'aria-label': hideLabel && label ? label : undefined,\n\t};\n}\n","import { getMsgType, type MsgPropType, type Stringified, type TouchedPropType } from '../../schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: 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(`${state._id}-msg`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\n\tif (state._hasCounter) {\n\t\tariaDescribedBy.push(`${state._id}-counter`);\n\t}\n\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\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};\n\nfunction getFormFieldProps(state: InputState): 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 (\n\t\t'_currentLength' in state &&\n\t\ttypeof state._currentLength === 'number' &&\n\t\t'_currentLengthDebounced' in state &&\n\t\ttypeof state._currentLengthDebounced === 'number'\n\t) {\n\t\tif ('_hasCounter' in state && state._hasCounter === true) {\n\t\t\tprops.counter = {\n\t\t\t\tcurrentLength: state._currentLength,\n\t\t\t\tcurrentLengthDebounced: state._currentLengthDebounced,\n\t\t\t\tmaxLength: state._maxLength,\n\t\t\t\tmaxLengthBehavior: state._maxLengthBehavior || 'hard',\n\t\t\t};\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst FormFieldStateWrapper: FC<FormFieldStateWrapperProps> = ({ state, ...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);\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","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} 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} 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 { debounce } from 'lodash-es';\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\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 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\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tif (this.component._disabled) {\n\t\t\treturn;\n\t\t}\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\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 readonly updateCurrentLengthDebounced = debounce((length: number) => {\n\t\tsetState(this.component, '_currentLengthDebounced', length);\n\t}, 500);\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"],"version":3}
+{"file":"controller3.js","mappings":";;;;;;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5G,cAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;ACXH,MAAM,sBAAsB,GAAG;IACrC,QAAQ,EAAE,CAAC,SAAS,CAAC;CACe;;ACC/B,MAAO,qBAAsB,SAAQ,cAA8B,CAAA;AAGxE,IAAA,WAAA,CAAmB,WAAwC,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;AAcpC,QAAA,IAAW,CAAA,WAAA,GAAG,MAAW;YAE/B,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC;AACpD,SAAC;AAMM,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,OAA2B,KAAU;AAC3D,YAAA,IAAI,CAAC,SAAS,GAAG,OAAO;AACzB,SAAC;;AAtBM,IAAA,iBAAiB,CAAC,KAAyC,EAAA;AACjE,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAGhB,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,SAAC,CAAC;;IAQI,KAAK,GAAA;;QACX,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;AAMxB;;;;","names":[],"sources":["src/internal/functional-components/click-button/component.tsx","src/internal/functional-components/click-button/api.tsx","src/internal/functional-components/click-button/controller.ts"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n","import { labelProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const clickButtonPropsConfig = {\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type ClickButtonApi = ApiFromConfig<\n\ttypeof clickButtonPropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\tclick: () => void;\n\t\t};\n\t\tMethods: {\n\t\t\tfocus: () => void;\n\t\t};\n\t\tRefs: {\n\t\t\tbutton: HTMLButtonElement;\n\t\t};\n\t}\n>;\n","import { labelProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { ClickButtonApi } from './api';\nimport { clickButtonPropsConfig } from './api';\n\nexport class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {\n\tprivate buttonRef?: HTMLButtonElement;\n\n\tpublic constructor(stateAccess: StateAccess<ClickButtonApi>) {\n\t\tsuper(stateAccess, clickButtonPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void {\n\t\tconst { label } = props;\n\t\tthis.watchLabel(label);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic handleClick = (): void => {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.log(this, this.buttonRef, 'button clicked');\n\t};\n\n\tpublic focus(): void {\n\t\tthis.buttonRef?.focus();\n\t}\n\n\tpublic setButtonRef = (element?: HTMLButtonElement): void => {\n\t\tthis.buttonRef = element;\n\t};\n}\n"],"version":3}

package/dist/components/controller4.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{t as a11yHint,M as watchJsonArrayString,s as setState}from"./common.js";import{h as hasEnoughReadableChars,c as containsOnlyNumbers}from"./label.js";import{v as validateRequired}from"./required.js";import{v as validateOrientation}from"./orientation.js";import{I as InputController}from"./controller3.js";const validateInputSelectOptions=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===hasEnoughReadableChars(t.label,3)&&!1===containsOnlyNumbers(t.label)&&a11yHint(`A differing Aria-Label (${t.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find(t=>!1===validateInputSelectOptions(t));if("number"==typeof t.label)return!0}return!1},validateOptions=(t,e,o={})=>{watchJsonArrayString(t,"_options",t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0,e,void 0,o)},validateOptionsWithOptgroup=(t,e,o={})=>{watchJsonArrayString(t,"_options",validateInputSelectOptions,e,void 0,o)},fillKeyOptionMap=(t,e,o="")=>{e.forEach((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?fillKeyOptionMap(t,e.options,i):t.set(i,e))})};class InputCheckboxRadioController extends InputController{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){validateRequired(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class InputRadioController extends InputCheckboxRadioController{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear();const t=o.map(t=>{var e;return"object"==typeof t&&null!==t&&"string"==typeof t.label?Object.assign(Object.assign({},t),{value:null!==(e=t.value)&&void 0!==e?e:t.label}):t});fillKeyOptionMap(this.keyOptionMap,t)}},this.component=t}validateOrientation(t){validateOrientation(this.component,t,"vertical")}validateOptions(t){validateOptions(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,setState(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{InputCheckboxRadioController as I,InputRadioController as a,validateOptions as b,fillKeyOptionMap as f,validateOptionsWithOptgroup as v};
+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{d as watchBoolean,j as watchString,p as parseJson,o as objectObjectHandler,b as watchValidator,I as isObject$1,k as isString,s as setState,u 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,k=__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"]),w=!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},k),w&&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};