@public-ui/components 4.1.4-rc.6 → 4.1.4

package/dist/kolibri/FieldControlStateWrapper-qsQt4MoI.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-Cr4ko_DT.js";import{B as t}from"./variant-quote-DI6q8gPw.js";import{T as i}from"./component-JWUtUo3K.js";import{T as n}from"./controller-Cf3CGZT-.js";import"./common-BqV6Zb30.js";import{b as s,s as r}from"./component-ivdG1YG5.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-Zct_Wau1.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:j,labelAlign:v,renderNoTooltip:C,hint:k,renderNoHint:K,accessKey:B,shortKey:T,msg:L,touched:q,required:O,readonly:P,tooltipAlign:x,tooltipFloatingRef:A,fieldControlInputProps:F,fieldControlLabelProps:w,fieldControlTooltipProps:N,fieldControlHintProps:I}=t,G=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),H=!K,W=!C,$=r(y),R=W&&!$&&j,Z=s(B,T),D=R?u(g):void 0;D?(D.watchAlign(x),D.watchBadgeText(Z||""),D.watchId(`${g}-label`),D.watchLabel(y)):m(g);const E=null==F?void 0:F.ref,S=[l(e,null,l(h,Object.assign({},F,{ref:l=>{null==E||E(l),D&&l&&(D.initContext(l),D.syncListeners(void 0,l,!0))}}),n),R&&l("div",{class:b("kol-form-field__tooltip",null==N?void 0:N.class)},l(i,{badgeText:Z||"",label:y,align:x,id:`${g}-label`,refFloating:null!=A?A:l=>{null==D||D.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(j)}),hasExpertSlot:$,label:y,accessKey:B,shortKey:T}))];"left"===v&&S.reverse();const U={"kol-field-control--disabled":Boolean(_),"kol-field-control--required":Boolean(O),"kol-field-control--touched":Boolean(q),"kol-field-control--hide-label":Boolean(j),"kol-field-control--read-only":Boolean(P),[`kol-field-control--${c(L)}`]:Boolean(f(L,q)),[`kol-field-control--label-align-${v}`]:Boolean(v)};return l("div",Object.assign({class:b("kol-field-control",U,p)},G),S,H&&l(d,Object.assign({},I||{},{baseClassName:"kol-field-control",id:g,hint:k})))};function g(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 j=(e,t)=>{var{state:s}=e,i=o(e,["state"]);return l(v,Object.assign({},g(s),i),t)};export{j as F};

package/dist/kolibri/FormFieldStateWrapper-Zct_Wau1.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-Cr4ko_DT.js";import{B as O}from"./variant-quote-DI6q8gPw.js";import{T as K}from"./component-JWUtUo3K.js";import{T}from"./controller-Cf3CGZT-.js";import{S as w,b as D,s as F}from"./component-ivdG1YG5.js";import{c as S}from"./clsx-COFh-Vc8.js";import{t as $}from"./i18n-BVaUp6qp.js";import{K as P}from"./Alert-C2H3wE4_.js";var M="[object Symbol]";function H(e){return"symbol"==typeof e||j(e)&&x(e)==M}var E=/\s/;function N(e){for(var t=e.length;t--&&E.test(e.charAt(t)););return t}var I=/^\s+/;function q(e){return e?e.slice(0,N(e)+1).replace(I,""):e}var A=NaN,J=/^[-+]0x[0-9a-f]+$/i,U=/^0b[01]+$/i,V=/^0o[0-7]+$/i,W=parseInt;function G(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=q(e);var n=U.test(e);return n||V.test(e)?W(e.slice(2),n?2:8):J.test(e)?A:+e}var R=function(){return B.Date.now()},z="Expected a function",Q=Math.max,Y=Math.min;function Z(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=R();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?Y(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=R(),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=G(t)||0,_(n)&&(d=!!n.leading,r=(h="maxWait"in n)?Q(G(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(R())},v}const X=(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=Z(e=>{a(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){d(this.component,e),c(e,this.component._shortKey)}validateAdjustHeight(e){X(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:D(r,s);return L(t,Object.assign({},u,{class:S(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),L(w,{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:_,counter:b,readOnly:y,touched:x,maxLength:j,ariaDescribedBy:B,showBadge:C,tooltipAlign:w,tooltipFloatingRef:O,formFieldLabelProps:$,formFieldHintProps:T,formFieldTooltipProps:M,formFieldMsgProps:H,formFieldInputProps:E}=e,P=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,N=!i,q=F(f),W=re(u,x),R=D(v,_),V=N&&!q&&p,G=V?be(a):void 0;G?(G.watchAlign(w),G.watchBadgeText(R||""),G.watchId(`${a}-label`),G.watchLabel(f)):ge(a);const J=null==E?void 0:E.ref;let U={"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);U=Object.assign(Object.assign({},U),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${ye({type:e})}`]:!0})}return L(n,Object.assign({class:S("kol-form-field",U,h),"aria-describedby":B},P),I&&L(he,Object.assign({},$||{},{id:a,hasExpertSlot:q,hideLabel:p,label:f,accessKey:v,shortKey:_,readOnly:y,showBadge:C})),L(_e,Object.assign({},E,{ref:e=>{null==J||J(e),G&&e&&(G.initContext(e),G.syncListeners(void 0,e,!0))}}),t,V&&!0===p&&L("div",{class:S("kol-form-field__tooltip",null==M?void 0:M.class)},L(K,{badgeText:R||"",label:f,align:w,id:`${a}-label`,refFloating:null!=O?O:e=>{null==G||G.setTooltipElementRef(e)}}))),b?L(me,Object.assign({id:a},b)):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-gapU3T_x.js

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

package/dist/kolibri/app-globals-CH_nDgw9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as o,h as t,w as r}from"./common-BqV6Zb30.js";import{a}from"./index-Cr4ko_DT.js";var n=()=>{a(o=>{try{o.shadowRoot instanceof ShadowRoot&&t(o,r(o))}catch(o){}return"default"}),import("./devtools-CEVR-nTz.js").then(o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()}).catch(t=>{o.error(t)})};const s=n;export{s as g};

package/dist/kolibri/component-CAUcMKfc.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as s}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-Cr4ko_DT.js";import{b as i}from"./bem-registry-Bux_TllX.js";import{c as r}from"./clsx-COFh-Vc8.js";const e=i.forBlock("kol-icon"),n=e(),l=e("icon"),t=i=>{var{class:e,icons:a,label:t}=i,c=s(i,["class","icons","label"]);const m=(null==t?void 0:t.length)>0;return o("i",Object.assign({},c,{"aria-hidden":m?void 0:"true","aria-label":m?t:void 0,class:r(n,l,a,e),role:m?"img":"presentation"}))};export{t as I};