@public-ui/components 3.0.0-rc.3 → 3.0.0-rc.5

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

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{n as o,b as t}from"./index-da3e0c00.js";import{a as e}from"./index-2ae1c631.js";import{L as s}from"./dev.utils-fab45cbc.js";e((e=>{try{e.shadowRoot instanceof ShadowRoot&&o(e,t(e))}catch(o){}return"default"})),import("./devtools-3e25ecfe.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{s.error(o)}));const c=()=>{},a=c,f=a;export{f as g};

package/dist/kolibri/component-names-a18a51c8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+let l="kol-abbr",t="kol-accordion",e="kol-alert",o="kol-alert-wc",k="kol-avatar",a="kol-avatar-wc",s="kol-badge",i="kol-breadcrumb",n="kol-button-link",r="kol-button",c="kol-button-wc",p="kol-card",b="kol-combobox",u="kol-details",d="kol-drawer",w="kol-form",m="kol-heading",g="kol-icon",v="kol-image",x="kol-input-checkbox",f="kol-input-color",h="kol-input-date",q="kol-input-email",j="kol-input-file",K="kol-input-number",y="kol-input-password",z="kol-input-radio",A="kol-input-range",B="kol-input",C="kol-input-text",D="kol-kolibri",E="kol-link-button",F="kol-link",G="kol-link-wc",H="kol-modal",I="kol-nav",J="kol-pagination",L="kol-popover-wc",M="kol-progress",N="kol-quote",O="kol-select",P="kol-single-select",Q="kol-skip-nav",R="kol-spin",S="kol-split-button",T="kol-table-stateful",U="kol-table-stateless",V="kol-table-stateless-wc",W="kol-tabs",X="kol-textarea",Y="kol-toast-container",Z="kol-tooltip-wc",$="kol-tree-item",_="kol-tree-item-wc",ll="kol-tree",tl="kol-tree-wc",el="kol-version";const ol=ol=>{l=ol(l),t=ol(t),e=ol(e),o=ol(o),k=ol(k),a=ol(a),s=ol(s),i=ol(i),n=ol(n),r=ol(r),c=ol(c),p=ol(p),b=ol(b),u=ol(u),d=ol(d),w=ol(w),m=ol(m),g=ol(g),v=ol(v),x=ol(x),f=ol(f),h=ol(h),q=ol(q),j=ol(j),K=ol(K),y=ol(y),z=ol(z),A=ol(A),B=ol(B),C=ol(C),D=ol(D),E=ol(E),F=ol(F),G=ol(G),H=ol(H),I=ol(I),J=ol(J),L=ol(L),M=ol(M),N=ol(N),O=ol(O),P=ol(P),Q=ol(Q),R=ol(R),S=ol(S),T=ol(T),U=ol(U),V=ol(V),W=ol(W),X=ol(X),Y=ol(Y),ol(Z),Z=ol(Z),$=ol($),_=ol(_),ll=ol(ll),tl=ol(tl),el=ol(el)};export{Y as K,c as a,o as b,a as c,g as d,F as e,G as f,Z as g,w as h,r as i,O as j,L as k,V as l,J as m,tl as n,_ as o,s as p,ll as q,$ as r,ol as s};

package/dist/kolibri/component-names-a18a51c8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KolAbbrTag","KolAccordionTag","KolAlertTag","KolAlertWcTag","KolAvatarTag","KolAvatarWcTag","KolBadgeTag","KolBreadcrumbTag","KolButtonLinkTag","KolButtonTag","KolButtonWcTag","KolCardTag","KolComboboxTag","KolDetailsTag","KolDrawerTag","KolFormTag","KolHeadingTag","KolIconTag","KolImageTag","KolInputCheckboxTag","KolInputColorTag","KolInputDateTag","KolInputEmailTag","KolInputFileTag","KolInputNumberTag","KolInputPasswordTag","KolInputRadioTag","KolInputRangeTag","KolInputTag","KolInputTextTag","KolKolibriTag","KolLinkButtonTag","KolLinkTag","KolLinkWcTag","KolModalTag","KolNavTag","KolPaginationTag","KolPopoverWcTag","KolProgressTag","KolQuoteTag","KolSelectTag","KolSingleSelectTag","KolSkipNavTag","KolSpinTag","KolSplitButtonTag","KolTableStatefulTag","KolTableStatelessTag","KolTableStatelessWcTag","KolTabsTag","KolTextareaTag","KolToastContainerTag","KolTooltipWcTag","KolTreeItemTag","KolTreeItemWcTag","KolTreeTag","KolTreeWcTag","KolVersionTag","setCustomTagNames","transformTagName"],"sources":["src/core/component-names.ts"],"sourcesContent":["export let KolAbbrTag = 'kol-abbr' as const;\nexport let KolAccordionTag = 'kol-accordion' as const;\nexport let KolAlertTag = 'kol-alert' as const;\nexport let KolAlertWcTag = 'kol-alert-wc' as const;\nexport let KolAvatarTag = 'kol-avatar' as const;\nexport let KolAvatarWcTag = 'kol-avatar-wc' as const;\nexport let KolBadgeTag = 'kol-badge' as const;\nexport let KolBreadcrumbTag = 'kol-breadcrumb' as const;\nexport let KolButtonLinkTag = 'kol-button-link' as const;\nexport let KolButtonTag = 'kol-button' as const;\nexport let KolButtonWcTag = 'kol-button-wc' as const;\nexport let KolCardTag = 'kol-card' as const;\nexport let KolComboboxTag = 'kol-combobox' as const;\nexport let KolDetailsTag = 'kol-details' as const;\nexport let KolDrawerTag = 'kol-drawer' as const;\nexport let KolFormTag = 'kol-form' as const;\nexport let KolHeadingTag = 'kol-heading' as const;\nexport let KolIconTag = 'kol-icon' as const;\nexport let KolImageTag = 'kol-image' as const;\nexport let KolInputCheckboxTag = 'kol-input-checkbox' as const;\nexport let KolInputColorTag = 'kol-input-color' as const;\nexport let KolInputDateTag = 'kol-input-date' as const;\nexport let KolInputEmailTag = 'kol-input-email' as const;\nexport let KolInputFileTag = 'kol-input-file' as const;\nexport let KolInputNumberTag = 'kol-input-number' as const;\nexport let KolInputPasswordTag = 'kol-input-password' as const;\nexport let KolInputRadioTag = 'kol-input-radio' as const;\nexport let KolInputRangeTag = 'kol-input-range' as const;\nexport let KolInputTag = 'kol-input' as const;\nexport let KolInputTextTag = 'kol-input-text' as const;\nexport let KolKolibriTag = 'kol-kolibri' as const;\nexport let KolLinkButtonTag = 'kol-link-button' as const;\nexport let KolLinkTag = 'kol-link' as const;\nexport let KolLinkWcTag = 'kol-link-wc' as const;\nexport let KolModalTag = 'kol-modal' as const;\nexport let KolNavTag = 'kol-nav' as const;\nexport let KolPaginationTag = 'kol-pagination' as const;\nexport let KolPopoverWcTag = 'kol-popover-wc' as const;\nexport let KolProgressTag = 'kol-progress' as const;\nexport let KolQuoteTag = 'kol-quote' as const;\nexport let KolSelectTag = 'kol-select' as const;\nexport let KolSingleSelectTag = 'kol-single-select' as const;\nexport let KolSkipNavTag = 'kol-skip-nav' as const;\nexport let KolSpinTag = 'kol-spin' as const;\nexport let KolSplitButtonTag = 'kol-split-button' as const;\nexport let KolTableStatefulTag = 'kol-table-stateful';\nexport let KolTableStatelessTag = 'kol-table-stateless' as const;\nexport let KolTableStatelessWcTag = 'kol-table-stateless-wc' as const;\nexport let KolTabsTag = 'kol-tabs' as const;\nexport let KolTextareaTag = 'kol-textarea' as const;\nexport let KolToastContainerTag = 'kol-toast-container' as const;\nexport let KolToolbarTag = 'kol-toolbar' as const;\nexport let KolTooltipWcTag = 'kol-tooltip-wc' as const;\nexport let KolTreeItemTag = 'kol-tree-item' as const;\nexport let KolTreeItemWcTag = 'kol-tree-item-wc' as const;\nexport let KolTreeTag = 'kol-tree' as const;\nexport let KolTreeWcTag = 'kol-tree-wc' as const;\nexport let KolVersionTag = 'kol-version' as const;\n\nexport const setCustomTagNames = (transformTagName: (tagName: string) => string) => {\n\tKolAbbrTag = transformTagName(KolAbbrTag as string) as 'kol-abbr';\n\tKolAccordionTag = transformTagName(KolAccordionTag as string) as 'kol-accordion';\n\tKolAlertTag = transformTagName(KolAlertTag as string) as 'kol-alert';\n\tKolAlertWcTag = transformTagName(KolAlertWcTag as string) as 'kol-alert-wc';\n\tKolAvatarTag = transformTagName(KolAvatarTag as string) as 'kol-avatar';\n\tKolAvatarWcTag = transformTagName(KolAvatarWcTag as string) as 'kol-avatar-wc';\n\tKolBadgeTag = transformTagName(KolBadgeTag as string) as 'kol-badge';\n\tKolBreadcrumbTag = transformTagName(KolBreadcrumbTag as string) as 'kol-breadcrumb';\n\tKolButtonLinkTag = transformTagName(KolButtonLinkTag as string) as 'kol-button-link';\n\tKolButtonTag = transformTagName(KolButtonTag as string) as 'kol-button';\n\tKolButtonWcTag = transformTagName(KolButtonWcTag as string) as 'kol-button-wc';\n\tKolCardTag = transformTagName(KolCardTag as string) as 'kol-card';\n\tKolComboboxTag = transformTagName(KolComboboxTag as string) as 'kol-combobox';\n\tKolDetailsTag = transformTagName(KolDetailsTag as string) as 'kol-details';\n\tKolDrawerTag = transformTagName(KolDrawerTag as string) as 'kol-drawer';\n\tKolFormTag = transformTagName(KolFormTag as string) as 'kol-form';\n\tKolHeadingTag = transformTagName(KolHeadingTag as string) as 'kol-heading';\n\tKolIconTag = transformTagName(KolIconTag as string) as 'kol-icon';\n\tKolImageTag = transformTagName(KolImageTag as string) as 'kol-image';\n\tKolInputCheckboxTag = transformTagName(KolInputCheckboxTag as string) as 'kol-input-checkbox';\n\tKolInputColorTag = transformTagName(KolInputColorTag as string) as 'kol-input-color';\n\tKolInputDateTag = transformTagName(KolInputDateTag as string) as 'kol-input-date';\n\tKolInputEmailTag = transformTagName(KolInputEmailTag as string) as 'kol-input-email';\n\tKolInputFileTag = transformTagName(KolInputFileTag as string) as 'kol-input-file';\n\tKolInputNumberTag = transformTagName(KolInputNumberTag as string) as 'kol-input-number';\n\tKolInputPasswordTag = transformTagName(KolInputPasswordTag as string) as 'kol-input-password';\n\tKolInputRadioTag = transformTagName(KolInputRadioTag as string) as 'kol-input-radio';\n\tKolInputRangeTag = transformTagName(KolInputRangeTag as string) as 'kol-input-range';\n\tKolInputTag = transformTagName(KolInputTag as string) as 'kol-input';\n\tKolInputTextTag = transformTagName(KolInputTextTag as string) as 'kol-input-text';\n\tKolKolibriTag = transformTagName(KolKolibriTag as string) as 'kol-kolibri';\n\tKolLinkButtonTag = transformTagName(KolLinkButtonTag as string) as 'kol-link-button';\n\tKolLinkTag = transformTagName(KolLinkTag as string) as 'kol-link';\n\tKolLinkWcTag = transformTagName(KolLinkWcTag as string) as 'kol-link-wc';\n\tKolModalTag = transformTagName(KolModalTag as string) as 'kol-modal';\n\tKolNavTag = transformTagName(KolNavTag as string) as 'kol-nav';\n\tKolPaginationTag = transformTagName(KolPaginationTag as string) as 'kol-pagination';\n\tKolPopoverWcTag = transformTagName(KolPopoverWcTag as string) as 'kol-popover-wc';\n\tKolProgressTag = transformTagName(KolProgressTag as string) as 'kol-progress';\n\tKolQuoteTag = transformTagName(KolQuoteTag as string) as 'kol-quote';\n\tKolSelectTag = transformTagName(KolSelectTag as string) as 'kol-select';\n\tKolSingleSelectTag = transformTagName(KolSingleSelectTag as string) as 'kol-single-select';\n\tKolSkipNavTag = transformTagName(KolSkipNavTag as string) as 'kol-skip-nav';\n\tKolSpinTag = transformTagName(KolSpinTag as string) as 'kol-spin';\n\tKolSplitButtonTag = transformTagName(KolSplitButtonTag as string) as 'kol-split-button';\n\tKolTableStatefulTag = transformTagName(KolTableStatefulTag) as 'kol-table-stateful';\n\tKolTableStatelessTag = transformTagName(KolTableStatelessTag as string) as 'kol-table-stateless';\n\tKolTableStatelessWcTag = transformTagName(KolTableStatelessWcTag as string) as 'kol-table-stateless-wc';\n\tKolTabsTag = transformTagName(KolTabsTag as string) as 'kol-tabs';\n\tKolTextareaTag = transformTagName(KolTextareaTag as string) as 'kol-textarea';\n\tKolToastContainerTag = transformTagName(KolToastContainerTag as string) as 'kol-toast-container';\n\tKolToolbarTag = transformTagName(KolTooltipWcTag as string) as 'kol-toolbar';\n\tKolTooltipWcTag = transformTagName(KolTooltipWcTag as string) as 'kol-tooltip-wc';\n\tKolTreeItemTag = transformTagName(KolTreeItemTag as string) as 'kol-tree-item';\n\tKolTreeItemWcTag = transformTagName(KolTreeItemWcTag as string) as 'kol-tree-item-wc';\n\tKolTreeTag = transformTagName(KolTreeTag as string) as 'kol-tree';\n\tKolTreeWcTag = transformTagName(KolTreeWcTag as string) as 'kol-tree-wc';\n\tKolVersionTag = transformTagName(KolVersionTag as string) as 'kol-version';\n};\n"],"mappings":";;;AAAO,IAAIA,EAAa,WACjB,IAAIC,EAAkB,gBACtB,IAAIC,EAAc,Y,IACdC,EAAgB,eACpB,IAAIC,EAAe,a,IACfC,EAAiB,gB,IACjBC,EAAc,YAClB,IAAIC,EAAmB,iBACvB,IAAIC,EAAmB,kB,IACnBC,EAAe,a,IACfC,EAAiB,gBACrB,IAAIC,EAAa,WACjB,IAAIC,EAAiB,eACrB,IAAIC,EAAgB,cACpB,IAAIC,EAAe,a,IACfC,EAAa,WACjB,IAAIC,EAAgB,c,IAChBC,EAAa,WACjB,IAAIC,EAAc,YAClB,IAAIC,EAAsB,qBAC1B,IAAIC,EAAmB,kBACvB,IAAIC,EAAkB,iBACtB,IAAIC,EAAmB,kBACvB,IAAIC,EAAkB,iBACtB,IAAIC,EAAoB,mBACxB,IAAIC,EAAsB,qBAC1B,IAAIC,EAAmB,kBACvB,IAAIC,EAAmB,kBACvB,IAAIC,EAAc,YAClB,IAAIC,EAAkB,iBACtB,IAAIC,EAAgB,cACpB,IAAIC,EAAmB,kB,IACnBC,EAAa,W,IACbC,EAAe,cACnB,IAAIC,EAAc,YAClB,IAAIC,EAAY,U,IACZC,EAAmB,iB,IACnBC,EAAkB,iBACtB,IAAIC,EAAiB,eACrB,IAAIC,EAAc,Y,IACdC,EAAe,aACnB,IAAIC,EAAqB,oBACzB,IAAIC,EAAgB,eACpB,IAAIC,EAAa,WACjB,IAAIC,EAAoB,mBACxB,IAAIC,EAAsB,qBAC1B,IAAIC,EAAuB,sB,IACvBC,EAAyB,yBAC7B,IAAIC,EAAa,WACjB,IAAIC,EAAiB,e,IACjBC,EAAuB,sB,IAEvBC,EAAkB,iB,IAClBC,EAAiB,gB,IACjBC,EAAmB,mB,IACnBC,GAAa,W,IACbC,GAAe,cACnB,IAAIC,GAAgB,c,MAEdC,GAAqBC,KACjC1D,EAAa0D,GAAiB1D,GAC9BC,EAAkByD,GAAiBzD,GACnCC,EAAcwD,GAAiBxD,GAC/BC,EAAgBuD,GAAiBvD,GACjCC,EAAesD,GAAiBtD,GAChCC,EAAiBqD,GAAiBrD,GAClCC,EAAcoD,GAAiBpD,GAC/BC,EAAmBmD,GAAiBnD,GACpCC,EAAmBkD,GAAiBlD,GACpCC,EAAeiD,GAAiBjD,GAChCC,EAAiBgD,GAAiBhD,GAClCC,EAAa+C,GAAiB/C,GAC9BC,EAAiB8C,GAAiB9C,GAClCC,EAAgB6C,GAAiB7C,GACjCC,EAAe4C,GAAiB5C,GAChCC,EAAa2C,GAAiB3C,GAC9BC,EAAgB0C,GAAiB1C,GACjCC,EAAayC,GAAiBzC,GAC9BC,EAAcwC,GAAiBxC,GAC/BC,EAAsBuC,GAAiBvC,GACvCC,EAAmBsC,GAAiBtC,GACpCC,EAAkBqC,GAAiBrC,GACnCC,EAAmBoC,GAAiBpC,GACpCC,EAAkBmC,GAAiBnC,GACnCC,EAAoBkC,GAAiBlC,GACrCC,EAAsBiC,GAAiBjC,GACvCC,EAAmBgC,GAAiBhC,GACpCC,EAAmB+B,GAAiB/B,GACpCC,EAAc8B,GAAiB9B,GAC/BC,EAAkB6B,GAAiB7B,GACnCC,EAAgB4B,GAAiB5B,GACjCC,EAAmB2B,GAAiB3B,GACpCC,EAAa0B,GAAiB1B,GAC9BC,EAAeyB,GAAiBzB,GAChCC,EAAcwB,GAAiBxB,GAC/BC,EAAYuB,GAAiBvB,GAC7BC,EAAmBsB,GAAiBtB,GACpCC,EAAkBqB,GAAiBrB,GACnCC,EAAiBoB,GAAiBpB,GAClCC,EAAcmB,GAAiBnB,GAC/BC,EAAekB,GAAiBlB,GAChCC,EAAqBiB,GAAiBjB,GACtCC,EAAgBgB,GAAiBhB,GACjCC,EAAae,GAAiBf,GAC9BC,EAAoBc,GAAiBd,GACrCC,EAAsBa,GAAiBb,GACvCC,EAAuBY,GAAiBZ,GACxCC,EAAyBW,GAAiBX,GAC1CC,EAAaU,GAAiBV,GAC9BC,EAAiBS,GAAiBT,GAClCC,EAAuBQ,GAAiBR,GACxBQ,GAAiBP,GACjCA,EAAkBO,GAAiBP,GACnCC,EAAiBM,GAAiBN,GAClCC,EAAmBK,GAAiBL,GACpCC,GAAaI,GAAiBJ,IAC9BC,GAAeG,GAAiBH,IAChCC,GAAgBE,GAAiBF,GAAyC,S","ignoreList":[]}

package/dist/kolibri/{controller-e3f702f2.js → controller-002a86ad.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as e}from"./component-names-50e16b86.js";import{q as o,K as t,j as n}from"./prop.validators-9feb1d92.js";import{a as i,L as s}from"./dev.utils-fab45cbc.js";const f=t=>{for(i()&&(n("↓ Search form element start."),s.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==e.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(e){}i()&&(s.debug(t),n("↑ Search form element finished."))}return t},a=(n={})=>{var a,s;const i=f(n.form);if(i instanceof HTMLElement){const n=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)o(n,i),i.dispatchEvent(n);else if(i.tagName===e.toUpperCase()){o(n,t.querySelector("form",i));const e=i;"function"==typeof(null===(a=e._on)||void 0===a?void 0:a.onReset)&&(null===(s=e._on)||void 0===s||s.onReset(n))}}},l=(a={})=>{const s=f(a.form);if(s instanceof HTMLElement){const a=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:s});if("FORM"===s.tagName)i()&&!1===s.noValidate&&n("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof s.requestSubmit?s.requestSubmit():(o(a,s),s.dispatchEvent(a))}));else if(s.tagName===e.toUpperCase()){o(a,t.querySelector("form",s));const e=s;setTimeout((()=>{var t,o;"function"==typeof(null===(t=e._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=e._on)||void 0===o||o.onSubmit(a))}))}}};export{a,l as p};
+import{h as e}from"./component-names-a18a51c8.js";import{q as o,K as t,j as n}from"./prop.validators-9feb1d92.js";import{a as i,L as s}from"./dev.utils-fab45cbc.js";const f=t=>{for(i()&&(n("↓ Search form element start."),s.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==e.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(e){}i()&&(s.debug(t),n("↑ Search form element finished."))}return t},a=(n={})=>{var a,s;const i=f(n.form);if(i instanceof HTMLElement){const n=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)o(n,i),i.dispatchEvent(n);else if(i.tagName===e.toUpperCase()){o(n,t.querySelector("form",i));const e=i;"function"==typeof(null===(a=e._on)||void 0===a?void 0:a.onReset)&&(null===(s=e._on)||void 0===s||s.onReset(n))}}},l=(a={})=>{const s=f(a.form);if(s instanceof HTMLElement){const a=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:s});if("FORM"===s.tagName)i()&&!1===s.noValidate&&n("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof s.requestSubmit?s.requestSubmit():(o(a,s),s.dispatchEvent(a))}));else if(s.tagName===e.toUpperCase()){o(a,t.querySelector("form",s));const e=s;setTimeout((()=>{var t,o;"function"==typeof(null===(t=e._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=e._on)||void 0===o||o.onSubmit(a))}))}}};export{a,l as p};

package/dist/kolibri/controller-4f1cd593.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{I as t}from"./getRenderStates-d2dc42b2.js";import{a as s,g as e,b as i,w as a,m as r,s as o}from"./prop.validators-9feb1d92.js";import{b as n,c as f}from"./label-d0315384.js";const l=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===n(t.label,3)&&!1===f(t.label)&&s(`A differing Aria-Label (${t.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===l(t)));if("number"==typeof t.label)return!0}return!1},h=(t,o,a={})=>{e(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),o,void 0,a)},c=(t,o,a={})=>{e(t,"_options",l,o,void 0,a)},u=(t,e)=>{i(t,"_required",e)},d=["horizontal","vertical"],p=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?p(t,e.options,i):t.set(i,e))}))};class b extends t{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){u(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class y extends b{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(o)&&o.length>0&&(this.keyOptionMap.clear(),p(this.keyOptionMap,o))},this.component=t}validateOrientation(t){a(this.component,"_orientation",(t=>"string"==typeof t&&d.includes(t)),new Set([`Orientation {${d.join(", ")}`]),t,{defaultValue:"vertical"})}validateOptions(t){h(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=r(t),t=Array.isArray(t)?t[0]:t,o(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{b as I,y as a,h as b,p as f,c as v};

package/dist/kolibri/{controller-fae9f200.js.map → controller-4f1cd593.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateInputSelectOptions","option","label","length","disabled","trim","hasEnoughReadableChars","containsOnlyNumbers","a11yHint","Array","isArray","options","find","item","undefined","validateOptions","component","value","watchJsonArrayString","validateOptionsWithOptgroup","validateRequired","watchBoolean","orientationOptions","fillKeyOptionMap","keyOptionMap","preKey","forEach","index","key","set","InputCheckboxRadioController","InputController","constructor","name","host","super","this","componentWillLoad","_required","InputRadioController","Map","getOptionByKey","get","afterPatchOptions","_state","_component","setFormAssociatedValue","beforePatchOptions","_value","nextState","has","state","_options","clear","validateOrientation","watchValidator","includes","Set","join","defaultValue","hooks","afterPatch","beforePatch","validateValue","mapString2Unknown","setState","_orientation"],"sources":["src/schema/validators/options.ts","src/schema/props/options.ts","src/schema/props/required.ts","src/schema/types/orientation.ts","src/components/input-radio/controller.ts"],"sourcesContent":["import { containsOnlyNumbers, hasEnoughReadableChars } from '../props';\nimport { a11yHint } from '../utils';\n\nimport type { Optgroup, SelectOption } from '../types';\nexport const validateInputSelectOptions = <T>(option: SelectOption<T>): boolean => {\n\tif (typeof option === 'object' && option !== null) {\n\t\tif (typeof option.label === 'string' && option.label.length > 0) {\n\t\t\toption.disabled = option.disabled === true;\n\t\t\toption.label = `${option.label}`.trim();\n\t\t\tif (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {\n\t\t\t\ta11yHint(`A differing Aria-Label (${option.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`);\n\t\t\t}\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\treturn (\n\t\t\t\t\t(option as Optgroup<T>).options.find((item) => {\n\t\t\t\t\t\treturn validateInputSelectOptions(item) === false;\n\t\t\t\t\t}) === undefined\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn true;\n\t\t} else if (typeof option.label === 'number') {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { RadioOption, Optgroup, Option, StencilUnknown } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { watchJsonArrayString } from '../utils';\nimport { validateInputSelectOptions } from '../validators';\n\n/* types */\n\nexport type OptionsPropType = Stringified<Option<StencilUnknown>[]>;\nexport type OptionsWithOptgroupPropType = Stringified<(Option<StencilUnknown> | Optgroup<StencilUnknown>)[]>;\nexport type RadioOptionsPropType = Stringified<RadioOption<StencilUnknown>[]>;\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptions = {\n\toptions: OptionsPropType;\n};\n\nexport type PropRadioOptions = {\n\toptions: RadioOptionsPropType;\n};\n\n/**\n * Options the user can choose from, also supporting Optgroup.\n */\nexport type PropOptionsWithOptgroup = {\n\toptions: OptionsWithOptgroupPropType;\n};\n\n/* validators */\n\nexport const validateOptions = (component: Generic.Element.Component, value: OptionsPropType | undefined, options: WatchOptions = {}): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_options',\n\t\t(item: Option<StencilUnknown>) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0,\n\t\tvalue,\n\t\tundefined,\n\t\toptions,\n\t);\n};\n\nexport const validateOptionsWithOptgroup = (\n\tcomponent: Generic.Element.Component,\n\tvalue: OptionsWithOptgroupPropType | undefined,\n\toptions: WatchOptions = {},\n) => {\n\twatchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\ntype RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n","export const orientationOptions = ['horizontal', 'vertical'] as const;\nexport type Orientation = (typeof orientationOptions)[number];\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tInputRadioProps,\n\tInputRadioWatches,\n\tOptgroup,\n\tRadioOption,\n\tOptionsPropType,\n\tOrientation,\n\tPropLabelWithExpertSlot,\n\tSelectOption,\n\tStencilUnknown,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { mapString2Unknown, orientationOptions, setState, validateOptions, validateRequired, watchValidator } from '../../schema';\n\nimport { InputController } from '../@deprecated/input/controller';\n\nexport const fillKeyOptionMap = <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey = ''): void => {\n\toptions.forEach((option, index) => {\n\t\tconst key = `${preKey}-${index}`;\n\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\tfillKeyOptionMap(keyOptionMap, (option as Optgroup<T>).options, key);\n\t\t\t} else {\n\t\t\t\tkeyOptionMap.set(key, option as RadioOption<T>);\n\t\t\t}\n\t\t}\n\t});\n};\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\trequired: boolean;\n};\ntype InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxRadioProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateRequired(this.component._required);\n\t}\n}\n\nexport class InputRadioController extends InputCheckboxRadioController implements InputRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputRadioProps;\n\tprivate readonly keyOptionMap = new Map<string, RadioOption<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & InputRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): RadioOption<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tpublic validateOrientation(value?: Orientation): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => typeof value === 'string' && orientationOptions.includes(value),\n\t\t\tnew Set([`Orientation {${orientationOptions.join(', ')}`]),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t},\n\t\t);\n\t}\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tvalue = mapString2Unknown(value);\n\t\tvalue = Array.isArray(value) ? (value[0] as StencilUnknown) : value;\n\t\tsetState(this.component, '_value', value, {\n\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOrientation(this.component._orientation);\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["validateInputSelectOptions","option","label","length","disabled","trim","hasEnoughReadableChars","containsOnlyNumbers","a11yHint","Array","isArray","options","find","item","undefined","validateOptions","component","value","watchJsonArrayString","validateOptionsWithOptgroup","validateRequired","watchBoolean","orientationOptions","fillKeyOptionMap","keyOptionMap","preKey","forEach","index","key","set","InputCheckboxRadioController","InputController","constructor","name","host","super","this","componentWillLoad","_required","InputRadioController","Map","getOptionByKey","get","afterPatchOptions","_state","_component","setFormAssociatedValue","beforePatchOptions","_value","nextState","has","state","_options","clear","validateOrientation","watchValidator","includes","Set","join","defaultValue","hooks","afterPatch","beforePatch","validateValue","mapString2Unknown","setState","_orientation"],"sources":["src/schema/validators/options.ts","src/schema/props/options.ts","src/schema/props/required.ts","src/schema/types/orientation.ts","src/components/input-radio/controller.ts"],"sourcesContent":["import { containsOnlyNumbers, hasEnoughReadableChars } from '../props';\nimport { a11yHint } from '../utils';\n\nimport type { Optgroup, SelectOption } from '../types';\nexport const validateInputSelectOptions = <T>(option: SelectOption<T>): boolean => {\n\tif (typeof option === 'object' && option !== null) {\n\t\tif (typeof option.label === 'string' && option.label.length > 0) {\n\t\t\toption.disabled = option.disabled === true;\n\t\t\toption.label = `${option.label}`.trim();\n\t\t\tif (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {\n\t\t\t\ta11yHint(`A differing Aria-Label (${option.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`);\n\t\t\t}\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\treturn (\n\t\t\t\t\t(option as Optgroup<T>).options.find((item) => {\n\t\t\t\t\t\treturn validateInputSelectOptions(item) === false;\n\t\t\t\t\t}) === undefined\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn true;\n\t\t} else if (typeof option.label === 'number') {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { RadioOption, Optgroup, Option, StencilUnknown } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { watchJsonArrayString } from '../utils';\nimport { validateInputSelectOptions } from '../validators';\n\n/* types */\n\nexport type OptionsPropType = Stringified<Option<StencilUnknown>[]>;\nexport type OptionsWithOptgroupPropType = Stringified<(Option<StencilUnknown> | Optgroup<StencilUnknown>)[]>;\nexport type RadioOptionsPropType = Stringified<RadioOption<StencilUnknown>[]>;\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptions = {\n\toptions: OptionsPropType;\n};\n\nexport type PropRadioOptions = {\n\toptions: RadioOptionsPropType;\n};\n\n/**\n * Options the user can choose from, also supporting Optgroup.\n */\nexport type PropOptionsWithOptgroup = {\n\toptions: OptionsWithOptgroupPropType;\n};\n\n/* validators */\n\nexport const validateOptions = (component: Generic.Element.Component, value: OptionsPropType | undefined, options: WatchOptions = {}): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_options',\n\t\t(item: Option<StencilUnknown>) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0,\n\t\tvalue,\n\t\tundefined,\n\t\toptions,\n\t);\n};\n\nexport const validateOptionsWithOptgroup = (\n\tcomponent: Generic.Element.Component,\n\tvalue: OptionsWithOptgroupPropType | undefined,\n\toptions: WatchOptions = {},\n) => {\n\twatchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\ntype RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n","export const orientationOptions = ['horizontal', 'vertical'] as const;\nexport type Orientation = (typeof orientationOptions)[number];\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tInputRadioProps,\n\tInputRadioWatches,\n\tOptgroup,\n\tRadioOption,\n\tOptionsPropType,\n\tOrientation,\n\tPropLabelWithExpertSlot,\n\tSelectOption,\n\tStencilUnknown,\n\tStringified,\n\tW3CInputValue,\n} from '../../schema';\nimport { mapString2Unknown, orientationOptions, setState, validateOptions, validateRequired, watchValidator } from '../../schema';\n\nimport { InputController } from '../@deprecated/input/controller';\n\nexport const fillKeyOptionMap = <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey = ''): void => {\n\toptions.forEach((option, index) => {\n\t\tconst key = `${preKey}-${index}`;\n\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\tfillKeyOptionMap(keyOptionMap, (option as Optgroup<T>).options, key);\n\t\t\t} else {\n\t\t\t\tkeyOptionMap.set(key, option as RadioOption<T>);\n\t\t\t}\n\t\t}\n\t});\n};\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\trequired: boolean;\n};\ntype InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxRadioProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateRequired(this.component._required);\n\t}\n}\n\nexport class InputRadioController extends InputCheckboxRadioController implements InputRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputRadioProps;\n\tprivate readonly keyOptionMap = new Map<string, RadioOption<W3CInputValue>>();\n\n\tpublic constructor(component: Generic.Element.Component & InputRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): RadioOption<W3CInputValue> | undefined => this.keyOptionMap.get(key);\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tpublic validateOrientation(value?: Orientation): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => typeof value === 'string' && orientationOptions.includes(value),\n\t\t\tnew Set([`Orientation {${orientationOptions.join(', ')}`]),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t},\n\t\t);\n\t}\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tvalue = mapString2Unknown(value);\n\t\tvalue = Array.isArray(value) ? (value[0] as StencilUnknown) : value;\n\t\tsetState(this.component, '_value', value, {\n\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOrientation(this.component._orientation);\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/{controller-73c1e790.js → controller-ab2198b8.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as t,k as i,i as s,b as a}from"./prop.validators-9feb1d92.js";import{I as e}from"./controller-icon-d99920a4.js";import{v as h}from"./has-counter-a43c36ef.js";const o=["default","visibility-toggle"],r=(e,a)=>{t(e,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),a)};class l extends e{constructor(t,e,a){super(t,e,a),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(e){t(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),e)}validateHasCounter(t){h(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){r(this.component,t)}validateMaxLength(t){i(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){s(this.component,"_pattern",t)}validatePlaceholder(t){s(this.component,"_placeholder",t)}validateReadOnly(t){a(this.component,"_readOnly",t)}validateRequired(t){a(this.component,"_required",t)}validateValue(t){s(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{l as I};
+import{w as t,k as i,i as s,b as a}from"./prop.validators-9feb1d92.js";import{I as e}from"./controller-icon-bdfd04a8.js";import{v as h}from"./has-counter-a43c36ef.js";const o=["default","visibility-toggle"],r=(e,a)=>{t(e,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),a)};class l extends e{constructor(t,e,a){super(t,e,a),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(e){t(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),e)}validateHasCounter(t){h(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){r(this.component,t)}validateMaxLength(t){i(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){s(this.component,"_pattern",t)}validatePlaceholder(t){s(this.component,"_placeholder",t)}validateReadOnly(t){a(this.component,"_readOnly",t)}validateRequired(t){a(this.component,"_required",t)}validateValue(t){s(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{l as I};

package/dist/kolibri/{controller-4075dfc7.js → controller-f1f3aee5.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{I as s}from"./controller-73c1e790.js";import{v as t}from"./spell-check-60fa0b9f.js";import{w as e}from"./prop.validators-9feb1d92.js";import{v as o}from"./suggestions-f139f5ec.js";const i=["text","search","url","tel"];class r extends s{constructor(t,e,o){super(t,e,o),this.component=t}validateSuggestions(t){o(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class a extends r{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateSpellCheck(e){t(this.component,e)}validateType(t){e(this.component,"_type",(t=>"string"==typeof t&&i.includes(t)),new Set([`String {${i.join(", ")}`]),t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{r as I,a};
+import{I as s}from"./controller-ab2198b8.js";import{v as t}from"./spell-check-60fa0b9f.js";import{w as e}from"./prop.validators-9feb1d92.js";import{v as o}from"./suggestions-f139f5ec.js";const i=["text","search","url","tel"];class r extends s{constructor(t,e,o){super(t,e,o),this.component=t}validateSuggestions(t){o(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class a extends r{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateSpellCheck(e){t(this.component,e)}validateType(t){e(this.component,"_type",(t=>"string"==typeof t&&i.includes(t)),new Set([`String {${i.join(", ")}`]),t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{r as I,a};

package/dist/kolibri/controller-icon-bdfd04a8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as o}from"./index-2ae1c631.js";import{i as t}from"./InternalUnderlinedBadgeText-8da6608d.js";import{i as n}from"./isObject-ffcbbb76.js";import{_ as e}from"./tslib.es6-1173d062.js";import{a as s}from"./component-names-a18a51c8.js";import{K as i}from"./Icon-fa673049.js";import{c}from"./clsx-09a06a12.js";import{c as r,a}from"./FormFieldMsg-e6f521f5.js";import{I as d}from"./getRenderStates-d2dc42b2.js";import{i as l}from"./icons-199f1746.js";import{o as m,p as b,w as p}from"./prop.validators-9feb1d92.js";import{i as f}from"./common-54bf85ba.js";const u=(n,t)=>{var{position:s="start",class:i}=n,a=e(n,["position","class"]);const r="kol-input-container__adornment",l=`${r}--${s}`;return o("div",Object.assign({class:c(r,l,i)},a),t)},j=u;function h(o){return!!o&&(Array.isArray(o)?o.length>0:Boolean(o))}const O=(n,t)=>{var{class:s}=n,i=e(n,["class"]);return o("div",Object.assign({class:c("kol-input-container__container",s)},i),t)},v=(n,t)=>{const{class:s,startAdornment:i,endAdornment:a,disabled:l,msg:d,touched:m,containerProps:b,startAdornmentProps:p,endAdornmentProps:u}=n,f=e(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),g=r(d,m),_={"kol-input-container--disabled":l,[`kol-input-container--${(null==d?void 0:d.type)||"error"}`]:g},A=Object.assign({class:c("kol-input-container",_,s)},f);return h(i)||h(a)?o("div",Object.assign({},A),o(j,Object.assign({},p,{position:"start"}),i),o(O,Object.assign({},b),t),o(j,Object.assign({},u,{position:"end"}),a)):o("div",Object.assign({},A),o(O,Object.assign({},b),t))},_=v,A=n=>{const{label:t,icons:i,hideLabel:a,disabled:r,onClick:c}=n,l=e(n,["label","icons","hideLabel","disabled","onClick"]);return o(s,Object.assign({tabindex:0,_label:t,_disabled:r,_icons:i,_hideLabel:a,_on:{onClick:c}},l))},k=A,g=n=>{const{componentName:t="button",label:s,icon:a,onClick:r}=n,c=e(n,["componentName","label","icon","onClick"]);return o("button"===t?k:i,Object.assign({label:s||"",hideLabel:!0,icons:`codicon codicon-${a}`,onClick:r},c))},P=g;function x(o){let n,t;return"_icons"in o&&(n=o._icons),"_smartButton"in o&&(t=o._smartButton),{icons:n,smartButton:t,disabled:o._disabled,msg:a(o._msg),touched:o._touched}}const B=({state:s,endAdornment:e},i)=>{const{icons:a,smartButton:r,disabled:c,msg:l,touched:d}=x(s);let m=null==a?void 0:a.left;t(m)&&(m={icon:m});let b=null==a?void 0:a.right;t(b)&&(b={icon:b});const p=[],u=[];return e&&(Array.isArray(e)?u.push(...e):u.push(e)),m&&p.push(o(P,Object.assign({componentName:"icon"},n(m)?m:{}))),n(r)&&u.push(o(P,Object.assign({componentName:"button"},r,{hideLabel:!0,disabled:c}))),b&&u.push(o(P,Object.assign({componentName:"icon"},n(b)?b:{}))),o(_,{disabled:c,msg:l,touched:d,startAdornment:p,endAdornment:u},i)},C=B,I=(o,n)=>{const t=o;"object"==typeof t&&null!==t&&(f(t.right,1)&&(t.right={icon:t.right}),f(t.left,1)&&(t.left={icon:t.left}),n.set("_icons",t))};class L extends d{constructor(o,n,t){super(o,n,t),this.component=o}validateIcons(o){m(o,(()=>{try{o=b(o)}catch(o){}p(this.component,"_icons",(o=>"object"==typeof o&&null!==o&&(f(o.left,1)||l(o.left)||f(o.right,1)||l(o.right))),new Set(["KoliBriHorizontalIcon"]),o,{hooks:{beforePatch:I},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{L as I,C as K,P as a};

package/dist/kolibri/controller-icon-bdfd04a8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","InputAdornment$1","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasError","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","tabindex","_label","_disabled","_icons","_hideLabel","_on","KolButtonFc$1","KolIconButtonFc","componentName","icon","Component","KolIconFc","KolIconButtonFc$1","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject","beforePatchIcons","value","nextState","set","InputIconController","InputController","constructor","component","name","host","super","this","validateIcons","objectObjectHandler","parseJson","e","watchValidator","isIcon","Set","hooks","beforePatch","required","componentWillLoad"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasError, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasError(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag tabindex={0} _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: never;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"button\" {...smartButton} hideLabel={true} disabled={disabled} />);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriHorizontalIcons, Stringified } from '../../../schema';\nimport { isIcon, isString, objectObjectHandler, parseJson, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nconst beforePatchIcons = (value: unknown, nextState: Map<string, unknown>): void => {\n\tconst icons = value as KoliBriHorizontalIcons;\n\tif (typeof icons === 'object' && icons !== null) {\n\t\tif (isString(icons.right, 1)) {\n\t\t\ticons.right = { icon: icons.right as string };\n\t\t}\n\t\tif (isString(icons.left, 1)) {\n\t\t\ticons.left = { icon: icons.left as string };\n\t\t}\n\t\tnextState.set('_icons', icons);\n\t}\n};\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriHorizontalIcons>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\twatchValidator(\n\t\t\t\tthis.component,\n\t\t\t\t'_icons',\n\t\t\t\t(value): boolean => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\ttypeof value === 'object' && value !== null && (isString(value.left, 1) || isIcon(value.left) || isString(value.right, 1) || isIcon(value.right))\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tnew Set(['KoliBriHorizontalIcon']),\n\t\t\t\tvalue,\n\t\t\t\t{\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: beforePatchIcons,\n\t\t\t\t\t},\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/{dev.utils-a3bfded4.js → dev.utils-8b31e10a.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{E as e}from"./index-095473f8.js";import{p as t}from"./reuse-32931294.js";import{L as n,g as i,s as o,b as s,c as r,d as a}from"./dev.utils-fab45cbc.js";const c=()=>{const e=i().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&(o(t.includes("dev-mode=true")),s(t.includes("experimental-mode=true")),r(t.includes("color-contrast-analysis=true")))}},u=()=>{let e=a().KoliBri;return void 0===e&&(e={},Object.defineProperty(a(),"KoliBri",{value:e,writable:!1})),e},l=()=>{c(),n.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${e.kolibriVersion}\n\t`,{forceLog:!0})},f=()=>{!0!==u().adviceShown&&(Object.defineProperty(u(),"adviceShown",{get:function(){return!0}}),n.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let m=()=>Math.floor(16777215*Math.random()).toString(16);"test"===t&&(m=()=>"nonce");export{l as i,m as n,f as r};
+import{E as e}from"./index-2ae1c631.js";import{p as t}from"./reuse-32931294.js";import{L as n,g as i,s as o,b as s,c as r,d as a}from"./dev.utils-fab45cbc.js";const c=()=>{const e=i().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&(o(t.includes("dev-mode=true")),s(t.includes("experimental-mode=true")),r(t.includes("color-contrast-analysis=true")))}},u=()=>{let e=a().KoliBri;return void 0===e&&(e={},Object.defineProperty(a(),"KoliBri",{value:e,writable:!1})),e},l=()=>{c(),n.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${e.kolibriVersion}\n\t`,{forceLog:!0})},f=()=>{!0!==u().adviceShown&&(Object.defineProperty(u(),"adviceShown",{get:function(){return!0}}),n.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let m=()=>Math.floor(16777215*Math.random()).toString(16);"test"===t&&(m=()=>"nonce");export{l as i,m as n,f as r};

package/dist/kolibri/devtools-3e25ecfe.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{i as t,r as e}from"./dev.utils-8b31e10a.js";import{e as o,g as s,L as r,a,f as i,d as l}from"./dev.utils-fab45cbc.js";import{z as n,v as c,A as f,B as d,C as p,p as m,D as L}from"./prop.validators-9feb1d92.js";import"./index-2ae1c631.js";import"./reuse-32931294.js";import"./index-da3e0c00.js";const u=()=>{let t=l().KoliBri;return void 0===t&&(t={},Object.defineProperty(l(),"KoliBri",{value:t,writable:!1})),t};function v(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){r.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>r.debug(`${t} ${e?"":"not "}activated`),b=()=>{if(t(),o()){e(),v("a11yColorContrast",n),v("querySelector",c),v("querySelectorAll",f),v("querySelectorColors",d),v("utils",(function(){return p})),v("parseJson",m),v("stringifyJson",L);const t=s().body,r=s().createElement("svg");if(r.setAttribute("aria-label","KoliBri-DevTools"),r.setAttribute("xmlns","http://www.w3.org/2000/svg"),r.setAttribute("role","toolbar"),r.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),r.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>',s().body.appendChild(r),h("Development mode",o()),h("Experimental mode",a()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{b as initialize};

package/dist/kolibri/{devtools-eb468601.js.map → devtools-3e25ecfe.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.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>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;kTAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}
+{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.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>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;6SAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}

package/dist/kolibri/getRenderStates-d2dc42b2.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as e,K as t}from"./events-5adf6b62.js";import{A as s}from"./associated.controller-52d302aa.js";import{b as i,c as o,a,i as r,j as n,s as l,o as d,p as h}from"./prop.validators-9feb1d92.js";import{v as c,a as f,b as u,c as p}from"./access-and-short-key-9cca88b8.js";import{v as m}from"./tooltip-align-8e0fa436.js";import{v as b}from"./hide-label-429a15ea.js";import{K as v,c as g,v as y,a as j}from"./FormFieldMsg-e6f521f5.js";import{a as _}from"./label-d0315384.js";import{_ as L}from"./tslib.es6-1173d062.js";import{h as k,F as x}from"./index-2ae1c631.js";import{c as K}from"./clsx-09a06a12.js";import{t as O}from"./i18n-5fe08f1c.js";import{g as B}from"./component-names-a18a51c8.js";import{i as F,I as C}from"./InternalUnderlinedBadgeText-8da6608d.js";import{b as P,s as T}from"./reuse-32931294.js";const M=(e,t)=>{i(e,"_adjustHeight",t)},H=(e,t,o)=>{i(e,"_hideMsg",t,o)},I=(e,t)=>{i(e,"_touched",t)},N=({hasExpertSlot:e,accessKey:t,shortKey:o,label:s,showBadge:i=!0})=>{if(e)return k("slot",{name:"expert"});if(!s)return null;const n=F(t)||F(o);if(!i||!n)return k("span",null,s);const a=P(t,o);return k(x,null,k(C,{badgeText:a,label:s})," ",k("span",{class:"access-key-hint","aria-hidden":"true"},a))},$=e=>{var{component:t="label",id:o,baseClassName:s="kol-form-field",class:i,accessKey:n,shortKey:a,label:l,hideLabel:r,hasExpertSlot:d,showBadge:c}=e,h=L(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!d&&r;return k(t,Object.assign({},h,{class:K(`${s}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),k("span",{class:K(`${s}__label-text`)},k(N,{hasExpertSlot:d,accessKey:n,shortKey:a,label:l,showBadge:c})))},E=$,w=e=>{var{id:t,class:o,hint:s,baseClassName:i="kol-form-field"}=e,n=L(e,["id","class","hint","baseClassName"]);return s?k("span",Object.assign({class:K(`${i}__hint`,o),id:`${t}-hint`},n),s):null},q=w,A=e=>{var{currentLength:t,maxLength:o,class:s}=e,i=L(e,["currentLength","maxLength","class"]);return k("span",Object.assign({class:K("kol-form-field__counter",s)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&k(x,null,k("span",{"aria-label":O("kol-of"),role:"img"},"/"),o)," ",k("span",null,O("kol-characters")))},S=A,D=({id:e,align:t,badgeText:o,hideLabel:s,label:i,class:n})=>k(B,{"aria-hidden":"true",class:K("kol-form-field__tooltip",n),_badgeText:o,_align:t,_id:s?`${e}-label`:void 0,_label:i}),W=D;function z(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 U=(e,t)=>{var{class:o}=e,s=L(e,["class"]);return k("div",Object.assign({class:K("kol-form-field__input",o)},s),t)},V=(e,t)=>{const{component:o="div",renderNoLabel:s,renderNoTooltip:i,renderNoHint:n,anotherChildren:a,id:l,required:r,alert:d,disabled:c,class:h,msg:m,hideMsg:p,hideLabel:u,label:b,hint:f,accessKey:_,shortKey:y,tooltipAlign:j,counter:x,readOnly:C,touched:F,formFieldLabelProps:O,formFieldHintProps:B,formFieldTooltipProps:I,formFieldMsgProps:M,formFieldCounterProps:H,formFieldInputProps:A}=e,N=L(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps"]),$=!s,w=!n,D=!i,V=T(b),G=g(m,F),J=P(_,y),Q=D&&!V&&u;let R={"kol-form-field--disabled":Boolean(c),"kol-form-field--required":Boolean(r),"kol-form-field--touched":Boolean(F),"kol-form-field--hide-label":Boolean(u),"kol-form-field--read-only":Boolean(C),"kol-form-field--hidden-msg":Boolean(p)};return G&&(R=Object.assign(Object.assign({},R),{[`kol-form-field--${(null==m?void 0:m.type)||"error"}`]:!0,[`kol-form-field--${z(m)}`]:!0})),k(o,Object.assign({class:K("kol-form-field",R,h),role:"presentation"},N),$&&k(E,Object.assign({},O||{},{id:l,hasExpertSlot:V,hideLabel:u,label:b,accessKey:_,shortKey:y})),k(U,Object.assign({},A),t,Q&&k(W,Object.assign({},I||{},{id:l,label:b,hideLabel:u,align:j,badgeText:J}))),x?k(S,Object.assign({},H||{},x)):null,G&&k(v,Object.assign({},M||{},{id:l,alert:d,msg:m,hideMsg:p})),w&&k(q,Object.assign({},B||{},{id:l,hint:f})),a)},G=V;function J({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}class Q extends s{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){I(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class R extends Q{constructor(e,t,o){super(e,t,o),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.component=e}validateAccessKey(e){c(this.component,e),f(e,this.component._shortKey)}validateAdjustHeight(e){M(this.component,e)}validateDisabled(e){i(this.component,"_disabled",e),!0===e&&o()}validateTooltipAlign(e){m(this.component,e)}validateHideMsg(e){H(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){b(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){r(this.component,"_hint",e)}validateId(e){r(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||n("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){_(this.component,e,{required:!0})}validateMsg(e){y(this.component,e)}validateOn(e){"object"==typeof e&&l(this.component,"_on",e)}validateShortKey(e){u(this.component,e),f(this.component._accessKey,e)}validateSmartButton(e){d(e,(()=>{try{e=h(e)}catch(e){}l(this.component,"_smartButton",e)}))}validateTabIndex(e){p(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),f(this.component._accessKey,this.component._shortKey)}emitEvent(t,o){this.host&&e(this.host,t,o)}onBlur(e){var o;this.component._touched=!0,this.emitEvent(t.blur),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(e)}onChange(e,o){var s;void 0===o&&(o=e.target.value),this.emitEvent(t.change,o),"function"==typeof(null===(s=this.component._on)||void 0===s?void 0:s.onChange)&&this.component._on.onChange(e,o),this.valueChangeListeners.forEach((e=>e(o)))}onInput(e,o=!0,s){var i;void 0===s&&(s=e.target.value),this.emitEvent(t.input,s),o&&this.setFormAssociatedValue(s),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(e,s)}onClick(e){var o;this.emitEvent(t.click),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(e)}onFocus(e){var o;this.emitEvent(t.focus),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}function X(e){const t={id:e._id,disabled:e._disabled,msg:j(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,accessKey:e._accessKey,shortKey:e._shortKey};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_hasCounter"in e&&"_currentLength"in e&&(t.counter=e._hasCounter?{currentLength:e._currentLength}:void 0,t.counter&&"_maxLength"in e&&(t.counter.maxLength=e._maxLength)),t}const Y=(e,t)=>{var{state:o}=e,s=L(e,["state"]);return k(G,Object.assign({},X(o),s),t)},Z=Y,ee=e=>{var t,o,s;const i=Boolean((null===(t=null==e?void 0:e._msg)||void 0===t?void 0:t._description)&&(null===(o=e._msg._description)||void 0===o?void 0:o.length)>0),n="error"===(null===(s=e._msg)||void 0===s?void 0:s._type)&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return i&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:n,hasHint:a,ariaDescribedBy:l}};export{R as I,Z as K,W as a,E as b,q as c,J as d,ee as g};

package/dist/kolibri/getRenderStates-d2dc42b2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateAdjustHeight","component","value","watchBoolean","validateHideMsg","options","validateTouched","LabelFc","hasExpertSlot","accessKey","shortKey","label","showBadge","h","name","hasBadgeText","isString","badgeText","buildBadgeTextString","Fragment","InternalUnderlinedBadgeText","class","KolFormFieldLabelFc","_a","Component","id","baseClassName","classNames","hideLabel","other","__rest","useTooltipInsteadOfLabel","Object","assign","clsx","undefined","hidden","htmlFor","KolFieldControlLabelFc","KolFormFieldHintFc","hint","KolFieldControlHintFc","KolFormFieldCounterFc","currentLength","maxLength","translate","role","KolFormFieldCounterFc$1","FormFieldTooltipFc","align","KolTooltipWcTag","_badgeText","_align","_id","_label","KolFieldControlTooltipFc","getModifierClassNameByMsgType","msg","type","default","info","success","warning","error","InputContainer","children","KolFormFieldFc","props","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","required","alert","disabled","hideMsg","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps","showLabel","showHint","showTooltip","showExpertSlot","showMsg","checkHasError","stateCssClasses","Boolean","KolFormFieldTooltipFc","KolFormFieldMsgFc","KolFormFieldFc$1","getDefaultProps","ariaDescribedBy","title","autoCapitalize","autoCorrect","length","join","ControlledInputController","AssociatedInputController","constructor","host","super","this","componentWillLoad","_touched","InputController","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","onInput","validateAccessKey","validateAccessAndShortKey","_shortKey","validateDisabled","a11yHintDisabled","validateTooltipAlign","hooks","afterPatch","state","_hideMsg","a11yHint","validateHideLabel","_hideLabel","validateHint","watchString","validateId","minLength","devHint","validateLabel","validateLabelWithExpertSlot","validateMsg","validateOn","setState","validateShortKey","_accessKey","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_adjustHeight","_msg","_disabled","_hint","_smartButton","_on","_tabIndex","emitEvent","dispatchDomEvent","event","KolEvent","blur","target","change","forEach","listener","shouldSetFormAssociatedValue","input","setFormAssociatedValue","click","focus","addValueChangeListener","push","getFormFieldProps","convertMsgToInternMsg","_required","_readOnly","_hasCounter","_currentLength","_maxLength","FormFieldStateWrapper","KolFormFieldStateWrapperFc","getRenderStates","hasMessage","_description","_b","isMessageValidError","_c","_type","hasError","hasHint"],"sources":["src/schema/props/adjust-height.ts","src/schema/props/hide-msg.ts","src/schema/props/touched.ts","src/functional-components/FormFieldLabel/FormFieldLabel.tsx","src/functional-components/FormFieldHint/FormFieldHint.tsx","src/functional-components/FormFieldCounter/FormFieldCounter.tsx","src/functional-components/FormFieldTooltip/FormFieldTooltip.tsx","src/functional-components/FormField/FormField.tsx","src/functional-components/inputs/_helpers/getDefaultProps.ts","src/components/input-adapter-leanup/controller.ts","src/components/@deprecated/input/controller.ts","src/functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper.tsx","src/functional-component-wrappers/_helpers/getRenderStates.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AdjustHeightPropType = boolean;\n\n/**\n * Adjusts the height of the element to its content.\n */\nexport type PropAdjustHeight = {\n\tadjustHeight: AdjustHeightPropType;\n};\n\n/* validator */\nexport const validateAdjustHeight = (component: Generic.Element.Component, value?: AdjustHeightPropType): void => {\n\twatchBoolean(component, '_adjustHeight', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HideMsgPropType = boolean;\n\n/**\n * Hides the message but leaves it in the DOM for the input's aria-describedby.\n */\nexport type PropHideMsg = {\n\thideMsg: HideMsgPropType;\n};\n\n/* validator */\nexport const validateHideMsg = (component: Generic.Element.Component, value?: HideMsgPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hideMsg', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type TouchedPropType = boolean;\n\n/**\n * Shows if the input was touched by a user.\n */\nexport type PropTouched = {\n\ttouched: TouchedPropType;\n};\n\n/* validator */\nexport const validateTouched = (component: Generic.Element.Component, value?: TouchedPropType): void => {\n\twatchBoolean(component, '_touched', value);\n};\n","import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport InternalUnderlinedBadgeText from '../InternalUnderlinedBadgeText';\nimport { buildBadgeTextString } from '../../schema';\nimport { isString } from 'lodash-es';\n\ntype LabelProps = {\n\tlabel?: string;\n\taccessKey?: string;\n\tshortKey?: string;\n\thasExpertSlot?: boolean;\n\tshowBadge?: boolean;\n};\n\ntype FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\tcomponent?: 'label' | 'legend';\n\tid: string;\n\thideLabel?: boolean;\n\tbaseClassName?: string;\n\tshowBadge?: boolean;\n} & LabelProps;\n\nconst LabelFc: FC<LabelProps> = ({ hasExpertSlot, accessKey, shortKey, label, showBadge = true }) => {\n\tif (hasExpertSlot) {\n\t\treturn <slot name=\"expert\"></slot>;\n\t}\n\n\tif (!label) {\n\t\treturn null;\n\t}\n\n\tconst hasBadgeText = isString(accessKey) || isString(shortKey);\n\n\tif (!showBadge || !hasBadgeText) {\n\t\treturn <span>{label}</span>;\n\t}\n\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\treturn (\n\t\t<>\n\t\t\t<InternalUnderlinedBadgeText badgeText={badgeText} label={label} />\n\t\t\t&nbsp;\n\t\t\t<span class=\"access-key-hint\" aria-hidden=\"true\">\n\t\t\t\t{badgeText}\n\t\t\t</span>\n\t\t</>\n\t);\n};\n\nconst KolFormFieldLabelFc: FC<FormFieldLabelProps> = ({\n\tcomponent: Component = 'label',\n\tid,\n\tbaseClassName = 'kol-form-field',\n\tclass: classNames,\n\taccessKey,\n\tshortKey,\n\tlabel,\n\thideLabel,\n\thasExpertSlot,\n\tshowBadge,\n\t...other\n}) => {\n\tconst useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;\n\n\treturn (\n\t\t<Component\n\t\t\t{...other}\n\t\t\tclass={clsx(`${baseClassName}__label`, classNames)}\n\t\t\tid={!useTooltipInsteadOfLabel ? `${id}-label` : undefined}\n\t\t\thidden={useTooltipInsteadOfLabel}\n\t\t\thtmlFor={id}\n\t\t>\n\t\t\t{/* INFO: span is needed for css styling :after content like a star (*) or optional text ! */}\n\t\t\t<span class={clsx(`${baseClassName}__label-text`)}>\n\t\t\t\t{/* INFO: label comes with any html tag or as plain text! */}\n\t\t\t\t<LabelFc hasExpertSlot={hasExpertSlot} accessKey={accessKey} shortKey={shortKey} label={label} showBadge={showBadge} />\n\t\t\t</span>\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldLabelFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\ntype FormFieldHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\thint?: string;\n\tbaseClassName?: string;\n};\n\nconst KolFormFieldHintFc: FC<FormFieldHintProps> = ({ id, class: classNames, hint, baseClassName = 'kol-form-field', ...other }) => {\n\tif (!hint) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span class={clsx(`${baseClassName}__hint`, classNames)} id={`${id}-hint`} {...other}>\n\t\t\t{hint}\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldHintFc;\n","import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { translate } from '../../i18n';\n\ntype FormFieldCounterProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {\n\tcurrentLength?: number;\n\tmaxLength?: number;\n};\n\nconst KolFormFieldCounterFc: FC<FormFieldCounterProps> = ({ currentLength, maxLength, class: classNames, ...other }) => {\n\treturn (\n\t\t<span class={clsx('kol-form-field__counter', classNames)} {...other} aria-atomic=\"true\" aria-live=\"polite\" data-testid=\"input-counter\">\n\t\t\t{currentLength}\n\t\t\t{maxLength && (\n\t\t\t\t<>\n\t\t\t\t\t<span aria-label={translate('kol-of')} role=\"img\">\n\t\t\t\t\t\t/\n\t\t\t\t\t</span>\n\t\t\t\t\t{maxLength}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t&nbsp;<span>{translate('kol-characters')}</span>\n\t\t</span>\n\t);\n};\n\nexport default KolFormFieldCounterFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolTooltipWcTag } from '../../core/component-names';\nimport type { AlignPropType } from '../../schema';\n\ntype FormFieldTooltipProps = Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'> & {\n\tid: string;\n\talign?: AlignPropType;\n\tbadgeText?: string;\n\thideLabel?: boolean;\n\tlabel: string;\n};\n\nconst FormFieldTooltipFc: FC<FormFieldTooltipProps> = ({ id, align, badgeText, hideLabel, label, class: classNames }) => {\n\treturn (\n\t\t<KolTooltipWcTag\n\t\t\t/**\n\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t */\n\t\t\taria-hidden=\"true\"\n\t\t\tclass={clsx('kol-form-field__tooltip', classNames)}\n\t\t\t_badgeText={badgeText}\n\t\t\t_align={align}\n\t\t\t_id={hideLabel ? `${id}-label` : undefined}\n\t\t\t_label={label}\n\t\t></KolTooltipWcTag>\n\t);\n};\n\nexport default FormFieldTooltipFc;\n","import type { JSX } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFormFieldMsgFc from '../FormFieldMsg';\nimport KolFormFieldLabelFc from '../FormFieldLabel';\nimport KolFormFieldHintFc from '../FormFieldHint/FormFieldHint';\nimport KolFormFieldCounterFc from '../FormFieldCounter';\nimport KolFormFieldTooltipFc from '../FormFieldTooltip';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport type { AlignPropType, InternMsgPropType } from '../../schema';\nimport { buildBadgeTextString, checkHasError, showExpertSlot } from '../../schema';\n\nfunction getModifierClassNameByMsgType(msg?: { type?: string }): string {\n\tif (msg?.type) {\n\t\treturn (\n\t\t\t{\n\t\t\t\tdefault: 'msg-type-default',\n\t\t\t\tinfo: 'msg-type-info',\n\t\t\t\tsuccess: 'msg-type-success',\n\t\t\t\twarning: 'msg-type-warning',\n\t\t\t\terror: 'msg-type-error',\n\t\t\t}[msg?.type] || ''\n\t\t);\n\t}\n\n\treturn '';\n}\n\nexport type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tcomponent?: 'div' | 'fieldset';\n\tid: string;\n\talert?: boolean;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttooltipAlign?: AlignPropType;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\thideMsg?: boolean;\n\taccessKey?: string;\n\tshortKey?: string;\n\tcounter?: { currentLength?: number; maxLength?: number };\n\treadOnly?: boolean;\n\ttouched?: boolean;\n\trequired?: boolean;\n\trenderNoLabel?: boolean;\n\trenderNoTooltip?: boolean;\n\trenderNoHint?: boolean;\n\tanotherChildren?: JSX.Element | JSX.Element[];\n\n\tformFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & { component?: 'label' | 'legend' };\n\tformFieldHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n\tformFieldTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tformFieldMsgProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tformFieldCounterProps?: JSXBase.HTMLAttributes<HTMLSpanElement>;\n\tformFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n} & {\n\t[key: `data-${string}`]: unknown;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-form-field__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFormFieldFc: FC<FormFieldProps> = (props, children) => {\n\tconst {\n\t\tcomponent: Component = 'div',\n\t\trenderNoLabel,\n\t\trenderNoTooltip,\n\t\trenderNoHint,\n\t\tanotherChildren,\n\t\tid,\n\t\trequired,\n\t\talert,\n\t\tdisabled,\n\t\tclass: classNames,\n\t\tmsg,\n\t\thideMsg,\n\t\thideLabel,\n\t\tlabel,\n\t\thint,\n\t\taccessKey,\n\t\tshortKey,\n\t\ttooltipAlign,\n\t\tcounter,\n\t\treadOnly,\n\t\ttouched,\n\t\tformFieldLabelProps,\n\t\tformFieldHintProps,\n\t\tformFieldTooltipProps,\n\t\tformFieldMsgProps,\n\t\tformFieldCounterProps,\n\t\tformFieldInputProps,\n\t\t...other\n\t} = props;\n\n\tconst showLabel = !renderNoLabel;\n\tconst showHint = !renderNoHint;\n\tconst showTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst showMsg = checkHasError(msg, touched);\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\tconst useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;\n\n\tlet stateCssClasses = {\n\t\t['kol-form-field--disabled']: Boolean(disabled),\n\t\t['kol-form-field--required']: Boolean(required),\n\t\t['kol-form-field--touched']: Boolean(touched),\n\t\t['kol-form-field--hide-label']: Boolean(hideLabel),\n\t\t['kol-form-field--read-only']: Boolean(readOnly),\n\t\t['kol-form-field--hidden-msg']: Boolean(hideMsg),\n\t};\n\n\tif (showMsg) {\n\t\tstateCssClasses = {\n\t\t\t...stateCssClasses,\n\t\t\t[`kol-form-field--${msg?.type || 'error'}`]: true,\n\t\t\t[`kol-form-field--${getModifierClassNameByMsgType(msg)}`]: true,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Component\n\t\t\tclass={clsx('kol-form-field', stateCssClasses, classNames)}\n\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t{...other}\n\t\t>\n\t\t\t{showLabel && (\n\t\t\t\t<KolFormFieldLabelFc\n\t\t\t\t\t{...(formFieldLabelProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\taccessKey={accessKey}\n\t\t\t\t\tshortKey={shortKey}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<InputContainer {...formFieldInputProps}>\n\t\t\t\t{children}\n\t\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t\t<KolFormFieldTooltipFc {...(formFieldTooltipProps || {})} id={id} label={label} hideLabel={hideLabel} align={tooltipAlign} badgeText={badgeText} />\n\t\t\t\t)}\n\t\t\t</InputContainer>\n\t\t\t{counter ? <KolFormFieldCounterFc {...(formFieldCounterProps || {})} {...counter} /> : null}\n\t\t\t{showMsg && <KolFormFieldMsgFc {...(formFieldMsgProps || {})} id={id} alert={alert} msg={msg} hideMsg={hideMsg} />}\n\t\t\t{showHint && <KolFormFieldHintFc {...(formFieldHintProps || {})} id={id} hint={hint} />}\n\t\t\t{anotherChildren}\n\t\t</Component>\n\t);\n};\n\nexport default KolFormFieldFc;\n","export function getDefaultProps({ ariaDescribedBy, hideLabel, label }: { ariaDescribedBy?: string[]; hideLabel?: boolean; label?: string }): {\n\ttitle: string;\n\tautoCapitalize: string;\n\tautoCorrect: string;\n\t'aria-describedby'?: string;\n\t'aria-label'?: string;\n} {\n\treturn {\n\t\ttitle: '',\n\t\tautoCapitalize: 'off',\n\t\tautoCorrect: 'off',\n\t\t'aria-describedby': ariaDescribedBy?.length ? ariaDescribedBy.join(' ') : undefined,\n\t\t'aria-label': hideLabel && label ? label : undefined,\n\t};\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateTouched } from '../../schema';\n\nimport { AssociatedInputController } from './associated.controller';\n\nimport type { Props, Watches } from './types';\n\nexport class ControlledInputController extends AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\tvalidateTouched(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tAccessKeyPropType,\n\tAdjustHeightPropType,\n\tButtonProps,\n\tHideMsgPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\ta11yHintDisabled,\n\tdevHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateHideMsg,\n\tvalidateHideLabel,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTabIndex,\n\tvalidateTooltipAlign,\n\twatchBoolean,\n\twatchString,\n} from '../../../schema';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\n\ntype ValueChangeListener = (value: StencilUnknown) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this.component, value);\n\t\tvalidateAccessAndShortKey(value, this.component._shortKey);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this.component, value);\n\t}\n\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tvalidateHideMsg(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideMsg) {\n\t\t\t\t\t\ta11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, { minLength: 1 });\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.`);\n\t\t}\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this.component, value);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, value);\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideMsg(this.component._hideMsg);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateShortKey(this.component._shortKey);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._touched = true;\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t};\n}\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFormFieldFc, { type FormFieldProps } from '../../functional-components/FormField';\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FormFieldStateWrapperProps = Partial<FormFieldProps> & {\n\tstate: InputState;\n};\n\nfunction getFormFieldProps(state: InputState): FormFieldProps {\n\tconst props: FormFieldProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\thideMsg: state._hideMsg,\n\t\ttouched: state._touched,\n\t\taccessKey: state._accessKey,\n\t\tshortKey: state._shortKey,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readOnly = state._readOnly;\n\t}\n\n\tif ('_hasCounter' in state && '_currentLength' in state) {\n\t\tprops.counter = state._hasCounter ? { currentLength: state._currentLength } : undefined;\n\t\tif (props.counter && '_maxLength' in state) {\n\t\t\tprops.counter.maxLength = state._maxLength;\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst FormFieldStateWrapper: FC<FormFieldStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFormFieldFc {...getFormFieldProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFormFieldFc>\n\t);\n};\n\nexport default FormFieldStateWrapper;\n","import type { MsgPropType, TouchedPropType } from '../../schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: MsgPropType;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst hasMessage = Boolean(state?._msg?._description && state._msg._description?.length > 0);\n\tconst isMessageValidError = state._msg?._type === 'error' && hasMessage;\n\tconst hasError = isMessageValidError && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasMessage) {\n\t\tariaDescribedBy.push(`${state._id}-msg`);\n\t}\n\tif (hasHint) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/{index-095473f8.js → index-2ae1c631.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-const e="kolibri",t={allRenderFn:!1,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!0,cmpWillUpdate:!1,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!0,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!0,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!1,transformTagName:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0},r={kolibriVersion:"3.0.0-rc.3"};var l=Object.defineProperty,n=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})},s=new WeakMap,i=e=>s.get(e),o=(e,t)=>s.set(t.t=e,t),a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};return n.u=new Promise((e=>n.v=e)),n.h=new Promise((e=>n.p=e)),e["s-p"]=[],e["s-rc"]=[],s.set(e,n)},f=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),u=new Map,v=(e,t,n)=>{const s=e.m.replace(/-/g,"_"),o=e.$;if(!o)return;const l=u.get(o);return l?l[s]:import(`./${o}.entry.js`).then((e=>(u.set(o,e),e[s])),c)
+const e="kolibri",t={allRenderFn:!1,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!0,cmpWillUpdate:!1,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!0,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!0,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!1,transformTagName:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0},r={kolibriVersion:"3.0.0-rc.5"};var l=Object.defineProperty,n=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})},s=new WeakMap,i=e=>s.get(e),o=(e,t)=>s.set(t.t=e,t),a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};return n.u=new Promise((e=>n.v=e)),n.h=new Promise((e=>n.p=e)),e["s-p"]=[],e["s-rc"]=[],s.set(e,n)},f=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),u=new Map,v=(e,t,n)=>{const s=e.m.replace(/-/g,"_"),o=e.$;if(!o)return;const l=u.get(o);return l?l[s]:import(`./${o}.entry.js`).then((e=>(u.set(o,e),e[s])),c)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},d=new Map,h=[],p="r",m="o",$="s",y="t",w="s-id",b="sty-id",g="c-id",S="{visibility:hidden}.hydrated{visibility:inherit}",k="slot-fb{display:contents}slot-fb[hidden]{display:none}",x="http://www.w3.org/1999/xlink",C="undefined"!=typeof window?window:{},j=C.document||{head:{}},O={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)},R=t.shadowDom,T=(()=>{let e=!1;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),E=e=>Promise.resolve(e),D=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),L=e=>E().then(e),F={},M="http://www.w3.org/2000/svg",A="http://www.w3.org/1999/xhtml",P=e=>null!=e,N=e=>"object"===(e=typeof e)||"function"===e;function U(e){var t,n,s;return null!=(s=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?s:void 0}var W={};n(W,{err:()=>H,map:()=>z,ok:()=>I,unwrap:()=>B,unwrapErr:()=>Q});var I=e=>({isOk:!0,isErr:!1,value:e}),H=e=>({isOk:!1,isErr:!0,value:e});function z(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>I(e))):I(n)}if(e.isErr){const t=e.value;return H(t)}throw"should never get here"}var be,ge,Se,B=e=>{if(e.isOk)return e.value;throw e.value},Q=e=>{if(e.isErr)return e.value;throw e.value},V=(e,t="")=>()=>{},q=(e,t)=>()=>{},G=(e,t,...n)=>{let s=null,o=null,l=null,r=!1,i=!1;const a=[],c=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?c(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!N(s))&&(s=String(s)),r&&i?a[a.length-1].k+=s:a.push(r?K(null,s):s),i=r)};if(c(n),t){t.key&&(o=t.key),t.name&&(l=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,a,J);const d=K(e,null);return d.C=t,a.length>0&&(d.j=a),d.O=o,d.R=l,d},K=(e,t)=>{const n={l:0,T:e,k:t,D:null,j:null,C:null,O:null,R:null};return n},X={},_=e=>e&&e.T===X,J={forEach:(e,t)=>e.map(Y).forEach(t),map:(e,t)=>e.map(Y).map(t).map(Z)},Y=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.R,vtag:e.T,vtext:e.k}),Z=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),G(e.vtag,t,...e.vchildren||[])}const t=K(e.vtag,e.vtext);return t.C=e.vattrs,t.j=e.vchildren,t.O=e.vkey,t.R=e.vname,t},ee=(e,t,n,s)=>{const o=V("hydrateClient",t),l=e.shadowRoot,r=[],i=l?[]:null,a=s.L=K(t,null);O.F||re(j.body,O.F=new Map),e[w]=n,e.removeAttribute(w),te(a,r,[],i,e,e,n),r.map((e=>{const n=e.M+"."+e.A,s=O.F.get(n),o=e.D;s&&R&&""===s["s-en"]&&s.parentNode.insertBefore(o,s.nextSibling),l||(o["s-hn"]=t,s&&(o["s-ol"]=s,o["s-ol"]["s-nr"]=o)),O.F.delete(n)})),l&&i.map((e=>{e&&l.appendChild(e)})),o()},te=(e,t,n,s,o,l,r)=>{let i,a,c,d;if(1===l.nodeType){if(i=l.getAttribute(g),i&&(a=i.split("."),a[0]!==r&&"0"!==a[0]||(c={l:0,M:a[0],A:a[1],P:a[2],N:a[3],T:l.tagName.toLowerCase(),D:l,C:null,j:null,O:null,R:null,k:null},t.push(c),l.removeAttribute(g),e.j||(e.j=[]),e.j[c.N]=c,e=c,s&&"0"===c.P&&(s[c.N]=c.D))),l.shadowRoot)for(d=l.shadowRoot.childNodes.length-1;d>=0;d--)te(e,t,n,s,o,l.shadowRoot.childNodes[d],r);for(d=l.childNodes.length-1;d>=0;d--)te(e,t,n,s,o,l.childNodes[d],r)}else if(8===l.nodeType)a=l.nodeValue.split("."),a[1]!==r&&"0"!==a[1]||(i=a[0],c={l:0,M:a[1],A:a[2],P:a[3],N:a[4],D:l,C:null,j:null,O:null,R:null,T:null,k:null},i===y?(c.D=l.nextSibling,c.D&&3===c.D.nodeType&&(c.k=c.D.textContent,t.push(c),l.remove(),e.j||(e.j=[]),e.j[c.N]=c,s&&"0"===c.P&&(s[c.N]=c.D))):c.M===r&&(i===$?(c.T="slot",a[5]?l["s-sn"]=c.R=a[5]:l["s-sn"]="",l["s-sr"]=!0,s&&(c.D=j.createElement(c.T),c.R&&c.D.setAttribute("name",c.R),l.parentNode.insertBefore(c.D,l),l.remove(),"0"===c.P&&(s[c.N]=c.D)),n.push(c),e.j||(e.j=[]),e.j[c.N]=c):i===p&&(s?l.remove():(o["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.T){const t=K(null,l.textContent);t.D=l,t.N="0",e.j=[t]}},re=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)re(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)re(e.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");n[0]===m&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},le=e=>h.map((t=>t(e))).find((e=>!!e)),ne=e=>h.push(e),se=(e,t)=>null==e||N(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e,ie=e=>i(e).$hostElement$,oe=(e,t,n)=>{const s=O.ce(t,n);return e.dispatchEvent(s),s},ae=new WeakMap,fe=(e,t,n)=>{let s=d.get(e);D&&n?(s=s||new CSSStyleSheet,"string"==typeof s?s=t:s.replaceSync(t)):s=t,d.set(e,s)},ce=(e,t,n)=>{var s;const o=ve(t,n),l=d.get(o);if(e=11===e.nodeType?e:j,l)if("string"==typeof l){e=e.head||e;let n,r=ae.get(e);if(r||ae.set(e,r=new Set),!r.has(o)){if(e.host&&(n=e.querySelector(`[${b}="${o}"]`)))n.innerHTML=l;else{n=j.createElement("style"),n.innerHTML=l;const o=null!=(s=O.U)?s:U(j);null!=o&&n.setAttribute("nonce",o);(!(1&t.l)||1&t.l&&"HEAD"!==e.nodeName)&&e.insertBefore(n,e.querySelector("link"))}4&t.l&&(n.innerHTML+=k),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o},ue=e=>{const t=e.i,n=e.$hostElement$,s=t.l,o=V("attachStyles",t.m),l=ce(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.W);10&s&&2&s&&(n["s-sc"]=l,n.classList.add(l+"-h")),o()},ve=(e,t)=>"sc-"+(t&&32&e.l?e.m+"-"+t:e.m),de=(e,t,n,s,o,l)=>{if(n!==s){let r=f(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,o=pe(n),l=pe(s);t.remove(...o.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(r||"o"!==t[0]||"n"!==t[1]){const a=N(s);if((r||a&&null!==s)&&!o)try{if(e.tagName.includes("-"))e[t]=s;else{const o=null==s?"":s;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let c=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,c=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(x,t):e.removeAttribute(t)):(!r||4&l||o)&&!a&&(s=!0===s?"":s,c?e.setAttributeNS(x,t,s):e.setAttribute(t,s))}else if(t="-"===t[2]?t.slice(3):f(C,i)?i.slice(2):i[2]+t.slice(3),n||s){const o=t.endsWith(me);t=t.replace($e,""),n&&O.rel(e,t,n,o),s&&O.ael(e,t,s,o)}}},he=/\s/,pe=e=>e?e.split(he):[],me="Capture",$e=new RegExp(me+"$"),ye=(e,t,n)=>{const s=11===t.D.nodeType&&t.D.host?t.D.host:t.D,o=e&&e.C||F,l=t.C||F;for(const e of we(Object.keys(o)))e in l||de(s,e,o[e],void 0,n,t.l);for(const e of we(Object.keys(l)))de(s,e,o[e],l[e],n,t.l)};function we(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ke=!1,xe=!1,Ce=!1,je=!1,Oe=(e,n,s,o)=>{var l;const r=n.j[s];let i,a,c,d=0;if(ke||(Ce=!0,"slot"===r.T&&(be&&o.classList.add(be+"-s"),r.l|=r.j?2:1)),null!==r.k)i=r.D=j.createTextNode(r.k);else if(1&r.l)i=r.D=j.createTextNode("");else{je||(je="svg"===r.T),i=r.D=j.createElementNS(je?M:A,!ke&&t.slotRelocation&&2&r.l?"slot-fb":r.T),je&&"foreignObject"===r.T&&(je=!1),ye(null,r,je);if(!!i.getRootNode().querySelector("body")&&t.scoped&&P(be)&&i["s-si"]!==be&&i.classList.add(i["s-si"]=be),r.j)for(d=0;d<r.j.length;++d)a=Oe(e,r,d,i),a&&i.appendChild(a);"svg"===r.T?je=!1:"foreignObject"===i.tagName&&(je=!0)}return i["s-hn"]=Se,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=ge,i["s-sn"]=r.R||"",i["s-rf"]=null==(l=r.C)?void 0:l.ref,c=e&&e.j&&e.j[s],c&&c.T===r.T&&e.D&&Re(e.D,!1)),i},Re=(e,n)=>{O.l|=1;const s=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Se&&s.push(t)}for(let e=s.length-1;e>=0;e--){const t=s[e];t["s-hn"]!==Se&&t["s-ol"]&&(He(Me(t),t,Fe(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,Ce=!0),n&&Re(t,n)}O.l&=-2},Te=(e,t,n,s,o,l)=>{let r,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===Se&&(i=i.shadowRoot);o<=l;++o)s[o]&&(r=Oe(null,n,o,e),r&&(s[o].D=r,He(i,r,Fe(t))))},Ee=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.D;Ie(t),e&&(xe=!0,e["s-ol"]?e["s-ol"].remove():Re(e,!0),e.remove())}}},De=(e,t,n,s,o=!1)=>{let l,r,i=0,a=0,c=0,d=0,u=t.length-1,h=t[0],p=t[u],f=s.length-1,m=s[0],v=s[f];for(;i<=u&&a<=f;)if(null==h)h=t[++i];else if(null==p)p=t[--u];else if(null==m)m=s[++a];else if(null==v)v=s[--f];else if(Le(h,m,o))Ae(h,m,o),h=t[++i],m=s[++a];else if(Le(p,v,o))Ae(p,v,o),p=t[--u],v=s[--f];else if(Le(h,v,o))"slot"!==h.T&&"slot"!==v.T||Re(h.D.parentNode,!1),Ae(h,v,o),He(e,h.D,p.D.nextSibling),h=t[++i],v=s[--f];else if(Le(p,m,o))"slot"!==h.T&&"slot"!==v.T||Re(p.D.parentNode,!1),Ae(p,m,o),He(e,p.D,h.D),p=t[--u],m=s[++a];else{for(c=-1,d=i;d<=u;++d)if(t[d]&&null!==t[d].O&&t[d].O===m.O){c=d;break}c>=0?(r=t[c],r.T!==m.T?l=Oe(t&&t[a],n,c,e):(Ae(r,m,o),t[c]=void 0,l=r.D),m=s[++a]):(l=Oe(t&&t[a],n,a,e),m=s[++a]),l&&He(Me(h.D),l,Fe(h.D))}i>u?Te(e,null==s[f+1]?null:s[f+1].D,n,s,a,f):a>f&&Ee(t,i,u)},Le=(e,t,n=!1)=>e.T===t.T&&("slot"===e.T?(!("A"in e)||!n||8===e.D.nodeType)&&e.R===t.R:!!n||e.O===t.O),Fe=e=>e&&e["s-ol"]||e,Me=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,Ae=(e,n,s=!1)=>{const o=n.D=e.D,l=e.j,r=n.j,i=n.T,a=n.k;let c;null===a?(je="svg"===i||"foreignObject"!==i&&je,("slot"!==i||ke)&&ye(e,n,je),null!==l&&null!==r?De(o,l,n,r,s):null!==r?(null!==e.k&&(o.textContent=""),Te(o,null,n,r,0,r.length-1)):!s&&t.updatable&&null!==l&&Ee(l,0,l.length-1),je&&"svg"===i&&(je=!1)):(c=o["s-cr"])?c.parentNode.textContent=a:e.k!==a&&(o.data=a)},Pe=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const s of t)if(s!==e)if(s["s-hn"]!==e["s-hn"]||""!==n){if(1===s.nodeType&&(n===s.getAttribute("slot")||n===s["s-sn"])||3===s.nodeType&&n===s["s-sn"]){e.hidden=!0;break}}else if(1===s.nodeType||3===s.nodeType&&""!==s.textContent.trim()){e.hidden=!0;break}}Pe(e)}},Ne=[],Ue=e=>{let n,s,o;for(const l of e.childNodes){if(l["s-sr"]&&(n=l["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=l["s-sn"];for(o=s.length-1;o>=0;o--)if(n=s[o],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==l["s-hn"]&&!t.experimentalSlotFixes)if(We(n,e)){let t=Ne.find((e=>e.I===n));xe=!0,n["s-sn"]=n["s-sn"]||e,t?(t.I["s-sh"]=l["s-hn"],t.H=l):(n["s-sh"]=l["s-hn"],Ne.push({H:l,I:n})),n["s-sr"]&&Ne.map((e=>{We(e.I,n["s-sn"])&&(t=Ne.find((e=>e.I===n)),t&&!e.H&&(e.H=t.H))}))}else Ne.some((e=>e.I===n))||Ne.push({I:n})}1===l.nodeType&&Ue(l)}},We=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,Ie=e=>{e.C&&e.C.ref&&e.C.ref(null),e.j&&e.j.map(Ie)},He=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ze=(e,t,n=!1)=>{var s,o,l,r;const i=e.$hostElement$,a=e.i,c=e.L||K(null,null),d=_(t)?t:G(null,null,t);if(Se=i.tagName,a.B&&(d.C=d.C||{},a.B.map((([e,t])=>d.C[t]=i[e]))),n&&d.C)for(const e of Object.keys(d.C))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(d.C[e]=i[e]);if(d.T=null,d.l|=4,e.L=d,d.D=c.D=i.shadowRoot||i,be=i["s-sc"],ke=!!(1&a.l),ge=i["s-cr"],xe=!1,Ae(c,d,n),O.l|=1,Ce){Ue(d.D);for(const e of Ne){const t=e.I;if(!t["s-ol"]){const e=j.createTextNode("");e["s-nr"]=t,He(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ne){const t=e.I,i=e.H;if(i){const e=i.parentNode;let n=i.nextSibling;{let l=null==(s=t["s-ol"])?void 0:s.previousSibling;for(;l;){let s=null!=(o=l["s-nr"])?o:null;if(s&&s["s-sn"]===t["s-sn"]&&e===s.parentNode){for(s=s.nextSibling;s===t||(null==s?void 0:s["s-sr"]);)s=null==s?void 0:s.nextSibling;if(!s||!s["s-nr"]){n=s;break}}l=l.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),He(e,t,n),1===t.nodeType&&(t.hidden=null!=(l=t["s-ih"])&&l)),t&&"function"==typeof i["s-rf"]&&i["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(r=t.hidden)&&r),t.hidden=!0)}}xe&&Pe(d.D),O.l&=-2,Ne.length=0,ge=void 0},Be=(e,t)=>{t&&!e.V&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.V=t)))},Qe=(e,t)=>{if(4&e.l)return void(e.l|=512);Be(e,e.q);return Ve(e,t)},Ve=(e,t)=>{const n=e.$hostElement$,s=V("scheduleUpdate",e.i.m),o=e.t;if(!o)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid KoliBri runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.G&&(e.G.map((([e,t])=>Ye(o,e,t))),e.G=void 0),l=Ye(o,"componentWillLoad")),l=qe(l,(()=>Ye(o,"componentWillRender"))),s(),qe(l,(()=>Ke(e,o,t)))},qe=(e,t)=>Ge(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Ge=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ke=async(e,t,n)=>{var s;const o=e.$hostElement$,l=V("update",e.i.m),r=o["s-rc"];n&&ue(e);const i=V("render",e.i.m);Xe(e,t,o,n),r&&(r.map((e=>e())),o["s-rc"]=void 0),i(),l();{const t=null!=(s=o["s-p"])?s:[],n=()=>_e(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},Xe=(e,t,n,s)=>{try{t=t.render&&t.render(),e.l|=2,ze(e,t,s)}catch(t){c(t,e.$hostElement$)}return null},_e=e=>{const t=e.i.m,n=e.$hostElement$,s=V("postUpdate",t),o=e.t,l=e.q;Ye(o,"componentDidRender"),64&e.l?s():(e.l|=64,Ze(n),Ye(o,"componentDidLoad"),s(),e.p(n),l||Je()),e.v(n),e.V&&(e.V(),e.V=void 0),512&e.l&&L((()=>Qe(e,!1))),e.l&=-517},Je=t=>{Ze(j.documentElement),L((()=>oe(C,"appload",{detail:{namespace:e}})))},Ye=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){c(e)}},Ze=e=>{var n;return e.classList.add(null!=(n=t.hydratedSelectorName)?n:"hydrated")},et=(e,t)=>i(e).o.get(t),tt=(e,t,n,s)=>{const o=i(e);if(!o)throw new Error(`Couldn't find host element for "${s.m}" as it is unknown to this KoliBri runtime. This usually happens when integrating a 3rd party KoliBri component with another KoliBri component or application. Please reach out to the maintainers of the 3rd party KoliBri component or report this on the KoliBri Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=o.$hostElement$,r=o.o.get(t),a=o.l,d=o.t;n=se(n,s.K[t][0]);const u=Number.isNaN(r)&&Number.isNaN(n);if((!(8&a)||void 0===r)&&(n!==r&&!u)&&(o.o.set(t,n),d)){if(s.X&&128&a){const e=s.X[t];e&&e.map((e=>{try{d[e](n,r,t)}catch(e){c(e,l)}}))}2==(18&a)&&Qe(o,!1)}},rt=(e,t,n)=>{var s,o;const l=e.prototype;if(t.K||t.X||e.watchers){e.watchers&&!t.X&&(t.X=e.watchers);const r=Object.entries(null!=(s=t.K)?s:{});if(r.map((([e,[s]])=>{31&s||2&n&&32&s?Object.defineProperty(l,e,{get(){return et(this,e)},set(n){tt(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&s&&Object.defineProperty(l,e,{value(...t){var n;const s=i(this);return null==(n=null==s?void 0:s.u)?void 0:n.then((()=>{var n;return null==(n=s.t)?void 0:n[e](...t)}))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(e,s,o){O.jmp((()=>{var r;const a=n.get(e);if(this.hasOwnProperty(a))o=this[a],delete this[a];else{if(l.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==o)return;if(null==a){const n=i(this),l=null==n?void 0:n.l;if(l&&!(8&l)&&128&l&&o!==s){const l=n.t,i=null==(r=t.X)?void 0:r[e];null==i||i.forEach((t=>{null!=l[t]&&l[t].call(l,o,s,e)}))}return}}this[a]=(null!==o||"boolean"!=typeof this[a])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.X)?o:{}),...r.filter((([e,t])=>15&t[0])).map((([e,s])=>{var o;const l=s[1]||e;return n.set(l,e),512&s[0]&&(null==(o=t.B)||o.push([e,l])),l}))]))}}return e},lt=async(e,t,n,s)=>{let o;if(!(32&t.l)){t.l|=32;if(n.$){const s=v(n);if(s&&"then"in s){const e=q();o=await s,e()}else o=s;if(!o)throw new Error(`Constructor for "${n.m}#${t.W}" was not found`);o.isProxied||(n.X=o.watchers,rt(o,n,2),o.isProxied=!0);const l=V("createInstance",n.m);t.l|=8;try{new o(t)}catch(e){c(e)}t.l&=-9,t.l|=128,l(),nt(t.t)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(o&&o.style){let s;"string"==typeof o.style?s=o.style:"string"!=typeof o.style&&(t.W=le(e),t.W&&(s=o.style[t.W]));const l=ve(n,t.W);if(!d.has(l)){const e=V("registerStyles",n.m);fe(l,s,!!(1&n.l)),e()}}}const l=t.q,r=()=>Qe(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()},nt=e=>{Ye(e,"connectedCallback")},st=e=>{if(!(1&O.l)){const t=i(e),n=t.i,s=V("connectedCallback",n.m);if(1&t.l)ut(e,t,n._),(null==t?void 0:t.t)?nt(t.t):(null==t?void 0:t.h)&&t.h.then((()=>nt(t.t)));else{let s;if(t.l|=1,s=e.getAttribute(w),s){if(1&n.l){const t=ce(e.shadowRoot,n,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}ee(e,n.m,s,t)}s||12&n.l&&it(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Be(t,t.q=n);break}}n.K&&Object.entries(n.K).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),lt(e,t,n)}s()}},it=e=>{const t=e["s-cr"]=j.createComment("");t["s-cn"]=!0,He(e,t,e.firstChild)},ot=e=>{Ye(e,"disconnectedCallback")},at=async e=>{if(!(1&O.l)){const t=i(e);t.J&&(t.J.map((e=>e())),t.J=void 0),(null==t?void 0:t.t)?ot(t.t):(null==t?void 0:t.h)&&t.h.then((()=>ot(t.t)))}},ft=(e,t={})=>{var n;const s=V(),o=[],l=t.exclude||[],r=C.customElements,c=j.head,d=c.querySelector("meta[charset]"),u=j.createElement("style"),h=[];let p,f=!0;Object.assign(O,t),O.S=new URL(t.resourcesUrl||"./",j.baseURI).href,O.l|=2;let m=!1;if(e.map((e=>{e[1].map((n=>{var s;const c={l:n[0],m:n[1],K:n[2],_:n[3]};4&c.l&&(m=!0),c.K=n[2],c._=n[3],c.B=[],c.X=null!=(s=n[4])?s:{};const d=t.transformTagName?t.transformTagName(c.m):c.m,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,a(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${c.m}! Mode is set to ${e.shadowRoot.mode} but KoliBri only supports open shadow roots.`)}else e.attachShadow({mode:"open",delegatesFocus:!!(16&c.l)})}connectedCallback(){const e=i(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ut(this,e,c._)),p&&(clearTimeout(p),p=null),f?h.push(this):O.jmp((()=>st(this)))}disconnectedCallback(){O.jmp((()=>at(this)))}componentOnReady(){return i(this).h}};c.$=e[0],l.includes(d)||r.get(d)||(o.push(d),r.define(d,rt(u,c,1)))}))})),o.length>0&&(m&&(u.textContent+=k),u.textContent+=o.sort()+S,u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!=(n=O.U)?n:U(j);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,d?d.nextSibling:c.firstChild)}f=!1,h.length?h.map((e=>e.connectedCallback())):O.jmp((()=>p=setTimeout(Je,30))),s()},ct=(e,t)=>t,ut=(e,t,n,s)=>{n&&n.map((([n,s,o])=>{const l=dt(e,n),r=vt(t,o),i=ht(n);O.ael(l,s,r,i),(t.J=t.J||[]).push((()=>O.rel(l,s,r,i)))}))},vt=(e,t)=>n=>{var s;try{256&e.l?null==(s=e.t)||s[t](n):(e.G=e.G||[]).push([t,n])}catch(e){c(e)}},dt=(e,t)=>8&t?C:e,ht=e=>T?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e),pt=e=>O.U=e;export{r as E,ct as F,X as H,ne as a,ft as b,ie as g,G as h,E as p,o as r,pt as s};