@public-ui/components 4.5.0-rc.4 → 4.5.0-rc.5

package/dist/cjs/{field-control-MhWSen3X.js.map → field-control-CTOjt7vn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-control-MhWSen3X.js","sources":["src/internal/functional-components/form-field/field-control.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC, type VNode } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { LabelAlignPropType, MsgPropType, Stringified, TooltipAlignPropType } from '../../../schema';\nimport { buildBadgeTextString, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { TooltipFC } from '../tooltip/component';\nimport { FormFieldHintFC } from './hint';\nimport { FormFieldLabelFC, type FormFieldInfoPopover, type FormFieldLabelFCProps } from './label';\n\nconst fieldControlBem = bem.forBlock('kol-field-control');\n\nexport type FieldControlFCProps = Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'id' | 'ref'> & {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\tinfoPopover?: FormFieldInfoPopover;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: TooltipAlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadOnly?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\t/** Attributes of the label, e.g. a `mousedown` handler or the access key badge. */\n\tlabelProps?: Pick<FormFieldLabelFCProps, 'onMouseDown' | 'showBadge'>;\n\t/** Receives the `__input` wrapper, the reference element of the label tooltip. */\n\trefInput?: (el?: HTMLDivElement) => void;\n\t/** Receives the floating element of the label tooltip. */\n\trefTooltip: (el?: HTMLDivElement) => void;\n};\n\n/**\n * Whether the control shows its label as a tooltip instead of a visible label: with `hideLabel`,\n * unless the tooltip is disabled or the label is given through the expert slot.\n */\nexport const isFieldControlLabelShownAsTooltip = ({\n\thideLabel,\n\tlabel,\n\trenderNoTooltip,\n}: Pick<FieldControlFCProps, 'hideLabel' | 'label' | 'renderNoTooltip'>): boolean => !renderNoTooltip && !showExpertSlot(label) && hideLabel === true;\n\n/**\n * Stateless row of a checkbox or of one radio option: the control, its label and its hint. With\n * `labelAlign: 'left'` the label comes first. The web component owns the label tooltip and connects\n * it through `refInput` and `refTooltip`.\n *\n * With the tooltip, the label stays visually hidden and leaves its ID to the tooltip. The tooltip\n * wrapper uses the class `kol-form-field__tooltip`, which the themes style.\n */\nexport const FieldControlFC: FC<FieldControlFCProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tlabel,\n\t\thint,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\tinfoPopover,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tdisabled,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadOnly,\n\t\trenderNoHint,\n\t\trenderNoTooltip,\n\t\tlabelProps,\n\t\trefInput,\n\t\trefTooltip,\n\t\t...other\n\t} = props;\n\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showTooltip = isFieldControlLabelShownAsTooltip({ hideLabel, label, renderNoTooltip });\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst showMsg = isMsgDefinedAndInputTouched(msg, touched);\n\n\tconst renderInput = (): VNode => (\n\t\t<div class={fieldControlBem('input')} ref={refInput}>\n\t\t\t{children}\n\t\t</div>\n\t);\n\tconst renderTooltip = (): VNode | null =>\n\t\tshowTooltip ? (\n\t\t\t<div class=\"kol-form-field__tooltip\">\n\t\t\t\t<TooltipFC badgeText={badgeText || ''} label={label} align={tooltipAlign} id={createRelatedUniqueId(id, 'label')} refFloating={refTooltip} />\n\t\t\t</div>\n\t\t) : null;\n\tconst renderLabel = (): VNode => (\n\t\t<FormFieldLabelFC\n\t\t\t{...labelProps}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={hideLabel ? 'kol-field-control__label--visually-hidden' : undefined}\n\t\t\tomitId={showTooltip}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t\tinfoPopover={infoPopover}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-field-control\"\n\t\t\tmodifiers={{\n\t\t\t\tdisabled: Boolean(disabled),\n\t\t\t\trequired: Boolean(required),\n\t\t\t\ttouched: Boolean(touched),\n\t\t\t\t'hide-label': Boolean(hideLabel),\n\t\t\t\t'read-only': Boolean(readOnly),\n\t\t\t\t...(showMsg ? { [getMsgType(msg) as 'default' | 'error' | 'info' | 'success' | 'warning']: true } : {}),\n\t\t\t\t'label-align-left': labelAlign === 'left',\n\t\t\t\t'label-align-right': labelAlign === 'right',\n\t\t\t}}\n\t\t\tclass={classNames}\n\t\t\t{...other}\n\t\t>\n\t\t\t{labelAlign === 'left' ? [renderLabel(), renderInput(), renderTooltip()] : [renderInput(), renderTooltip(), renderLabel()]}\n\t\t\t{!renderNoHint && <FormFieldHintFC baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","showExpertSlot","buildBadgeTextString","isMsgDefinedAndInputTouched","h","TooltipFC","createRelatedUniqueId","FormFieldLabelFC","BemRootNodeFC","getMsgType","FormFieldHintFC"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,eAAe,GAAGA,eAAG,CAAC,QAAQ,CAAC,mBAAmB,CAAC;AA+B5C,MAAA,iCAAiC,GAAG,CAAC,EACjD,SAAS,EACT,KAAK,EACL,eAAe,GACuD,KAAc,CAAC,eAAe,IAAI,CAACC,0BAAc,CAAC,KAAK,CAAC,IAAI,SAAS,KAAK;MAUpI,cAAc,GAA4B,CAAC,KAAK,EAAE,QAAQ,KAAI;IAC1E,MAAM,EACL,KAAK,EAAE,UAAU,EACjB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EAEP,GAAA,KAAK,EADL,KAAK,oBACL,KAAK,EAtBH,CAsBL,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAQ;AAET,IAAA,MAAM,aAAa,GAAGA,0BAAc,CAAC,KAAK,CAAC;AAC3C,IAAA,MAAM,WAAW,GAAG,iCAAiC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC;IAC5F,MAAM,SAAS,GAAGC,gCAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAM,OAAO,GAAGC,+BAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;IAEzD,MAAM,WAAW,GAAG,OACnBC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,QAAQ,EACjD,EAAA,QAAQ,CACJ,CACN;IACD,MAAM,aAAa,GAAG,MACrB,WAAW,IACVA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnCA,OAAA,CAACC,qBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAEC,+BAAqB,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACxI,IACH,IAAI;AACT,IAAA,MAAM,WAAW,GAAG,OACnBF,OAAA,CAACG,oBAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACZ,UAAU,EAAA,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAC,mBAAmB,EACjC,KAAK,EAAE,SAAS,GAAG,2CAA2C,GAAG,SAAS,EAC1E,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACvB,CAAA,CAAA,CACF;AAED,IAAA,QACCH,OAAC,CAAAI,uBAAa,EACb,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,GAAC,OAAO,GAAG,EAAE,CAACC,cAAU,CAAC,GAAG,CAAyD,GAAG,IAAI,EAAE,GAAG,EAAE,EACtG,EAAA,EAAA,kBAAkB,EAAE,UAAU,KAAK,MAAM,EACzC,mBAAmB,EAAE,UAAU,KAAK,OAAO,EAAA,CAAA,EAE5C,KAAK,EAAE,UAAU,IACb,KAAK,CAAA,EAER,UAAU,KAAK,MAAM,GAAG,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,CAAC,EACzH,CAAC,YAAY,IAAIL,OAAA,CAACM,mBAAe,EAAC,EAAA,aAAa,EAAC,mBAAmB,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA,CAC5E;AAElB;;;;;"}
+{"version":3,"file":"field-control-CTOjt7vn.js","sources":["src/internal/functional-components/form-field/field-control.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC, type VNode } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { LabelAlignPropType, MsgPropType, Stringified, TooltipAlignPropType } from '../../../schema';\nimport { buildBadgeTextString, getMsgType, isMsgDefinedAndInputTouched, showExpertSlot } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { TooltipFC } from '../tooltip/component';\nimport { FormFieldHintFC } from './hint';\nimport { FormFieldLabelFC, type FormFieldInfoPopover, type FormFieldLabelFCProps } from './label';\n\nconst fieldControlBem = bem.forBlock('kol-field-control');\n\nexport type FieldControlFCProps = Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'id' | 'ref'> & {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\tinfoPopover?: FormFieldInfoPopover;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: TooltipAlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadOnly?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\t/** Attributes of the label, e.g. a `mousedown` handler or the access key badge. */\n\tlabelProps?: Pick<FormFieldLabelFCProps, 'onMouseDown' | 'showBadge'>;\n\t/** Receives the `__input` wrapper, the reference element of the label tooltip. */\n\trefInput?: (el?: HTMLDivElement) => void;\n\t/** Receives the floating element of the label tooltip. */\n\trefTooltip: (el?: HTMLDivElement) => void;\n};\n\n/**\n * Whether the control shows its label as a tooltip instead of a visible label: with `hideLabel`,\n * unless the tooltip is disabled or the label is given through the expert slot.\n */\nexport const isFieldControlLabelShownAsTooltip = ({\n\thideLabel,\n\tlabel,\n\trenderNoTooltip,\n}: Pick<FieldControlFCProps, 'hideLabel' | 'label' | 'renderNoTooltip'>): boolean => !renderNoTooltip && !showExpertSlot(label) && hideLabel === true;\n\n/**\n * Stateless row of a checkbox or of one radio option: the control, its label and its hint. With\n * `labelAlign: 'left'` the label comes first. The web component owns the label tooltip and connects\n * it through `refInput` and `refTooltip`.\n *\n * With the tooltip, the label stays visually hidden and leaves its ID to the tooltip. The tooltip\n * wrapper uses the class `kol-form-field__tooltip`, which the themes style.\n */\nexport const FieldControlFC: FC<FieldControlFCProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tlabel,\n\t\thint,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\tinfoPopover,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tdisabled,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadOnly,\n\t\trenderNoHint,\n\t\trenderNoTooltip,\n\t\tlabelProps,\n\t\trefInput,\n\t\trefTooltip,\n\t\t...other\n\t} = props;\n\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showTooltip = isFieldControlLabelShownAsTooltip({ hideLabel, label, renderNoTooltip });\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst showMsg = isMsgDefinedAndInputTouched(msg, touched);\n\n\tconst renderInput = (): VNode => (\n\t\t<div class={fieldControlBem('input')} ref={refInput}>\n\t\t\t{children}\n\t\t</div>\n\t);\n\tconst renderTooltip = (): VNode | null =>\n\t\tshowTooltip ? (\n\t\t\t<div class=\"kol-form-field__tooltip\">\n\t\t\t\t<TooltipFC badgeText={badgeText || ''} label={label} align={tooltipAlign} id={createRelatedUniqueId(id, 'label')} refFloating={refTooltip} />\n\t\t\t</div>\n\t\t) : null;\n\tconst renderLabel = (): VNode => (\n\t\t<FormFieldLabelFC\n\t\t\t{...labelProps}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={hideLabel ? 'kol-field-control__label--visually-hidden' : undefined}\n\t\t\tomitId={showTooltip}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t\tinfoPopover={infoPopover}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-field-control\"\n\t\t\tmodifiers={{\n\t\t\t\tdisabled: Boolean(disabled),\n\t\t\t\trequired: Boolean(required),\n\t\t\t\ttouched: Boolean(touched),\n\t\t\t\t'hide-label': Boolean(hideLabel),\n\t\t\t\t'read-only': Boolean(readOnly),\n\t\t\t\t...(showMsg ? { [getMsgType(msg) as 'default' | 'error' | 'info' | 'success' | 'warning']: true } : {}),\n\t\t\t\t'label-align-left': labelAlign === 'left',\n\t\t\t\t'label-align-right': labelAlign === 'right',\n\t\t\t}}\n\t\t\tclass={classNames}\n\t\t\t{...other}\n\t\t>\n\t\t\t{labelAlign === 'left' ? [renderLabel(), renderInput(), renderTooltip()] : [renderInput(), renderTooltip(), renderLabel()]}\n\t\t\t{!renderNoHint && <FormFieldHintFC baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","showExpertSlot","buildBadgeTextString","isMsgDefinedAndInputTouched","h","TooltipFC","createRelatedUniqueId","FormFieldLabelFC","BemRootNodeFC","getMsgType","FormFieldHintFC"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,eAAe,GAAGA,eAAG,CAAC,QAAQ,CAAC,mBAAmB,CAAC;AA+B5C,MAAA,iCAAiC,GAAG,CAAC,EACjD,SAAS,EACT,KAAK,EACL,eAAe,GACuD,KAAc,CAAC,eAAe,IAAI,CAACC,0BAAc,CAAC,KAAK,CAAC,IAAI,SAAS,KAAK;MAUpI,cAAc,GAA4B,CAAC,KAAK,EAAE,QAAQ,KAAI;IAC1E,MAAM,EACL,KAAK,EAAE,UAAU,EACjB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EAEP,GAAA,KAAK,EADL,KAAK,oBACL,KAAK,EAtBH,CAsBL,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAQ;AAET,IAAA,MAAM,aAAa,GAAGA,0BAAc,CAAC,KAAK,CAAC;AAC3C,IAAA,MAAM,WAAW,GAAG,iCAAiC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC;IAC5F,MAAM,SAAS,GAAGC,gCAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAM,OAAO,GAAGC,+BAA2B,CAAC,GAAG,EAAE,OAAO,CAAC;IAEzD,MAAM,WAAW,GAAG,OACnBC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,QAAQ,EACjD,EAAA,QAAQ,CACJ,CACN;IACD,MAAM,aAAa,GAAG,MACrB,WAAW,IACVA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnCA,OAAA,CAACC,qBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAEC,+BAAqB,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACxI,IACH,IAAI;AACT,IAAA,MAAM,WAAW,GAAG,OACnBF,OAAA,CAACG,oBAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACZ,UAAU,EAAA,EACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAC,mBAAmB,EACjC,KAAK,EAAE,SAAS,GAAG,2CAA2C,GAAG,SAAS,EAC1E,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACvB,CAAA,CAAA,CACF;AAED,IAAA,QACCH,OAAC,CAAAI,uBAAa,EACb,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,GAAC,OAAO,GAAG,EAAE,CAACC,cAAU,CAAC,GAAG,CAAyD,GAAG,IAAI,EAAE,GAAG,EAAE,EACtG,EAAA,EAAA,kBAAkB,EAAE,UAAU,KAAK,MAAM,EACzC,mBAAmB,EAAE,UAAU,KAAK,OAAO,EAAA,CAAA,EAE5C,KAAK,EAAE,UAAU,IACb,KAAK,CAAA,EAER,UAAU,KAAK,MAAM,GAAG,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,CAAC,EACzH,CAAC,YAAY,IAAIL,OAAA,CAACM,mBAAe,EAAC,EAAA,aAAa,EAAC,mBAAmB,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA,CAC5E;AAElB;;;;;"}

package/dist/cjs/{group-7951SxEA.js → group-VoBXFtaB.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
-var index = require('./index-DO9lYEcH.js');
+var index = require('./index-Dv7OF9AY.js');
 var blockBem = require('./block-bem-D7PDS6kC.js');
-var dev_utils = require('./dev.utils-BoFqqn8Y.js');
-var api = require('./api-CGIOreYK.js');
+var dev_utils = require('./dev.utils-BVqwixuA.js');
+var api = require('./api-C2rTkOz2.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 
 const hasClearButtonProp = baseWebComponent.createPropDefinition('hasClearButton', true, baseWebComponent.normalizeBoolean);
@@ -159,6 +159,6 @@ exports.CustomSuggestionsOptionFC = CustomSuggestionsOptionFC;
 exports.CustomSuggestionsOptionsGroupFC = CustomSuggestionsOptionsGroupFC;
 exports.ListboxGroupFC = ListboxGroupFC;
 exports.hasClearButtonProp = hasClearButtonProp;
-//# sourceMappingURL=group-7951SxEA.js.map
+//# sourceMappingURL=group-VoBXFtaB.js.map
 
-//# sourceMappingURL=group-7951SxEA.js.map
+//# sourceMappingURL=group-VoBXFtaB.js.map

package/dist/cjs/{group-7951SxEA.js.map → group-VoBXFtaB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"group-7951SxEA.js","sources":["src/internal/props/has-clear-button.ts","src/internal/functional-components/form-field/custom-suggestions.tsx","src/internal/functional-components/listbox/base-web-component.tsx","src/internal/functional-components/listbox/group.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Clear button prop of `kol-combobox` and `kol-single-select`\n *\n * Description:\n * Shows a button that clears the value while the field has one.\n */\nexport type HasClearButtonProp = SimpleProp<'hasClearButton', boolean>;\nexport const hasClearButtonProp = createPropDefinition<HasClearButtonProp>('hasClearButton', true, normalizeBoolean);\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../../schema';\nimport { getBlockBem } from '../bem-root-node/block-bem';\n\nconst optionsGroupBem = getBlockBem('kol-custom-suggestions-options-group');\nconst optionBem = getBlockBem('kol-custom-suggestions-option');\n\nexport type CustomSuggestionsOptionsGroupFCProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\t/** Hides the mouse cursor while the keyboard moves through the options. */\n\tblockSuggestionMouseOver: boolean;\n};\n\nexport type CustomSuggestionsOptionFCProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\t/** Unique per field, because the input references the focused option with `aria-activedescendant`. */\n\tid: string;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\t/** Marked in the option text, case-insensitive. */\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\n/** Listbox of the custom suggestions of `kol-combobox` and `kol-single-select`; `hidden` closes it. */\nexport const CustomSuggestionsOptionsGroupFC: FC<CustomSuggestionsOptionsGroupFCProps> = (\n\t{ blockSuggestionMouseOver, onKeyDown, style, hidden, id },\n\tchildren,\n) => (\n\t<ul\n\t\tid={id}\n\t\trole=\"listbox\"\n\t\tstyle={style}\n\t\tclass={optionsGroupBem({ 'cursor-hidden': blockSuggestionMouseOver, open: !hidden })}\n\t\thidden={hidden}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t{children}\n\t</ul>\n);\n\nconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\tif (!searchTerm?.trim()) return text;\n\n\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\tconst parts = text.split(regex);\n\n\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n};\n\n/**\n * One option of the custom suggestions. It is focusable (`tabIndex=-1`), so the keyboard moves the\n * real focus into the list.\n */\nexport const CustomSuggestionsOptionFC: FC<CustomSuggestionsOptionFCProps> = ({\n\tdisabled,\n\tid,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => (\n\t<li\n\t\tid={id}\n\t\tkey={`-${index}`}\n\t\tref={ref}\n\t\tdata-index={index}\n\t\ttabIndex={-1}\n\t\trole=\"option\"\n\t\taria-selected={selected ? 'true' : undefined}\n\t\taria-disabled={disabled ? 'true' : undefined}\n\t\tonClick={onClick}\n\t\tonMouseOver={onMouseOver}\n\t\tonFocus={onFocus}\n\t\tclass={optionBem({ disabled: Boolean(disabled) })}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t</li>\n);\n","import { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport type { CtaRef } from '../../../utils/element-interaction';\nimport type { FormFieldBaseApi } from '../form-field/api';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\n\n/**\n * Shared orchestrator implementation of the fields with a custom listbox, `kol-combobox` and\n * `kol-single-select`: the open state, the focused option, the keyboard navigation and the clear\n * button state.\n *\n * The keyboard moves the real focus onto the options (`<li tabIndex=-1>`). Where the two fields\n * differ, the concrete element implements the hooks: how the focus moves, which options are first\n * and last, and what Enter, NumpadEnter and Space do. The concrete element keeps what Stencil has to\n * see in the component class itself (DD16), including the `@Listen` handlers, which delegate here.\n */\nexport abstract class BaseListboxWebComponent<Api extends FormFieldBaseApi> extends BaseFormFieldWebComponent<Api> {\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract isOpen: boolean;\n\t/** Hides the mouse cursor and ignores hovering while the keyboard moves through the options; declared with `@State()`. */\n\tpublic abstract blockSuggestionMouseOver: boolean;\n\n\tprotected abstract readonly ctaRef: CtaRef<HTMLInputElement>;\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract id: string;\n\n\t/** Index of the focused option, `-1` for none. */\n\tprotected focusedIndex = -1;\n\t/** Whether the clear button has the focus, so Enter and Space clear the value. */\n\tprotected clearButtonFocused = false;\n\tprotected optionRefs: HTMLLIElement[] = [];\n\n\t/** Number of the options in the listbox. */\n\tprotected abstract getOptionCount(): number;\n\n\t/** Moves the focus by `delta` options; `searchStep` is the direction to skip disabled options in. */\n\tprotected abstract moveFocus(delta: number, searchStep?: number): void;\n\tprotected abstract focusFirstOption(): void;\n\tprotected abstract focusLastOption(): void;\n\t/** Enter, NumpadEnter and Space. */\n\tprotected abstract handleConfirmKey(event: KeyboardEvent): void;\n\n\t/** ID of the option at `index`, unique per field. */\n\tprotected getOptionId(index: number): string {\n\t\treturn createRelatedUniqueId(this.id, `option-${index}`);\n\t}\n\n\t/** Value of `aria-activedescendant` on the input: the focused option of the open list. */\n\tprotected getActiveDescendant(): string | undefined {\n\t\treturn this.isOpen && this.focusedIndex >= 0 ? this.getOptionId(this.focusedIndex) : undefined;\n\t}\n\n\tprotected focusOption(index: number): void {\n\t\tthis.focusedIndex = index;\n\t\tthis.optionRefs[index]?.focus();\n\t}\n\n\t/** Moves the focus and wraps around at both ends. */\n\tprotected moveFocusWrapping(delta: number): void {\n\t\tlet index = this.focusedIndex + delta;\n\t\tconst count = this.getOptionCount();\n\t\tif (index >= count) {\n\t\t\tindex = 0;\n\t\t}\n\t\tif (index < 0) {\n\t\t\tindex = count - 1;\n\t\t}\n\t\tthis.focusOption(index);\n\t}\n\n\t/**\n\t * Moves the focus, wraps around at both ends and skips disabled options in the direction of\n\t * `searchStep`. Without an enabled option the focus stays.\n\t */\n\tprotected moveFocusSkippingDisabled(delta: number, searchStep: number, isDisabled: (index: number) => boolean): void {\n\t\tconst count = this.getOptionCount();\n\t\tlet index = this.focusedIndex + delta;\n\n\t\tfor (let iteration = 0; iteration < count; iteration++) {\n\t\t\tif (index >= count) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t\tif (index < 0) {\n\t\t\t\tindex = count - 1;\n\t\t\t}\n\t\t\tif (!isDisabled(index)) {\n\t\t\t\tthis.focusOption(index);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tindex += searchStep;\n\t\t}\n\t}\n\n\t/** Prevents the default action, sets the open state (closing focuses the input) and runs `callback`. */\n\tprotected handleListboxEvent(event: KeyboardEvent, isOpen?: boolean, callback?: () => void): void {\n\t\tevent.preventDefault();\n\t\tif (isOpen !== undefined) {\n\t\t\tthis.isOpen = isOpen;\n\t\t\tif (!isOpen) {\n\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t}\n\t\t}\n\t\tcallback?.();\n\t}\n\n\t/** Keyboard navigation of the listbox, registered by the concrete element with `@Listen('keydown')`. */\n\tprotected handleListboxKeyDown(event: KeyboardEvent): void {\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tconst wasOpen = this.isOpen;\n\t\t\t\tthis.handleListboxEvent(event, true, () => (wasOpen ? this.moveFocus(-1, -1) : this.focusLastOption()));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase ' ':\n\t\t\tcase 'Enter':\n\t\t\tcase 'NumpadEnter':\n\t\t\t\tthis.handleConfirmKey(event);\n\t\t\t\tbreak;\n\t\t\tcase 'Home':\n\t\t\t\t// With a closed list, Home and End move the caret of the input.\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusFirstOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'End':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusLastOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'PageUp':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\tcase 'PageDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(10, -1));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t/** Mouse movement ends the keyboard mode of the listbox; registered with `@Listen('mousemove')`. */\n\tprotected handleListboxMouseMove(): void {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprotected readonly handleClearButtonFocus = (): void => {\n\t\tthis.clearButtonFocused = true;\n\t};\n\n\tprotected readonly handleClearButtonBlur = (): void => {\n\t\tthis.clearButtonFocused = false;\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\n\nconst GROUP_CLASSES = {\n\t'kol-combobox': bem.forBlock('kol-combobox')('group'),\n\t'kol-single-select': bem.forBlock('kol-single-select')('group'),\n} as const;\n\nexport type ListboxGroupFCProps = {\n\t/** Block of the listbox field the group belongs to. */\n\tblock: keyof typeof GROUP_CLASSES;\n};\n\n/** Groups the input of a listbox field with its clear button and its toggle. */\nexport const ListboxGroupFC: FC<ListboxGroupFCProps> = ({ block }, children) => <div class={GROUP_CLASSES[block]}>{children}</div>;\n"],"names":["createPropDefinition","normalizeBoolean","getBlockBem","h","index","BaseFormFieldWebComponent","createRelatedUniqueId","bem"],"mappings":"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"}
+{"version":3,"file":"group-VoBXFtaB.js","sources":["src/internal/props/has-clear-button.ts","src/internal/functional-components/form-field/custom-suggestions.tsx","src/internal/functional-components/listbox/base-web-component.tsx","src/internal/functional-components/listbox/group.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeBoolean } from './helpers/normalizers';\n\n/**\n * Clear button prop of `kol-combobox` and `kol-single-select`\n *\n * Description:\n * Shows a button that clears the value while the field has one.\n */\nexport type HasClearButtonProp = SimpleProp<'hasClearButton', boolean>;\nexport const hasClearButtonProp = createPropDefinition<HasClearButtonProp>('hasClearButton', true, normalizeBoolean);\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../../schema';\nimport { getBlockBem } from '../bem-root-node/block-bem';\n\nconst optionsGroupBem = getBlockBem('kol-custom-suggestions-options-group');\nconst optionBem = getBlockBem('kol-custom-suggestions-option');\n\nexport type CustomSuggestionsOptionsGroupFCProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\t/** Hides the mouse cursor while the keyboard moves through the options. */\n\tblockSuggestionMouseOver: boolean;\n};\n\nexport type CustomSuggestionsOptionFCProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\t/** Unique per field, because the input references the focused option with `aria-activedescendant`. */\n\tid: string;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\t/** Marked in the option text, case-insensitive. */\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\n/** Listbox of the custom suggestions of `kol-combobox` and `kol-single-select`; `hidden` closes it. */\nexport const CustomSuggestionsOptionsGroupFC: FC<CustomSuggestionsOptionsGroupFCProps> = (\n\t{ blockSuggestionMouseOver, onKeyDown, style, hidden, id },\n\tchildren,\n) => (\n\t<ul\n\t\tid={id}\n\t\trole=\"listbox\"\n\t\tstyle={style}\n\t\tclass={optionsGroupBem({ 'cursor-hidden': blockSuggestionMouseOver, open: !hidden })}\n\t\thidden={hidden}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t{children}\n\t</ul>\n);\n\nconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\tif (!searchTerm?.trim()) return text;\n\n\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\tconst parts = text.split(regex);\n\n\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n};\n\n/**\n * One option of the custom suggestions. It is focusable (`tabIndex=-1`), so the keyboard moves the\n * real focus into the list.\n */\nexport const CustomSuggestionsOptionFC: FC<CustomSuggestionsOptionFCProps> = ({\n\tdisabled,\n\tid,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => (\n\t<li\n\t\tid={id}\n\t\tkey={`-${index}`}\n\t\tref={ref}\n\t\tdata-index={index}\n\t\ttabIndex={-1}\n\t\trole=\"option\"\n\t\taria-selected={selected ? 'true' : undefined}\n\t\taria-disabled={disabled ? 'true' : undefined}\n\t\tonClick={onClick}\n\t\tonMouseOver={onMouseOver}\n\t\tonFocus={onFocus}\n\t\tclass={optionBem({ disabled: Boolean(disabled) })}\n\t\tonKeyDown={onKeyDown}\n\t>\n\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t</li>\n);\n","import { createRelatedUniqueId } from '../../../utils/dev.utils';\nimport type { CtaRef } from '../../../utils/element-interaction';\nimport type { FormFieldBaseApi } from '../form-field/api';\nimport { BaseFormFieldWebComponent } from '../form-field/base-web-component';\n\n/**\n * Shared orchestrator implementation of the fields with a custom listbox, `kol-combobox` and\n * `kol-single-select`: the open state, the focused option, the keyboard navigation and the clear\n * button state.\n *\n * The keyboard moves the real focus onto the options (`<li tabIndex=-1>`). Where the two fields\n * differ, the concrete element implements the hooks: how the focus moves, which options are first\n * and last, and what Enter, NumpadEnter and Space do. The concrete element keeps what Stencil has to\n * see in the component class itself (DD16), including the `@Listen` handlers, which delegate here.\n */\nexport abstract class BaseListboxWebComponent<Api extends FormFieldBaseApi> extends BaseFormFieldWebComponent<Api> {\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract isOpen: boolean;\n\t/** Hides the mouse cursor and ignores hovering while the keyboard moves through the options; declared with `@State()`. */\n\tpublic abstract blockSuggestionMouseOver: boolean;\n\n\tprotected abstract readonly ctaRef: CtaRef<HTMLInputElement>;\n\t/** Declared with `@State()` by the concrete class. */\n\tpublic abstract id: string;\n\n\t/** Index of the focused option, `-1` for none. */\n\tprotected focusedIndex = -1;\n\t/** Whether the clear button has the focus, so Enter and Space clear the value. */\n\tprotected clearButtonFocused = false;\n\tprotected optionRefs: HTMLLIElement[] = [];\n\n\t/** Number of the options in the listbox. */\n\tprotected abstract getOptionCount(): number;\n\n\t/** Moves the focus by `delta` options; `searchStep` is the direction to skip disabled options in. */\n\tprotected abstract moveFocus(delta: number, searchStep?: number): void;\n\tprotected abstract focusFirstOption(): void;\n\tprotected abstract focusLastOption(): void;\n\t/** Enter, NumpadEnter and Space. */\n\tprotected abstract handleConfirmKey(event: KeyboardEvent): void;\n\n\t/** ID of the option at `index`, unique per field. */\n\tprotected getOptionId(index: number): string {\n\t\treturn createRelatedUniqueId(this.id, `option-${index}`);\n\t}\n\n\t/** Value of `aria-activedescendant` on the input: the focused option of the open list. */\n\tprotected getActiveDescendant(): string | undefined {\n\t\treturn this.isOpen && this.focusedIndex >= 0 ? this.getOptionId(this.focusedIndex) : undefined;\n\t}\n\n\tprotected focusOption(index: number): void {\n\t\tthis.focusedIndex = index;\n\t\tthis.optionRefs[index]?.focus();\n\t}\n\n\t/** Moves the focus and wraps around at both ends. */\n\tprotected moveFocusWrapping(delta: number): void {\n\t\tlet index = this.focusedIndex + delta;\n\t\tconst count = this.getOptionCount();\n\t\tif (index >= count) {\n\t\t\tindex = 0;\n\t\t}\n\t\tif (index < 0) {\n\t\t\tindex = count - 1;\n\t\t}\n\t\tthis.focusOption(index);\n\t}\n\n\t/**\n\t * Moves the focus, wraps around at both ends and skips disabled options in the direction of\n\t * `searchStep`. Without an enabled option the focus stays.\n\t */\n\tprotected moveFocusSkippingDisabled(delta: number, searchStep: number, isDisabled: (index: number) => boolean): void {\n\t\tconst count = this.getOptionCount();\n\t\tlet index = this.focusedIndex + delta;\n\n\t\tfor (let iteration = 0; iteration < count; iteration++) {\n\t\t\tif (index >= count) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t\tif (index < 0) {\n\t\t\t\tindex = count - 1;\n\t\t\t}\n\t\t\tif (!isDisabled(index)) {\n\t\t\t\tthis.focusOption(index);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tindex += searchStep;\n\t\t}\n\t}\n\n\t/** Prevents the default action, sets the open state (closing focuses the input) and runs `callback`. */\n\tprotected handleListboxEvent(event: KeyboardEvent, isOpen?: boolean, callback?: () => void): void {\n\t\tevent.preventDefault();\n\t\tif (isOpen !== undefined) {\n\t\t\tthis.isOpen = isOpen;\n\t\t\tif (!isOpen) {\n\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t}\n\t\t}\n\t\tcallback?.();\n\t}\n\n\t/** Keyboard navigation of the listbox, registered by the concrete element with `@Listen('keydown')`. */\n\tprotected handleListboxKeyDown(event: KeyboardEvent): void {\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tconst wasOpen = this.isOpen;\n\t\t\t\tthis.handleListboxEvent(event, true, () => (wasOpen ? this.moveFocus(-1, -1) : this.focusLastOption()));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tthis.isOpen = false;\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase ' ':\n\t\t\tcase 'Enter':\n\t\t\tcase 'NumpadEnter':\n\t\t\t\tthis.handleConfirmKey(event);\n\t\t\t\tbreak;\n\t\t\tcase 'Home':\n\t\t\t\t// With a closed list, Home and End move the caret of the input.\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusFirstOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'End':\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.focusLastOption());\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'PageUp':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\tcase 'PageDown':\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\tthis.handleListboxEvent(event, undefined, () => this.isOpen && this.moveFocus(10, -1));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t/** Mouse movement ends the keyboard mode of the listbox; registered with `@Listen('mousemove')`. */\n\tprotected handleListboxMouseMove(): void {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprotected readonly handleClearButtonFocus = (): void => {\n\t\tthis.clearButtonFocused = true;\n\t};\n\n\tprotected readonly handleClearButtonBlur = (): void => {\n\t\tthis.clearButtonFocused = false;\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\n\nconst GROUP_CLASSES = {\n\t'kol-combobox': bem.forBlock('kol-combobox')('group'),\n\t'kol-single-select': bem.forBlock('kol-single-select')('group'),\n} as const;\n\nexport type ListboxGroupFCProps = {\n\t/** Block of the listbox field the group belongs to. */\n\tblock: keyof typeof GROUP_CLASSES;\n};\n\n/** Groups the input of a listbox field with its clear button and its toggle. */\nexport const ListboxGroupFC: FC<ListboxGroupFCProps> = ({ block }, children) => <div class={GROUP_CLASSES[block]}>{children}</div>;\n"],"names":["createPropDefinition","normalizeBoolean","getBlockBem","h","index","BaseFormFieldWebComponent","createRelatedUniqueId","bem"],"mappings":"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"}

package/dist/cjs/{index-DO9lYEcH.js → index-Dv7OF9AY.js}

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'kolibri';
 const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
-const Env = /* kolibri */ {"kolibriVersion":"4.5.0-rc.4"};
+const Env = /* kolibri */ {"kolibriVersion":"4.5.0-rc.5"};
 
 /*
  Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
@@ -2574,6 +2574,6 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setMode = setMode;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-DO9lYEcH.js.map
+//# sourceMappingURL=index-Dv7OF9AY.js.map
 
-//# sourceMappingURL=index-DO9lYEcH.js.map
+//# sourceMappingURL=index-Dv7OF9AY.js.map