UNPKG

@public-ui/components

Version:

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

4 lines 2.77 kB
/*! * KoliBri - The accessible HTML-Standard */ import{_ as __rest}from"./Heading-D6_TFw6T.js";import{h,F as Fragment}from"./index-CElQfBOC.js";import{c as clsx}from"./clsx-eK3rPvPS.js";import{k as buildBadgeTextString,l as showExpertSlot}from"./common-7RW_NFNf.js";import{b as FormFieldTooltipFc,K as KolFormFieldLabelFc,d as KolFormFieldHintFc,c as checkHasMsg,a as convertMsgToInternMsg}from"./FormFieldStateWrapper-BlcmQgCr.js";const InputContainer=(e,l)=>{var{class:o}=e,r=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-field-control__input",o)},r),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:r,disabled:t,label:i,hideLabel:s,labelAlign:n,renderNoTooltip:a,hint:d,renderNoHint:c,tooltipAlign:b,accessKey:p,shortKey:g,msg:F,touched:_,required:f,readonly:m,fieldControlInputProps:u,fieldControlLabelProps:C,fieldControlTooltipProps:y,fieldControlHintProps:K}=e,k=__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),x=!c,T=!a,j=checkHasMsg(F,_),B=showExpertSlot(i),P=T&&!B&&s,v=buildBadgeTextString(p,g),O=[h(Fragment,null,h(InputContainer,Object.assign({},u),l),P&&h(FormFieldTooltipFc,Object.assign({},y||{},{id:r,label:i,hideLabel:s,align:b,badgeText:v}))),h(KolFormFieldLabelFc,Object.assign({},C||{},{id:r,baseClassName:"kol-field-control",class:clsx(null==C?void 0:C.class,{"kol-field-control__label--visually-hidden":Boolean(s)}),hasExpertSlot:B,label:i,accessKey:p,shortKey:g}))];"left"===n&&O.reverse();const H={"kol-field-control--disabled":Boolean(t),"kol-field-control--required":Boolean(f),"kol-field-control--touched":Boolean(_),"kol-field-control--hide-label":Boolean(s),"kol-field-control--read-only":Boolean(m),[`kol-field-control--${(null==F?void 0:F.type)||"error"}`]:Boolean(j),[`kol-field-control--label-align-${n}`]:Boolean(n)};return h("div",Object.assign({class:clsx("kol-field-control",H,o)},k),O,x&&h(KolFormFieldHintFc,Object.assign({},K||{},{baseClassName:"kol-field-control",id:r,hint:d})))};function getFieldControlProps(e){const l={id:e._id,disabled:e._disabled,msg:convertMsgToInternMsg(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,r=__rest(e,["state"]);return h(KolFieldControlFc,Object.assign({},getFieldControlProps(o),r),l)};export{FieldControlStateWrapper as F};