@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 2.87 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
;var Heading=require("./Heading-DNsjTrzP.js"),index=require("./index-DxCCX-ts.js"),clsx=require("./clsx-CkZlkaek.js"),common=require("./common-BHv-S8J5.js"),FormFieldStateWrapper=require("./FormFieldStateWrapper-3kG9sQmm.js");const InputContainer=(e,l)=>{var{class:o}=e,r=Heading.__rest(e,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-field-control__input",o)},r),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:r,disabled:i,label:t,hideLabel:n,labelAlign:s,renderNoTooltip:a,hint:d,renderNoHint:c,tooltipAlign:p,accessKey:b,shortKey:g,msg:h,touched:F,required:u,readonly:m,fieldControlInputProps:_,fieldControlLabelProps:x,fieldControlTooltipProps:f,fieldControlHintProps:C}=e,y=Heading.__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),k=!c,K=!a,S=FormFieldStateWrapper.checkHasMsg(h,F),j=common.showExpertSlot(t),H=K&&!j&&n,q=common.buildBadgeTextString(b,g),v=[index.h(index.Fragment,null,index.h(InputContainer,Object.assign({},_),l),H&&index.h(FormFieldStateWrapper.FormFieldTooltipFc,Object.assign({},f||{},{id:r,label:t,hideLabel:n,align:p,badgeText:q}))),index.h(FormFieldStateWrapper.KolFormFieldLabelFc,Object.assign({},x||{},{id:r,baseClassName:"kol-field-control",class:clsx.clsx(null==x?void 0:x.class,{"kol-field-control__label--visually-hidden":Boolean(n)}),hasExpertSlot:j,label:t,accessKey:b,shortKey:g}))];"left"===s&&v.reverse();const P={"kol-field-control--disabled":Boolean(i),"kol-field-control--required":Boolean(u),"kol-field-control--touched":Boolean(F),"kol-field-control--hide-label":Boolean(n),"kol-field-control--read-only":Boolean(m),[`kol-field-control--${(null==h?void 0:h.type)||"error"}`]:Boolean(S),[`kol-field-control--label-align-${s}`]:Boolean(s)};return index.h("div",Object.assign({class:clsx.clsx("kol-field-control",P,o)},y),v,k&&index.h(FormFieldStateWrapper.KolFormFieldHintFc,Object.assign({},C||{},{baseClassName:"kol-field-control",id:r,hint:d})))};function getFieldControlProps(e){const l={id:e._id,disabled:e._disabled,msg:FormFieldStateWrapper.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=Heading.__rest(e,["state"]);return index.h(KolFieldControlFc,Object.assign({},getFieldControlProps(o),r),l)};exports.FieldControlStateWrapper=FieldControlStateWrapper;