@public-ui/components 4.1.4-rc.2 → 4.1.4-rc.3

package/dist/kolibri/FieldControlStateWrapper-DObT7Npv.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as l,F as e}from"./index-CHTqQqxk.js";import{B as t}from"./variant-quote-DI6q8gPw.js";import{T as i}from"./component-C-FsocqK.js";import{T as n}from"./controller-Cf3CGZT-.js";import"./common-BqV6Zb30.js";import{b as s,s as r}from"./component-C8-WC5-k.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-B_uPqK4K.js";import{c as b}from"./clsx-COFh-Vc8.js";const p=new Map,u=l=>{const e=p.get(l);if(e)return e;const o=new n(t.stateLess);return o.componentWillLoad({label:""}),p.set(l,o),o},m=l=>{const e=p.get(l);e&&(e.destroy(),p.delete(l))},h=(e,t)=>{var{class:s}=e,i=o(e,["class"]);return l("div",Object.assign({class:b("kol-field-control__input",s)},i),t)},v=(t,n)=>{const{class:p,id:g,disabled:_,label:y,hideLabel:C,labelAlign:K,renderNoTooltip:j,hint:k,renderNoHint:v,accessKey:q,shortKey:B,msg:T,touched:L,required:P,readonly:x,tooltipAlign:F,tooltipFloatingRef:O,fieldControlInputProps:A,fieldControlLabelProps:w,fieldControlTooltipProps:N,fieldControlHintProps:H}=t,I=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),$=!v,R=!j,W=r(y),E=R&&!W&&C,G=s(q,B),S=E?u(g):void 0;S?(S.watchAlign(F),S.watchBadgeText(G||""),S.watchId(`${g}-label`),S.watchLabel(y)):m(g);const V=null==A?void 0:A.ref,Z=[l(e,null,l(h,Object.assign({},A,{ref:l=>{null==V||V(l),S&&l&&(S.initContext(l),S.syncListeners(void 0,l,!0))}}),n),E&&l("div",{class:b("kol-form-field__tooltip",null==N?void 0:N.class)},l(i,{badgeText:G||"",label:y,align:F,id:`${g}-label`,refFloating:null!=O?O:l=>{null==S||S.setTooltipElementRef(l)}}))),l(a,Object.assign({},w||{},{id:g,baseClassName:"kol-field-control",class:b(null==w?void 0:w.class,{"kol-field-control__label--visually-hidden":Boolean(C)}),hasExpertSlot:W,label:y,accessKey:q,shortKey:B}))];"left"===K&&Z.reverse();const D={"kol-field-control--disabled":Boolean(_),"kol-field-control--required":Boolean(P),"kol-field-control--touched":Boolean(L),"kol-field-control--hide-label":Boolean(C),"kol-field-control--read-only":Boolean(x),[`kol-field-control--${c(T)}`]:Boolean(f(T,L)),[`kol-field-control--label-align-${K}`]:Boolean(K)};return l("div",Object.assign({class:b("kol-field-control",D,p)},I),Z,$&&l(d,Object.assign({},H||{},{baseClassName:"kol-field-control",id:g,hint:k})))};function C(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 g=(e,t)=>{var{state:s}=e,i=o(e,["state"]);return l(v,Object.assign({},C(s),i),t)};export{g as F};

package/dist/kolibri/FormFieldStateWrapper-B_uPqK4K.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{e,g as t,p as i,o as r,b as n,F as o,i as s,s as a,l}from"./common-BqV6Zb30.js";import{v as d,a as c,b as u,c as h}from"./access-and-short-key-D2TiPdWw.js";import{v as f}from"./disabled-BBn2JEzf.js";import{v as m}from"./hide-label-DQL9J6E_.js";import{a as p}from"./label-vxVEH2gH.js";import{v}from"./tooltip-align-DnbCY1Uu.js";import{d as b,K as g}from"./events-DHTi_wtD.js";import{A as y}from"./associated.controller-BKQIR17-.js";import{i as _}from"./_Uint8Array-kJHDjtoP.js";import{i as j,b as x,r as B}from"./isArray-CcrBs4JM.js";import{_ as k}from"./tslib.es6-CxX45GIN.js";import{h as L,F as C}from"./index-CHTqQqxk.js";import{B as O}from"./variant-quote-DI6q8gPw.js";import{T as K}from"./component-C-FsocqK.js";import{T}from"./controller-Cf3CGZT-.js";import{S as F,b as w,s as D}from"./component-C8-WC5-k.js";import{c as S}from"./clsx-COFh-Vc8.js";import{t as $}from"./i18n-BVaUp6qp.js";import{K as P}from"./Alert-CFPLa_5B.js";var M="[object Symbol]";function H(e){return"symbol"==typeof e||j(e)&&x(e)==M}var q=/\s/;function N(e){for(var t=e.length;t--&&q.test(e.charAt(t)););return t}var E=/^\s+/;function I(e){return e?e.slice(0,N(e)+1).replace(E,""):e}var A=NaN,V=/^[-+]0x[0-9a-f]+$/i,W=/^0b[01]+$/i,J=/^0o[0-7]+$/i,Q=parseInt;function R(e){if("number"==typeof e)return e;if(H(e))return A;if(_(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=_(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=I(e);var n=W.test(e);return n||J.test(e)?Q(e.slice(2),n?2:8):V.test(e)?A:+e}var U=function(){return B.Date.now()},z="Expected a function",G=Math.max,Z=Math.min;function X(e,t,n){var o,i,r,s,a,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(z);function m(t){var n=o,r=i;return o=i=void 0,c=t,s=e.apply(r,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=r}function f(){var e=U();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?Z(n,r-(e-c)):n}(e))}function g(e){return a=void 0,u&&o?m(e):(o=i=void 0,s)}function v(){var e=U(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),d?m(e):s}(l);if(h)return clearTimeout(a),a=setTimeout(f,t),m(l)}return void 0===a&&(a=setTimeout(f,t)),s}return t=R(t)||0,_(n)&&(d=!!n.leading,r=(h="maxWait"in n)?G(R(n.maxWait)||0,t):r,u="trailing"in n?!!n.trailing:u),v.cancel=function(){void 0!==a&&clearTimeout(a),c=0,o=l=i=a=void 0},v.flush=function(){return void 0===a?s:g(U())},v}const Y=(t,n)=>{e(t,"_adjustHeight",n)},ee=(t,n,o)=>{e(t,"_hideMsg",n,o)},te=(e,n)=>{t(e,"_hint",n)},ie=(e,t)=>{r(t,()=>{try{t=i(t)}catch(e){}n(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(o(e)&&null!==e){const t=e._description;return s(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function re(e,t){return Boolean(e)&&!0===t}function ne(e){if("string"==typeof e)try{return i(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}function oe(e){var t;return"string"==typeof e?"error":null!==(t=null==e?void 0:e._type)&&void 0!==t?t:"error"}const se=(t,n)=>{e(t,"_touched",n)};class ae extends y{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){se(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class le extends ae{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=X(e=>{a(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){d(this.component,e),c(e,this.component._shortKey)}validateAdjustHeight(e){Y(this.component,e)}validateDisabled(e){f(this.component,e)}validateTooltipAlign(e){v(this.component,e)}validateHideMsg(e){ee(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){m(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&l("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){te(this.component,e)}validateLabel(e){p(this.component,e,{required:!0})}validateMsg(e){ie(this.component,e)}validateOn(e){"object"==typeof e&&a(this.component,"_on",e)}validateShortKey(e){u(this.component,e),c(this.component._accessKey,e)}validateSmartButton(e){r(e,()=>{try{e=i(e)}catch(e){}a(this.component,"_smartButton",e)})}validateTabIndex(e){h(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),c(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&b(this.host,e,t)}onBlur(e){var t;this.component._disabled||(this.component._touched=!0,this.emitEvent(g.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e))}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent(g.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent(g.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(g.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(g.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(g.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}function de({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}const ce=e=>{const t=e._msg,n="string"==typeof t?t:null==t?void 0:t._description,o=oe(t),i=Boolean(n&&n.length>0),r="error"===o&&i&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,a=[];return i&&!e._hideMsg&&a.push(`${e._id}-msg`),!0===s&&a.push(`${e._id}-hint`),e._hasCounter&&a.push(`${e._id}-counter`),!0===r&&a.push(`${e._id}-error`),{hasError:r,hasHint:s,ariaDescribedBy:a}},ue=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,r=k(e,["id","class","hint","baseClassName"]);return o?L("span",Object.assign({class:S(`${i}__hint`,n),id:`${t}-hint`},r),o):null},he=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:r,shortKey:s,label:a,hideLabel:l,hasExpertSlot:c,showBadge:d=!0,readOnly:h}=e,u=k(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const m=!c&&l,p=$("kol-readonly"),f=!1===d?void 0:w(r,s);return L(t,Object.assign({},u,{class:S(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),L(F,{class:`${o}__label-text`,label:c?"":null!=a?a:"",badgeText:f},L("slot",{name:"expert"})),h?L("span",{class:`${o}__label__read-only`,"aria-hidden":"true"},"(",p,")"):null)},fe=({id:e,maxLength:t})=>L("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},$("kol-character-limit-hint",{placeholders:{limit:String(t)}})),me=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o,id:i})=>{let r,s;const a=["kol-form-field__counter"];if("hard"===o)r="number"==typeof n?$("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):$("kol-character-counter-current",{placeholders:{current:String(e)}}),s="number"==typeof n?$("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):$("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,i=o<0,l=n-t,c=l<0;r=i?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),s=c?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&a.push("kol-form-field__counter--exceeded")}}return L(C,null,L("span",{class:S(a),"aria-hidden":"true","data-testid":"input-counter"},r),L("span",{id:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},s))},pe=e=>{var t,n,{alert:o,msg:i,id:r,class:s}=e,a=k(e,["alert","msg","id","class"]);const l=ne(i);return L(P,Object.assign({id:`${r}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:o,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:S("kol-form-field__msg",s)},a),(null==l?void 0:l._description)||void 0)},ve=new Map,be=e=>{const t=ve.get(e);if(t)return t;const n=new T(O.stateLess);return n.componentWillLoad({label:""}),ve.set(e,n),n},ge=e=>{const t=ve.get(e);t&&(t.destroy(),ve.delete(e))};function ye(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const _e=(e,t)=>{var{class:n}=e,o=k(e,["class"]);return L("div",Object.assign({class:S("kol-form-field__input",n)},o),t)},je=(e,t)=>{const{component:n="div",renderNoLabel:o,renderNoTooltip:i,renderNoHint:r,anotherChildren:s,id:a,required:l,alert:c,disabled:d,class:h,msg:u,hideMsg:m,hideLabel:p,label:f,hint:g,accessKey:v,shortKey:b,counter:_,readOnly:y,touched:x,maxLength:j,ariaDescribedBy:B,showBadge:C,tooltipAlign:O,tooltipFloatingRef:$,formFieldLabelProps:F,formFieldHintProps:T,formFieldTooltipProps:M,formFieldMsgProps:H,formFieldInputProps:P}=e,E=k(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","tooltipFloatingRef","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),I=!o,A=!r,q=!i,N=D(f),W=re(u,x),V=w(v,b),R=q&&!N&&p,U=R?be(a):void 0;U?(U.watchAlign(O),U.watchBadgeText(V||""),U.watchId(`${a}-label`),U.watchLabel(f)):ge(a);const J=null==P?void 0:P.ref;let Q={"kol-form-field--disabled":Boolean(d),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(x),"kol-form-field--hide-label":Boolean(p),"kol-form-field--read-only":Boolean(y),"kol-form-field--hidden-msg":Boolean(m)};if(W){const e=oe(u);Q=Object.assign(Object.assign({},Q),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${ye({type:e})}`]:!0})}return L(n,Object.assign({class:S("kol-form-field",Q,h),"aria-describedby":B},E),I&&L(he,Object.assign({},F||{},{id:a,hasExpertSlot:N,hideLabel:p,label:f,accessKey:v,shortKey:b,readOnly:y,showBadge:C})),L(_e,Object.assign({},P,{ref:e=>{null==J||J(e),U&&e&&(U.initContext(e),U.syncListeners(void 0,e,!0))}}),t,R&&!0===p&&L("div",{class:S("kol-form-field__tooltip",null==M?void 0:M.class)},L(K,{badgeText:V||"",label:f,align:O,id:`${a}-label`,refFloating:null!=$?$:e=>{null==U||U.setTooltipElementRef(e)}}))),_?L(me,Object.assign({id:a},_)):null,j?L(fe,{id:a,maxLength:j}):null,W&&!m&&L(pe,Object.assign({},H||{},{id:a,alert:c,msg:u})),A&&L(ue,Object.assign({},T||{},{id:a,hint:g})),s)};function xe(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,showBadge:"_accessKey"in e&&Boolean(e._accessKey)||"_shortKey"in e&&Boolean(e._shortKey)};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const Be=(e,t)=>{var{state:n}=e,o=k(e,["state"]);const{ariaDescribedBy:i}=ce(n),r=("fieldset"===o.component||"_options"in n&&"_orientation"in n)&&i.length>0?i.join(" "):void 0,s=xe(n);return L(je,Object.assign({},s,o,{ariaDescribedBy:r}),t)};export{Be as F,le as I,he as K,ce as a,ue as b,de as c,oe as g,re as i};

package/dist/kolibri/Input-hpBPuL4Y.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-CxX45GIN.js";import{h as s,F as l}from"./index-CHTqQqxk.js";import"./common-BqV6Zb30.js";import{i as o,c as a,g as i}from"./FormFieldStateWrapper-B_uPqK4K.js";import{c as t}from"./clsx-COFh-Vc8.js";const r=r=>{const{class:d,msg:n,required:u,disabled:c,touched:b,readonly:p,ariaDescribedBy:m,hideLabel:g,label:B,suggestions:h,value:j}=r,q=e(r,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),y={"kol-input--disabled":Boolean(c),"kol-input--required":Boolean(u),"kol-input--touched":Boolean(b),"kol-input--readonly":Boolean(p),[`kol-input--${i(n)}`]:o(n,b)},k=Object.assign(Object.assign({class:t("kol-input",y,d),required:u,disabled:c,readonly:p,type:"text",list:h?`${q.id}-list`:void 0},a({ariaDescribedBy:m,hideLabel:g,label:B})),q);return s(l,null,s("input",Object.assign({},k,{value:j})),h)};export{r as I};