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

package/dist/kolibri/CustomSuggestionsOptionsGroup-C0DCbpZw.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-Cle6HB7B.js";import{c as e}from"./clsx-COFh-Vc8.js";const s=({disabled:s,index:n,ref:i,selected:t,onClick:r,onMouseOver:u,onFocus:l,onKeyDown:d,option:c,searchTerm:a})=>{const g=(e,s)=>{if(!(s===null||s===void 0?void 0:s.trim()))return e;const n=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");const i=e.split(n);return i.map(((e,s)=>s%2===1?o("mark",null,e):e))};return o("li",{id:`option-${n}`,key:`-${n}`,ref:i,"data-index":n,tabIndex:-1,role:"option","aria-selected":t?"true":undefined,"aria-disabled":s?"true":undefined,onClick:r,onMouseOver:u,onFocus:l,class:e("kol-custom-suggestions-option",{"kol-custom-suggestions-option--disabled":s}),onKeyDown:d},o("span",null,g(String(c),a||"")))};const n=({blockSuggestionMouseOver:s,onKeyDown:n,style:i,hidden:t,id:r},u)=>o("ul",{id:r,role:"listbox",style:i,class:e("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":s,"kol-custom-suggestions-options-group--open":!t}),hidden:t,onKeyDown:n},u);export{n as C,s as a};
-//# sourceMappingURL=CustomSuggestionsOptionsGroup-C0DCbpZw.js.map

package/dist/kolibri/FieldControlStateWrapper-BYA-EUbJ.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as l,F as e}from"./index-Cle6HB7B.js";import{B as i}from"./base-web-component-D909Fl-Y.js";import{T as t}from"./behavior-Co00uT-D.js";import{T as n}from"./component-BGR8kQ7-.js";import"./common-D-vggmh2.js";import{b as s,s as r}from"./component-D8uE-jGD.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-CgQd1-xm.js";import{c as p}from"./clsx-COFh-Vc8.js";import{a as b}from"./dev.utils-xbtFeGNM.js";const m=new Map;const u=o=>{const l=m.get(o);if(l){return l}const e=new t(i.stateLess);e.componentWillLoad({label:""});m.set(o,e);return e};const v=o=>{const l=m.get(o);if(l){l.destroy();m.delete(o)}};const h=(e,i)=>{var{class:t}=e,n=o(e,["class"]);return l("div",Object.assign({class:p("kol-field-control__input",t)},n),i)};const g=(i,t)=>{const{class:m,id:g,disabled:j,label:k,hideLabel:C,labelAlign:y,renderNoTooltip:B,hint:P,infoPopover:_,renderNoHint:F,accessKey:K,shortKey:O,msg:N,touched:T,required:x,readonly:A,tooltipAlign:D,tooltipFloatingRef:H,fieldControlInputProps:L,fieldControlLabelProps:q,fieldControlTooltipProps:w,fieldControlHintProps:G}=i,Q=o(i,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","infoPopover","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]);const R=!F;const E=!B;const I=r(k);const M=E&&!I&&C;const S=s(K,O);const $=b(g,"label");const V=M?u(g):undefined;if(V){V.watchAlign(D);V.watchBadgeText(S||"");V.watchId($);V.watchLabel(k)}else{v(g)}const W=L===null||L===void 0?void 0:L.ref;const Y=o=>{W===null||W===void 0?void 0:W(o);if(V&&o){V.initContext(o);V.syncListeners(undefined,o,true)}};const z=[l(e,null,l(h,Object.assign({},L,{ref:Y}),t),M&&l("div",{class:p("kol-form-field__tooltip",w===null||w===void 0?void 0:w.class)},l(n,{badgeText:S||"",label:k,align:D,id:$,refFloating:H!==null&&H!==void 0?H:o=>{V===null||V===void 0?void 0:V.setTooltipElementRef(o)}}))),l(a,Object.assign({},q||{},{id:g,baseClassName:"kol-field-control",class:p(q===null||q===void 0?void 0:q.class,{["kol-field-control__label--visually-hidden"]:Boolean(C)}),hasExpertSlot:I,label:k,accessKey:K,shortKey:O,infoPopover:_}))];if(y==="left"){z.reverse()}const J={["kol-field-control--disabled"]:Boolean(j),["kol-field-control--required"]:Boolean(x),["kol-field-control--touched"]:Boolean(T),["kol-field-control--hide-label"]:Boolean(C),["kol-field-control--read-only"]:Boolean(A),[`kol-field-control--${c(N)}`]:Boolean(f(N,T)),[`kol-field-control--label-align-${y}`]:Boolean(y)};return l("div",Object.assign({class:p("kol-field-control",J,m)},Q),z,R&&l(d,Object.assign({},G||{},{baseClassName:"kol-field-control",id:g,hint:P})))};function j(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,i)=>{var{state:t}=e,n=o(e,["state"]);return l(g,Object.assign({},j(t),n),i)};export{k as F};
-//# sourceMappingURL=FieldControlStateWrapper-BYA-EUbJ.js.map

package/dist/kolibri/Input-BFEZcF7E.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as s,F as o}from"./index-Cle6HB7B.js";import"./common-D-vggmh2.js";import{i as a,c as l,g as i}from"./FormFieldStateWrapper-CgQd1-xm.js";import{c as t}from"./clsx-COFh-Vc8.js";import{a as r}from"./dev.utils-xbtFeGNM.js";const d=d=>{const{class:n,msg:u,required:c,disabled:b,touched:m,readonly:p,ariaDescribedBy:g,hideLabel:B,label:j,suggestions:y,value:h}=d,f=e(d,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]);const k={["kol-input--disabled"]:Boolean(b),["kol-input--required"]:Boolean(c),["kol-input--touched"]:Boolean(m),["kol-input--readonly"]:Boolean(p),[`kol-input--${i(u)}`]:a(u,m)};const x=Object.assign(Object.assign({class:t("kol-input",k,n),required:c,disabled:b,readonly:p,type:"text",list:y&&typeof f.id==="string"?r(f.id,"list"):undefined},l({ariaDescribedBy:g,hideLabel:B,label:j})),f);return s(o,null,s("input",Object.assign({},x,{value:h})),y)};export{d as I};
-//# sourceMappingURL=Input-BFEZcF7E.js.map

package/dist/kolibri/component-C0wbBaCr.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as e,n,b as t,d as o,a as r}from"./normalizers-BNeak4hj.js";import{k as s,j as a}from"./common-D-vggmh2.js";import{h as i}from"./href-B7u09W3s.js";import{l}from"./label-with-expert-slot-CU-oeLnm.js";import"./variant-quote-ClYWonZq.js";import{a as c}from"./align-C8fl12z_.js";import{h as d}from"./index-Cle6HB7B.js";import{t as f}from"./i18n-CvFPh0g5.js";import{c as u}from"./variant-class-name-9qZ5egaq.js";import{c as p}from"./clsx-COFh-Vc8.js";import{b as m}from"./bem-registry-3ondDImf.js";import{I as b}from"./component-DzyFeBD2.js";import{S as g}from"./component-D8uE-jGD.js";import{T as h}from"./component-BGR8kQ7-.js";const y=e("accessKey","",n);const k=e("ariaControls","",n);const j=["date","location","page","step","time","true","false"];function x(e){const t=n(e);return j.includes(t)?t:"page"}const v=e("ariaCurrentValue","page",x);const C=e("ariaDescription","",n);function w(e){if(e===true||e==="true"){return"true"}if(e===false||e==="false"){return"false"}return""}const _=e("ariaExpanded","",w);const D=e("ariaOwns","",n);const I=/^[a-zA-Z][a-zA-Z0-9_-]{0,60}$/;const A=e=>typeof e==="string"&&I.test(e);function $(e){return e===""||A(e)}const q=e("customClass","",n,$);const B=e("disabled",false,t);const K=e("download",undefined,n);const L=e("hideLabel",false,t);const z=e("inline",true,t);function E(e){if(typeof e==="object"&&e!==null){return e}throw new Error(`Invalid on callbacks: expected object, got ${typeof e}`)}const O=e("on",{},E);const F=["tab","treeitem"];function T(e){return typeof e==="string"&&F.includes(e)?e:""}const Z=e("role","",T);const G=e("target","",n);const P=e("shortKey","",n);function S(e){if(!e||typeof e==="string"&&e===""){return{}}if(typeof e==="string"){return n(e)}if(typeof e==="object"){return o(e)}throw new Error(`Invalid icons: ${typeof e}`)}function U(e){if(typeof e==="string"){return e.length>0}return typeof e==="object"&&e!==null}const V=e("icons",{},S,U);const W=e("tabIndex",0,r,undefined,{hints:(e,n)=>{if(typeof n==="number"&&n>0){s(`Positive tabIndex values ("${n}") can disrupt the natural tab order. Use 0 for tabbable elements or rely on DOM order.`)}}});function H(e){const t=n(e);if(c.includes(t)){return t}return"right"}const M=e("tooltipAlign","right",H,(e=>c.includes(e)));function N(e){if(Array.isArray(e)){return e}if(typeof e==="string"){return e.split(" ")}return[]}function Q(e){return e.length===0||e.every(A)}const R=e("variant",[],N,Q);const Y={required:[i],optional:[y,k,v,C,_,D,q,B,K,L,V,z,l,O,Z,G,P,W,M,R]};const J=({block:e,modifiers:n,class:t},o)=>{const r=m.forBlock(e);return d("div",{class:p(r(n),t)},o)};const X=e=>{const{accessKey:n,ariaControls:t,ariaCurrent:o,ariaDescription:r,ariaDescriptionId:s,ariaExpanded:i,ariaOwns:l,customClass:c,disabled:m,download:y,handleAnchorClick:k,hideLabel:j,href:x,icons:v,inline:C,label:w,on:_,refAnchor:D,refTooltip:I,role:A,shortKey:$,tabIndex:q,target:B,variant:K,expertSlot:L}=e;const z=f("kol-open-link-in-tab");const E=typeof B==="string"&&B.length>0&&B!=="_self";const O={href:typeof x==="string"&&x.length>0?x:"javascript:void(0);",target:typeof B==="string"&&B.length>0?B:undefined,rel:E?"noopener":undefined,download:typeof y==="string"?y:undefined};if(j===true&&!w){a(`[KolLink] An aria-label must be set when _hide-label is set.`)}const F=r===null||r===void 0?void 0:r.trim();const T=A||undefined;return d(J,{block:"kol-link",class:p({[c]:K.includes("custom")&&c.length>0,[u(K,"link")]:K.length>0}),modifiers:{disabled:m===true,"external-link":E,"hide-label":j===true,inline:C===true,standalone:C===false}},d("a",Object.assign({ref:D},O,{accessKey:n||undefined,"aria-current":o||undefined,"aria-controls":t||undefined,"aria-describedby":F?s:undefined,"aria-disabled":m?"true":undefined,"aria-expanded":i===""?undefined:i,"aria-owns":l||undefined,"aria-label":j&&typeof w==="string"?`${w}${E?` (${z})`:""}`:undefined,"aria-keyshortcuts":$||undefined,class:"kol-link__anchor"},_,{onClick:k,role:T,tabIndex:m?-1:q}),d(g,{class:"kol-link__text",badgeText:n||$,icons:v,hideLabel:j,label:L?"":w||x},d("slot",{name:"expert",slot:"expert"})),E&&d(b,{class:"kol-link__icon",label:j?"":z,icons:"kolicon-link-external","aria-hidden":j})),j===true&&!L&&d("div",{class:"kol-link__tooltip"},d(h,{badgeText:n||$||"",label:typeof w==="string"?w:typeof x==="string"?x:"",refFloating:I})),F&&d("span",{class:"visually-hidden",id:s},F))};export{X as L,y as a,k as b,v as c,C as d,_ as e,B as f,K as g,L as h,z as i,O as j,P as k,Y as l,G as m,D as n,q as o,Z as p,W as q,V as s,M as t,R as v};
-//# sourceMappingURL=component-C0wbBaCr.js.map

package/dist/kolibri/component-D7nT-6lG.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-Cle6HB7B.js";import{b as n}from"./bem-registry-3ondDImf.js";const s=n.forBlock("kol-click-button");const t=s();const l=s("label");const e=({label:n,handleClick:s,refButton:e})=>o("button",{class:t,ref:e,onClick:s,onKeyDown:o=>o.preventDefault()},o("span",{class:l},n));export{e as C};
-//# sourceMappingURL=component-D7nT-6lG.js.map

package/dist/kolibri/component-DzyFeBD2.js

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

package/dist/kolibri/devtools-CN6xORYP.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{W as t,L as o,A as e,D as i,Y as n,Q as l,Z as s,_ as a,$ as r,p as c,a0 as f,N as d,a1 as u}from"./common-D-vggmh2.js";import{i as m,r as p}from"./dev.utils-xbtFeGNM.js";import"./index-Cle6HB7B.js";const v=()=>{let t=i().KoliBri;if(t===undefined){t={};Object.defineProperty(i(),"KoliBri",{value:t,writable:false})}return t};function L(t,e){try{Object.defineProperty(v(),t,{get:function(){return e}})}catch(e){o.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>o.debug(`${t} ${e?"":"not "}activated`);const y=()=>{m();if(t()){p();L("a11yColorContrast",n);L("querySelector",l);L("querySelectorAll",s);L("querySelectorColors",a);L("utils",(function(){return r}));L("parseJson",c);L("stringifyJson",f);h("Development mode",t());h("Experimental mode",d());h("Color contrast analysis",u());setTimeout((()=>{try{const t=e();const o=t===null||t===void 0?void 0:t.body;if(t&&o&&typeof t.createElement==="function"){const e=t.createElement("svg");e.setAttribute("aria-label","KoliBri-DevTools");e.setAttribute("xmlns","http://www.w3.org/2000/svg");e.setAttribute("role","toolbar");e.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;");e.innerHTML=`<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>`;o.appendChild(e)}}catch(t){o.debug(["Could not initialize DevTools UI (likely in SSR/test environment):",t])}}),100);if(u()){const t=setTimeout((()=>{clearTimeout(t);try{const t=e();const o=t===null||t===void 0?void 0:t.body;if(t&&o&&typeof t.createElement==="function"){setInterval((()=>{r.queryHtmlElementColors(t.createElement("div"),n(o),false,false)}),1e4)}}catch(t){o.debug(["Could not initialize color contrast analysis:",t])}}),2500)}}};export{y as initialize};
-//# sourceMappingURL=devtools-CN6xORYP.js.map