UNPKG

@public-ui/components

Version:

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

4 lines 2.31 kB
/*! * KoliBri - The accessible HTML-Standard */ import{_ as o}from"./tslib.es6-1173d062.js";import{h as l,F as e}from"./index-136f59ac.js";import{c as t}from"./clsx-09a06a12.js";import{l as i,B as s}from"./index-88dea7b1.js";import{b as n,K as a,d as r,c as d,a as c}from"./getRenderStates-dba2a9a8.js";const b=(e,s)=>{var{class:a}=e,i=o(e,["class"]);return l("div",Object.assign({class:t("kol-field-control__input",a)},i),s)},f=(c,f)=>{const{class:p,id:u,disabled:h,label:g,hideLabel:_,labelAlign:y,renderNoTooltip:m,hint:j,renderNoHint:k,tooltipAlign:K,accessKey:C,shortKey:B,msg:O,touched:v,required:P,readonly:A,fieldControlInputProps:L,fieldControlLabelProps:q,fieldControlTooltipProps:x,fieldControlHintProps:N}=c,T=o(c,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),H=!k,F=!m,I=d(O,v),S=i(g),$=F&&!S&&_,E=s(C,B),R=[l(e,null,l(b,Object.assign({},L),f),$&&l(n,Object.assign({},x||{},{id:u,label:g,hideLabel:_,align:K,badgeText:E}))),l(a,Object.assign({},q||{},{id:u,baseClassName:"kol-field-control",class:t(null==q?void 0:q.class,{"kol-field-control__label--visually-hidden":Boolean(_)}),hasExpertSlot:S,label:g,accessKey:C,shortKey:B}))];"left"===y&&R.reverse();const w={"kol-field-control--disabled":Boolean(h),"kol-field-control--required":Boolean(P),"kol-field-control--touched":Boolean(v),"kol-field-control--hide-label":Boolean(_),"kol-field-control--read-only":Boolean(A),[`kol-field-control--${(null==O?void 0:O.type)||"error"}`]:Boolean(I),[`kol-field-control--label-align-${y}`]:Boolean(y)};return l("div",Object.assign({class:t("kol-field-control",w,p)},T),R,H&&l(r,Object.assign({},N||{},{baseClassName:"kol-field-control",id:u,hint:j})))};function p(l){const e={accessKey:l._accessKey,shortKey:l._shortKey,id:l._id,disabled:l._disabled,msg:c(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),e}const u=(e,s)=>{var{state:a}=e,i=o(e,["state"]);return l(f,Object.assign({},p(a),i),s)};export{u as F};