UNPKG

@public-ui/components

Version:

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

5 lines 3.35 kB
/*! * KoliBri - The accessible HTML-Standard */ import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as l,F as e}from"./index-BQlHOxik.js";import{B as t}from"./variant-quote-y0Z1TRdz.js";import{T as i}from"./component-Dh0cPCxF.js";import{T as n}from"./controller-Bdve6A-Q.js";import"./common-Cx_AGO_M.js";import{b as s,s as r}from"./component-DvjvBJeK.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-BWTMRKXT.js";import{c as p}from"./clsx-COFh-Vc8.js";import{a as b}from"./dev.utils-02Sl9bQo.js";const u=new Map;const m=o=>{const l=u.get(o);if(l){return l}const e=new n(t.stateLess);e.componentWillLoad({label:""});u.set(o,e);return e};const v=o=>{const l=u.get(o);if(l){l.destroy();u.delete(o)}};const h=(e,t)=>{var{class:i}=e,n=o(e,["class"]);return l("div",Object.assign({class:p("kol-field-control__input",i)},n),t)};const j=(t,n)=>{const{class:u,id:j,disabled:g,label:k,hideLabel:y,labelAlign:B,renderNoTooltip:C,hint:_,renderNoHint:K,accessKey:O,shortKey:P,msg:T,touched:F,required:x,readonly:A,tooltipAlign:N,tooltipFloatingRef:q,fieldControlInputProps:H,fieldControlLabelProps:L,fieldControlTooltipProps:Q,fieldControlHintProps:R}=t,M=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]);const S=!K;const w=!C;const D=r(k);const I=w&&!D&&y;const W=s(O,P);const $=b(j,"label");const z=I?m(j):undefined;if(z){z.watchAlign(N);z.watchBadgeText(W||"");z.watchId($);z.watchLabel(k)}else{v(j)}const E=H===null||H===void 0?void 0:H.ref;const G=o=>{E===null||E===void 0?void 0:E(o);if(z&&o){z.initContext(o);z.syncListeners(undefined,o,true)}};const J=[l(e,null,l(h,Object.assign({},H,{ref:G}),n),I&&l("div",{class:p("kol-form-field__tooltip",Q===null||Q===void 0?void 0:Q.class)},l(i,{badgeText:W||"",label:k,align:N,id:$,refFloating:q!==null&&q!==void 0?q:o=>{z===null||z===void 0?void 0:z.setTooltipElementRef(o)}}))),l(a,Object.assign({},L||{},{id:j,baseClassName:"kol-field-control",class:p(L===null||L===void 0?void 0:L.class,{["kol-field-control__label--visually-hidden"]:Boolean(y)}),hasExpertSlot:D,label:k,accessKey:O,shortKey:P}))];if(B==="left"){J.reverse()}const V={["kol-field-control--disabled"]:Boolean(g),["kol-field-control--required"]:Boolean(x),["kol-field-control--touched"]:Boolean(F),["kol-field-control--hide-label"]:Boolean(y),["kol-field-control--read-only"]:Boolean(A),[`kol-field-control--${c(T)}`]:Boolean(f(T,F)),[`kol-field-control--label-align-${B}`]:Boolean(B)};return l("div",Object.assign({class:p("kol-field-control",V,u)},M),J,S&&l(d,Object.assign({},R||{},{baseClassName:"kol-field-control",id:j,hint:_})))};function g(o){const l={id:o._id,disabled:o._disabled,msg:o._msg,hint:o._hint,label:o._label,hideLabel:o._hideLabel,touched:o._touched};if("_required"in o){l.required=o._required}if("_readOnly"in o){l.readonly=o._readOnly}if("_labelAlign"in o){l.labelAlign=o._labelAlign}if("_accessKey"in o){l.accessKey=o._accessKey}if("_shortKey"in o){l.shortKey=o._shortKey}return l}const k=(e,t)=>{var{state:i}=e,n=o(e,["state"]);return l(j,Object.assign({},g(i),n),t)};export{k as F}; //# sourceMappingURL=FieldControlStateWrapper-DF2tVpwY.js.map