@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 2.34 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as l,F as e}from"./index-BTX696j0.js";import{c as t}from"./clsx-eK3rPvPS.js";import"./common-BXXICkFX.js";import{b as i,s}from"./reuse-CX4AQDkS.js";import{b as n,K as r,c as a,g as d,i as c}from"./FormFieldStateWrapper-D0MLneaJ.js";const b=(e,s)=>{var{class:i}=e,r=o(e,["class"]);return l("div",Object.assign({class:t("kol-field-control__input",i)},r),s)},f=(f,p)=>{const{class:u,id:h,disabled:g,label:_,hideLabel:m,labelAlign:y,renderNoTooltip:j,hint:k,renderNoHint:K,tooltipAlign:C,accessKey:B,shortKey:P,msg:O,touched:v,required:A,readonly:L,fieldControlInputProps:N,fieldControlLabelProps:q,fieldControlTooltipProps:x,fieldControlHintProps:T}=f,X=o(f,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),F=!K,H=!j,I=s(_),S=H&&!I&&m,D=i(B,P),$=[l(e,null,l(b,Object.assign({},N),p),S&&l(n,Object.assign({},x||{},{id:h,label:_,align:C,badgeText:D}))),l(r,Object.assign({},q||{},{id:h,baseClassName:"kol-field-control",class:t(null==q?void 0:q.class,{"kol-field-control__label--visually-hidden":Boolean(m)}),hasExpertSlot:I,label:_,accessKey:B,shortKey:P}))];"left"===y&&$.reverse();const E={"kol-field-control--disabled":Boolean(g),"kol-field-control--required":Boolean(A),"kol-field-control--touched":Boolean(v),"kol-field-control--hide-label":Boolean(m),"kol-field-control--read-only":Boolean(L),[`kol-field-control--${d(O)}`]:Boolean(c(O,v)),[`kol-field-control--label-align-${y}`]:Boolean(y)};return l("div",Object.assign({class:t("kol-field-control",E,u)},X),$,F&&l(a,Object.assign({},T||{},{baseClassName:"kol-field-control",id:h,hint:k})))};function p(l){const e={id:l._id,disabled:l._disabled,msg:l._msg,hint:l._hint,label:l._label,hideLabel:l._hideLabel,touched:l._touched};return"_required"in l&&(e.required=l._required),"_readOnly"in l&&(e.readonly=l._readOnly),"_labelAlign"in l&&(e.labelAlign=l._labelAlign),"_accessKey"in l&&(e.accessKey=l._accessKey),"_shortKey"in l&&(e.shortKey=l._shortKey),e}const u=(e,s)=>{var{state:i}=e,r=o(e,["state"]);return l(f,Object.assign({},p(i),r),s)};export{u as F};