@public-ui/components/dist/components/FieldControlStateWrapper.js

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

/*!
 * KoliBri - The accessible HTML-Standard
 */
import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{c as clsx}from"./clsx.js";import"./common.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./reuse.js";import{b as FormFieldTooltipFc,K as KolFormFieldLabelFc,a as getMsgType,i as isMsgDefinedAndInputTouched,c as KolFormFieldHintFc}from"./controller2.js";const InputContainer=(e,l)=>{var{class:o}=e,t=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-field-control__input",o)},t),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:t,disabled:i,label:r,hideLabel:s,labelAlign:n,renderNoTooltip:a,hint:d,renderNoHint:c,tooltipAlign:b,accessKey:p,shortKey:g,msg:u,touched:_,required:f,readonly:F,fieldControlInputProps:m,fieldControlLabelProps:y,fieldControlTooltipProps:K,fieldControlHintProps:C}=e,T=__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),j=!c,k=!a,x=showExpertSlot(r),B=k&&!x&&s,P=buildBadgeTextString(p,g),A=[h(Fragment,null,h(InputContainer,Object.assign({},m),l),B&&h(FormFieldTooltipFc,Object.assign({},K||{},{id:t,label:r,align:b,badgeText:P}))),h(KolFormFieldLabelFc,Object.assign({},y||{},{id:t,baseClassName:"kol-field-control",class:clsx(null==y?void 0:y.class,{"kol-field-control__label--visually-hidden":Boolean(s)}),hasExpertSlot:x,label:r,accessKey:p,shortKey:g}))];"left"===n&&A.reverse();const O={"kol-field-control--disabled":Boolean(i),"kol-field-control--required":Boolean(f),"kol-field-control--touched":Boolean(_),"kol-field-control--hide-label":Boolean(s),"kol-field-control--read-only":Boolean(F),[`kol-field-control--${getMsgType(u)}`]:Boolean(isMsgDefinedAndInputTouched(u,_)),[`kol-field-control--label-align-${n}`]:Boolean(n)};return h("div",Object.assign({class:clsx("kol-field-control",O,o)},T),A,j&&h(KolFormFieldHintFc,Object.assign({},C||{},{baseClassName:"kol-field-control",id:t,hint:d})))};function getFieldControlProps(e){const l={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(l.required=e._required),"_readOnly"in e&&(l.readonly=e._readOnly),"_labelAlign"in e&&(l.labelAlign=e._labelAlign),"_accessKey"in e&&(l.accessKey=e._accessKey),"_shortKey"in e&&(l.shortKey=e._shortKey),l}const FieldControlStateWrapper=(e,l)=>{var{state:o}=e,t=__rest(e,["state"]);return h(KolFieldControlFc,Object.assign({},getFieldControlProps(o),t),l)};export{FieldControlStateWrapper as F};