@public-ui/components 3.0.5-rc.0 → 3.0.5

package/dist/kolibri/Collapsible-DFegUHMu.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as l,K as o}from"./Heading-BPYmDTUk.js";import{h as i}from"./index-BRWth_lT.js";import{c as e}from"./clsx-eK3rPvPS.js";import{d as s}from"./component-names-CkE54Ym7.js";const d=(a,n)=>{const{id:d,class:c,label:r,level:p=1,disabled:t,open:_,onClick:v,HeadingProps:b={},HeadingButtonProps:m={},ContentProps:u={}}=a,C=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),P=_?"remove":"add";return i("div",Object.assign({id:d,class:e("collapsible",{"collapsible--disabled":!0===t,"collapsible--open":!0===_},c)},C),i(o,{ref:null==b?void 0:b.ref,level:p,class:e("collapsible__heading",null==b?void 0:b.class)},i(s,{class:e("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${d}-control`,_ariaExpanded:_,_disabled:t,_icons:(null==m?void 0:m._icons)||`codicon codicon-${P}`,_label:r,_on:{onClick:v}})),i("div",{class:e("collapsible__wrapper",null==u?void 0:u.wrapperClass)},i("div",{class:e("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},i("div",{"aria-hidden":!1===_?"true":void 0,class:e("collapsible__content",null==u?void 0:u.class),id:`${d}-control`},n))))};export{d as K};

package/dist/kolibri/FieldControlStateWrapper-DlhKEQYv.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./Heading-BPYmDTUk.js";import{h as l,F as e}from"./index-BRWth_lT.js";import{c as i}from"./clsx-eK3rPvPS.js";import"./common-zXZUsQ7l.js";import{b as t,s as n}from"./reuse-CX4AQDkS.js";import{b as s,K as r,d as a,c as d,a as c}from"./FormFieldStateWrapper-CGvaBC47.js";const b=(e,s)=>{var{class:a}=e,r=o(e,["class"]);return l("div",Object.assign({class:i("kol-field-control__input",a)},r),s)},f=(c,p)=>{const{class:f,id:h,disabled:u,label:_,hideLabel:g,labelAlign:m,renderNoTooltip:y,hint:k,renderNoHint:K,tooltipAlign:j,accessKey:C,shortKey:B,msg:P,touched:v,required:O,readonly:A,fieldControlInputProps:L,fieldControlLabelProps:T,fieldControlTooltipProps:q,fieldControlHintProps:N}=c,x=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=!y,S=d(P,v),D=n(_),I=F&&!D&&g,Q=t(C,B),U=[l(e,null,l(b,Object.assign({},L),p),I&&l(s,Object.assign({},q||{},{id:h,label:_,hideLabel:g,align:j,badgeText:Q}))),l(r,Object.assign({},T||{},{id:h,baseClassName:"kol-field-control",class:i(null==T?void 0:T.class,{"kol-field-control__label--visually-hidden":Boolean(g)}),hasExpertSlot:D,label:_,accessKey:C,shortKey:B}))];"left"===m&&U.reverse();const W={"kol-field-control--disabled":Boolean(u),"kol-field-control--required":Boolean(O),"kol-field-control--touched":Boolean(v),"kol-field-control--hide-label":Boolean(g),"kol-field-control--read-only":Boolean(A),[`kol-field-control--${(null==P?void 0:P.type)||"error"}`]:Boolean(S),[`kol-field-control--label-align-${m}`]:Boolean(m)};return l("div",Object.assign({class:i("kol-field-control",W,f)},x),U,H&&l(a,Object.assign({},N||{},{baseClassName:"kol-field-control",id:h,hint:k})))};function p(l){const e={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),"_accessKey"in l&&(e.accessKey=l._accessKey),"_shortKey"in l&&(e.shortKey=l._shortKey),e}const u=(e,s)=>{var{state:i}=e,a=o(e,["state"]);return l(f,Object.assign({},p(i),a),s)};export{u as F};

package/dist/kolibri/FormFieldStateWrapper-CGvaBC47.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{d as e,e as t,o as i,p as r,w as n,G as s,g as o,j as a,s as l,t as d}from"./common-zXZUsQ7l.js";import{v as c,a as u,b as h,c as f}from"./access-and-short-key-CBDgF26-.js";import{v as m}from"./disabled-oePQqAfy.js";import{v as p}from"./hide-label-BmYpplzr.js";import{a as b}from"./label-DGzuU0HV.js";import{v as g}from"./tooltip-align-CmSyNCv5.js";import{d as v,K as y}from"./events-CoPFQEiC.js";import{A as j}from"./associated.controller-BVXWSO2G.js";import{a as x,c as _,i as L,r as k}from"./isObject-DvSELytj.js";import{_ as C}from"./Heading-BPYmDTUk.js";import{h as S,F as B}from"./index-BRWth_lT.js";import{c as K}from"./clsx-eK3rPvPS.js";import{K as O}from"./Alert-C9KodDn-.js";import{i as T,K as P}from"./InternalUnderlinedBadgeText-Cx9AyLre.js";import{b as F,s as M}from"./reuse-CX4AQDkS.js";import{t as $}from"./i18n-C7ZsbK5l.js";import{a as D}from"./component-names-CkE54Ym7.js";const E=(t,n)=>{e(t,"_adjustHeight",n)},w=(t,n,i)=>{e(t,"_hideMsg",n,i)},H=(e,n)=>{t(e,"_hint",n)};function A(e){return Object.entries(e).reduce((e,[t,n])=>{const i=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},e),{[i]:n})},{})}const N=(e,t)=>{i(t,()=>{try{t=r(t)}catch(e){}n(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(s(e)&&null!==e){return o(e._description,1)}return!1},new Set(["MsgPropType","string"]),t)})};function I(e){if(e)return"string"==typeof e?{description:e,type:"error"}:A(e)}function q(e,t){return!!e&&(!0===t||"error"!==(null==e?void 0:e.type))}const W=(t,n)=>{e(t,"_touched",n)},z=e=>{var{alert:t,msg:n,hideMsg:i,id:o,class:s}=e,r=C(e,["alert","msg","hideMsg","id","class"]);return S(O,Object.assign({id:`${o}-msg`,alert:t,type:"error",class:K("kol-form-field__msg",{"visually-hidden":!0===i},s)},n,r,{"aria-hidden":"true"}),(null==n?void 0:n.description)||void 0)};var Q="[object Symbol]";function U(e){return"symbol"==typeof e||x(e)&&_(e)==Q}var G=/\s/;function V(e){for(var t=e.length;t--&&G.test(e.charAt(t)););return t}var X=/^\s+/;function Y(e){return e?e.slice(0,V(e)+1).replace(X,""):e}var Z=NaN,R=/^[-+]0x[0-9a-f]+$/i,J=/^0b[01]+$/i,ee=/^0o[0-7]+$/i,te=parseInt;function ie(e){if("number"==typeof e)return e;if(U(e))return Z;if(L(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=L(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Y(e);var n=J.test(e);return n||ee.test(e)?te(e.slice(2),n?2:8):R.test(e)?Z:+e}var re=function(){return k.Date.now()},ne="Expected a function",se=Math.max,oe=Math.min;function ae(e,t,n){var i,o,s,r,a,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(ne);function m(t){var n=i,s=o;return i=o=void 0,c=t,r=e.apply(s,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=s}function f(){var e=re();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?oe(n,s-(e-c)):n}(e))}function g(e){return a=void 0,u&&i?m(e):(i=o=void 0,r)}function b(){var e=re(),n=p(e);if(i=arguments,o=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),d?m(e):r}(l);if(h)return clearTimeout(a),a=setTimeout(f,t),m(l)}return void 0===a&&(a=setTimeout(f,t)),r}return t=ie(t)||0,L(n)&&(d=!!n.leading,s=(h="maxWait"in n)?se(ie(n.maxWait)||0,t):s,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==a&&clearTimeout(a),c=0,i=l=o=a=void 0},b.flush=function(){return void 0===a?r:g(re())},b}const le=({hasExpertSlot:e,accessKey:t,shortKey:n,label:i,showBadge:o=!0})=>{if(e)return S("slot",{name:"expert"});if(!i)return null;const s=T(t)||T(n);if(!o||!s)return S("span",null,i);const r=F(t,n);return S(B,null,S(P,{badgeText:r,label:i})," ",S("kbd",{class:"badge-text-hint","aria-hidden":"true"},r))},de=e=>{var{component:t="label",id:n,baseClassName:i="kol-form-field",class:o,accessKey:s,shortKey:r,label:a,hideLabel:l,hasExpertSlot:c,showBadge:d}=e,h=C(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const u=!c&&l;return S(t,Object.assign({},h,{class:K(`${i}__label`,o),id:u?void 0:`${n}-label`,hidden:u,htmlFor:n}),S("span",{class:K(`${i}__label-text`)},S(le,{hasExpertSlot:c,accessKey:s,shortKey:r,label:a,showBadge:d})))},ce=e=>{var{id:t,class:n,hint:i,baseClassName:o="kol-form-field"}=e,s=C(e,["id","class","hint","baseClassName"]);return i?S("span",Object.assign({class:K(`${o}__hint`,n),id:`${t}-hint`},s),i):null},ue=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:i})=>{let o,s;const r=["kol-form-field__counter"];if("hard"===i)o="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 i=n-e,a=i<0,l=n-t,c=l<0;o=a?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(i))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(i)}}),s=c?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),a&&r.push("kol-form-field__counter--exceeded")}}return S(B,null,S("span",{class:K(r),"aria-hidden":"true","data-testid":"input-counter"},o),S("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},s))},he=({id:e,maxLength:t})=>S("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},$("kol-character-limit-hint",{placeholders:{limit:String(t)}})),fe=({id:e,align:t,badgeText:n,hideLabel:i,label:o,class:s})=>S(D,{"aria-hidden":"true",class:K("kol-form-field__tooltip",s),_badgeText:n,_align:t,_id:i?`${e}-label`:void 0,_label:o});function me(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 pe=(e,t)=>{var{class:n}=e,i=C(e,["class"]);return S("div",Object.assign({class:K("kol-form-field__input",n)},i),t)},be=(e,t)=>{const{component:n="div",renderNoLabel:i,renderNoTooltip:o,renderNoHint:s,anotherChildren:r,id:a,required:l,alert:c,disabled:d,class:h,msg:u,hideMsg:m,hideLabel:p,label:f,hint:g,accessKey:b,shortKey:v,tooltipAlign:_,counter:y,readOnly:L,touched:x,maxLength:j,formFieldLabelProps:k,formFieldHintProps:B,formFieldTooltipProps:O,formFieldMsgProps:T,formFieldInputProps:$}=e,E=C(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),P=!i,D=!s,I=!o,H=M(f),A=q(u,x),w=F(b,v),N=I&&!H&&p;let W={"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(L),"kol-form-field--hidden-msg":Boolean(m)};return A&&(W=Object.assign(Object.assign({},W),{[`kol-form-field--${(null==u?void 0:u.type)||"error"}`]:!0,[`kol-form-field--${me(u)}`]:!0})),S(n,Object.assign({class:K("kol-form-field",W,h)},E),P&&S(de,Object.assign({},k||{},{id:a,hasExpertSlot:H,hideLabel:p,label:f,accessKey:b,shortKey:v})),S(pe,Object.assign({},$),t,N&&S(fe,Object.assign({},O||{},{id:a,label:f,hideLabel:p,align:_,badgeText:w}))),y?S(ue,Object.assign({},y)):null,j?S(he,{id:a,maxLength:j}):null,A&&S(z,Object.assign({},T||{},{id:a,alert:c,msg:u,hideMsg:m})),D&&S(ce,Object.assign({},B||{},{id:a,hint:g})),r)};function ge({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}}class ve extends j{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){W(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class ye extends ve{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)},this.updateCurrentLengthDebounced=ae(e=>{l(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){c(this.component,e),u(e,this.component._shortKey)}validateAdjustHeight(e){E(this.component,e)}validateDisabled(e){m(this.component,e)}validateTooltipAlign(e){g(this.component,e)}validateHideMsg(e){w(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&d("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){p(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&d("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){H(this.component,e)}validateId(e){t(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||a("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){b(this.component,e,{required:!0})}validateMsg(e){N(this.component,e)}validateOn(e){"object"==typeof e&&l(this.component,"_on",e)}validateShortKey(e){h(this.component,e),u(this.component._accessKey,e)}validateSmartButton(e){i(e,()=>{try{e=r(e)}catch(e){}l(this.component,"_smartButton",e)})}validateTabIndex(e){f(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.validateId(this.component._id),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),u(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&v(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(y.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(y.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 i;void 0===n&&(n=e.target.value),this.emitEvent(y.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(y.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(y.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(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}}const je=e=>{const t=I(e._msg),n=Boolean((null==t?void 0:t.description)&&t.description.length>0),i="error"===(null==t?void 0:t.type)&&n&&!0===e._touched,o="string"==typeof e._hint&&e._hint.length>0,s=[];return n&&s.push(`${e._id}-msg`),o&&s.push(`${e._id}-hint`),{hasError:i,hasHint:o,ariaDescribedBy:s}};function xe(e){const t={id:e._id,disabled:e._disabled,msg:I(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};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 _e=(e,t)=>{var{state:n}=e,i=C(e,["state"]);return S(be,Object.assign({},xe(n),i),t)};export{_e as F,ye as I,de as K,I as a,fe as b,q as c,ce as d,ge as e,je as g};

package/dist/kolibri/Icon-CPJLro7v.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as s}from"./index-BRWth_lT.js";import{e as o}from"./component-names-CkE54Ym7.js";const l=l=>{const{class:n,style:e,icons:t,label:c,onClick:a}=l;return s(o,{class:n,style:e,onClick:a,_icons:t,_label:c})};export{l as K};

package/dist/kolibri/Input-DjC4bpJ5.js

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