@public-ui/components 2.1.2 → 2.1.3

package/dist/cjs/index-b404dbee.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}const NAMESPACE="kolibri",BUILD={allRenderFn:!0,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:!1,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};var __defProp=Object.defineProperty,__export=(e,t)=>{for(var r in t)__defProp(e,r,{get:t[r],enumerable:!0})},EMPTY_OBJ={},SVG_NS="http://www.w3.org/2000/svg",HTML_NS="http://www.w3.org/1999/xhtml",isDef=e=>null!=e,isComplexType=e=>"object"===(e=typeof e)||"function"===e;function queryNonceMetaTagContent(e){var t,r,o;return null!=(o=null==(r=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?o:void 0}var result_exports={};__export(result_exports,{err:()=>err,map:()=>map,ok:()=>ok,unwrap:()=>unwrap,unwrapErr:()=>unwrapErr});var ok=e=>({isOk:!0,isErr:!1,value:e}),err=e=>({isOk:!1,isErr:!0,value:e});function map(e,t){if(e.isOk){const r=t(e.value);return r instanceof Promise?r.then((e=>ok(e))):ok(r)}if(e.isErr){const t=e.value;return err(t)}throw"should never get here"}var scopeId,contentRef,hostTagName,unwrap=e=>{if(e.isOk)return e.value;throw e.value},unwrapErr=e=>{if(e.isErr)return e.value;throw e.value},createTime=(e,t="")=>()=>{},uniqueTime=(e,t)=>()=>{},CONTENT_REF_ID="r",ORG_LOCATION_ID="o",SLOT_NODE_ID="s",TEXT_NODE_ID="t",HYDRATE_ID="s-id",HYDRATED_STYLE_ID="sty-id",HYDRATE_CHILD_ID="c-id",HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}",SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}",XLINK_NS="http://www.w3.org/1999/xlink",h=(e,t,...r)=>{let o=null,n=null,s=null,l=!1,a=!1;const i=[],c=t=>{for(let r=0;r<t.length;r++)o=t[r],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!isComplexType(o))&&(o=String(o)),l&&a?i[i.length-1].$text$+=o:i.push(l?newVNode(null,o):o),a=l)};if(c(r),t){t.key&&(n=t.key),t.name&&(s=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,i,vdomFnUtils);const $=newVNode(e,null);return $.$attrs$=t,i.length>0&&($.$children$=i),$.$key$=n,$.$name$=s,$},newVNode=(e,t)=>{const r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null};return r},Host={},isHost=e=>e&&e.$tag$===Host,vdomFnUtils={forEach:(e,t)=>e.map(convertToPublic).forEach(t),map:(e,t)=>e.map(convertToPublic).map(t).map(convertToPrivate)},convertToPublic=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),convertToPrivate=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),h(e.vtag,t,...e.vchildren||[])}const t=newVNode(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},initializeClientHydrate=(e,t,r,o)=>{const n=createTime("hydrateClient",t),s=e.shadowRoot,l=[],a=s?[]:null,i=o.$vnode$=newVNode(t,null);plt.$orgLocNodes$||initializeDocumentHydrate(doc.body,plt.$orgLocNodes$=new Map),e[HYDRATE_ID]=r,e.removeAttribute(HYDRATE_ID),clientHydrate(i,l,[],a,e,e,r),l.map((e=>{const r=e.$hostId$+"."+e.$nodeId$,o=plt.$orgLocNodes$.get(r),n=e.$elm$;o&&supportsShadow&&""===o["s-en"]&&o.parentNode.insertBefore(n,o.nextSibling),s||(n["s-hn"]=t,o&&(n["s-ol"]=o,n["s-ol"]["s-nr"]=n)),plt.$orgLocNodes$.delete(r)})),s&&a.map((e=>{e&&s.appendChild(e)})),n()},clientHydrate=(e,t,r,o,n,s,l)=>{let a,i,c,$;if(1===s.nodeType){for(a=s.getAttribute(HYDRATE_CHILD_ID),a&&(i=a.split("."),i[0]!==l&&"0"!==i[0]||(c={$flags$:0,$hostId$:i[0],$nodeId$:i[1],$depth$:i[2],$index$:i[3],$tag$:s.tagName.toLowerCase(),$elm$:s,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(c),s.removeAttribute(HYDRATE_CHILD_ID),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c,e=c,o&&"0"===c.$depth$&&(o[c.$index$]=c.$elm$))),$=s.childNodes.length-1;$>=0;$--)clientHydrate(e,t,r,o,n,s.childNodes[$],l);if(s.shadowRoot)for($=s.shadowRoot.childNodes.length-1;$>=0;$--)clientHydrate(e,t,r,o,n,s.shadowRoot.childNodes[$],l)}else if(8===s.nodeType)i=s.nodeValue.split("."),i[1]!==l&&"0"!==i[1]||(a=i[0],c={$flags$:0,$hostId$:i[1],$nodeId$:i[2],$depth$:i[3],$index$:i[4],$elm$:s,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},a===TEXT_NODE_ID?(c.$elm$=s.nextSibling,c.$elm$&&3===c.$elm$.nodeType&&(c.$text$=c.$elm$.textContent,t.push(c),s.remove(),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c,o&&"0"===c.$depth$&&(o[c.$index$]=c.$elm$))):c.$hostId$===l&&(a===SLOT_NODE_ID?(c.$tag$="slot",i[5]?s["s-sn"]=c.$name$=i[5]:s["s-sn"]="",s["s-sr"]=!0,o&&(c.$elm$=doc.createElement(c.$tag$),c.$name$&&c.$elm$.setAttribute("name",c.$name$),s.parentNode.insertBefore(c.$elm$,s),s.remove(),"0"===c.$depth$&&(o[c.$index$]=c.$elm$)),r.push(c),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c):a===CONTENT_REF_ID&&(o?s.remove():(n["s-cr"]=s,s["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=newVNode(null,s.textContent);t.$elm$=s,t.$index$="0",e.$children$=[t]}},initializeDocumentHydrate=(e,t)=>{if(1===e.nodeType){let r=0;for(;r<e.childNodes.length;r++)initializeDocumentHydrate(e.childNodes[r],t);if(e.shadowRoot)for(r=0;r<e.shadowRoot.childNodes.length;r++)initializeDocumentHydrate(e.shadowRoot.childNodes[r],t)}else if(8===e.nodeType){const r=e.nodeValue.split(".");r[0]===ORG_LOCATION_ID&&(t.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},computeMode=e=>modeResolutionChain.map((t=>t(e))).find((e=>!!e)),setMode=e=>modeResolutionChain.push(e),parsePropertyValue=(e,t)=>null==e||isComplexType(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e,getElement=e=>getHostRef(e).$hostElement$,emitEvent=(e,t,r)=>{const o=plt.ce(t,r);return e.dispatchEvent(o),o},rootAppliedStyles=new WeakMap,registerStyle=(e,t,r)=>{let o=styles.get(e);supportsConstructableStylesheets&&r?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,styles.set(e,o)},addStyle=(e,t,r)=>{var o;const n=getScopeId(t,r),s=styles.get(n);if(e=11===e.nodeType?e:doc,s)if("string"==typeof s){e=e.head||e;let r,l=rootAppliedStyles.get(e);if(l||rootAppliedStyles.set(e,l=new Set),!l.has(n)){if(e.host&&(r=e.querySelector(`[${HYDRATED_STYLE_ID}="${n}"]`)))r.innerHTML=s;else{r=doc.createElement("style"),r.innerHTML=s;const t=null!=(o=plt.$nonce$)?o:queryNonceMetaTagContent(doc);null!=t&&r.setAttribute("nonce",t),e.insertBefore(r,e.querySelector("link"))}4&t.$flags$&&(r.innerHTML+=SLOT_FB_CSS),l&&l.add(n)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return n},attachStyles=e=>{const t=e.$cmpMeta$,r=e.$hostElement$,o=t.$flags$,n=createTime("attachStyles",t.$tagName$),s=addStyle(r.shadowRoot?r.shadowRoot:r.getRootNode(),t,e.$modeName$);10&o&&(r["s-sc"]=s,r.classList.add(s+"-h")),n()},getScopeId=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),convertScopedToShadow=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),setAccessor=(e,t,r,o,n,s)=>{if(r!==o){let l=isMemberInElement(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,n=parseClassList(r),s=parseClassList(o);t.remove(...n.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!n.includes(e))))}else if("style"===t){for(const t in r)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)r&&o[t]===r[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&o(e);else if(l||"o"!==t[0]||"n"!==t[1]){const i=isComplexType(o);if((l||i&&null!==o)&&!n)try{if(e.tagName.includes("-"))e[t]=o;else{const n=null==o?"":o;"list"===t?l=!1:null!=r&&e[t]==n||(e[t]=n)}}catch(e){}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(XLINK_NS,t):e.removeAttribute(t)):(!l||4&s||n)&&!i&&(o=!0===o?"":o,c?e.setAttributeNS(XLINK_NS,t,o):e.setAttribute(t,o))}else if(t="-"===t[2]?t.slice(3):isMemberInElement(win,a)?a.slice(2):a[2]+t.slice(3),r||o){const n=t.endsWith(CAPTURE_EVENT_SUFFIX);t=t.replace(CAPTURE_EVENT_REGEX,""),r&&plt.rel(e,t,r,n),o&&plt.ael(e,t,o,n)}}},parseClassListRegex=/\s/,parseClassList=e=>e?e.split(parseClassListRegex):[],CAPTURE_EVENT_SUFFIX="Capture",CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$"),updateElement=(e,t,r)=>{const o=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||EMPTY_OBJ,s=t.$attrs$||EMPTY_OBJ;for(const e of sortedAttrNames(Object.keys(n)))e in s||setAccessor(o,e,n[e],void 0,r,t.$flags$);for(const e of sortedAttrNames(Object.keys(s)))setAccessor(o,e,n[e],s[e],r,t.$flags$)};function sortedAttrNames(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var useNativeShadowDom=!1,checkSlotFallbackVisibility=!1,checkSlotRelocate=!1,isSvgMode=!1,createElm=(e,t,r,o)=>{var n;const s=t.$children$[r];let l,a,i,c=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===s.$tag$&&(scopeId&&o.classList.add(scopeId+"-s"),s.$flags$|=s.$children$?2:1)),null!==s.$text$)l=s.$elm$=doc.createTextNode(s.$text$);else if(1&s.$flags$)l=s.$elm$=doc.createTextNode("");else{if(isSvgMode||(isSvgMode="svg"===s.$tag$),l=s.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,2&s.$flags$?"slot-fb":s.$tag$),isSvgMode&&"foreignObject"===s.$tag$&&(isSvgMode=!1),updateElement(null,s,isSvgMode),isDef(scopeId)&&l["s-si"]!==scopeId&&l.classList.add(l["s-si"]=scopeId),s.$children$)for(c=0;c<s.$children$.length;++c)a=createElm(e,s,c,l),a&&l.appendChild(a);"svg"===s.$tag$?isSvgMode=!1:"foreignObject"===l.tagName&&(isSvgMode=!0)}return l["s-hn"]=hostTagName,3&s.$flags$&&(l["s-sr"]=!0,l["s-cr"]=contentRef,l["s-sn"]=s.$name$||"",l["s-rf"]=null==(n=s.$attrs$)?void 0:n.ref,i=e&&e.$children$&&e.$children$[r],i&&i.$tag$===s.$tag$&&e.$elm$&&putBackInOriginalLocation(e.$elm$,!1)),l},putBackInOriginalLocation=(e,t)=>{plt.$flags$|=1;const r=Array.from(e.childNodes);if(e["s-sr"]&&BUILD.experimentalSlotFixes){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===hostTagName&&r.push(t)}for(let e=r.length-1;e>=0;e--){const o=r[e];o["s-hn"]!==hostTagName&&o["s-ol"]&&(insertBefore(parentReferenceNode(o),o,referenceNode(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,checkSlotRelocate=!0),t&&putBackInOriginalLocation(o,t)}plt.$flags$&=-2},addVnodes=(e,t,r,o,n,s)=>{let l,a=e["s-cr"]&&e["s-cr"].parentNode||e;for(a.shadowRoot&&a.tagName===hostTagName&&(a=a.shadowRoot);n<=s;++n)o[n]&&(l=createElm(null,r,n,e),l&&(o[n].$elm$=l,insertBefore(a,l,referenceNode(t))))},removeVnodes=(e,t,r)=>{for(let o=t;o<=r;++o){const t=e[o];if(t){const e=t.$elm$;nullifyVNodeRefs(t),e&&(checkSlotFallbackVisibility=!0,e["s-ol"]?e["s-ol"].remove():putBackInOriginalLocation(e,!0),e.remove())}}},updateChildren=(e,t,r,o,n=!1)=>{let s,l,a=0,i=0,c=0,$=0,u=t.length-1,d=t[0],p=t[u],m=o.length-1,h=o[0],f=o[m];for(;a<=u&&i<=m;)if(null==d)d=t[++a];else if(null==p)p=t[--u];else if(null==h)h=o[++i];else if(null==f)f=o[--m];else if(isSameVnode(d,h,n))patch(d,h,n),d=t[++a],h=o[++i];else if(isSameVnode(p,f,n))patch(p,f,n),p=t[--u],f=o[--m];else if(isSameVnode(d,f,n))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(d.$elm$.parentNode,!1),patch(d,f,n),insertBefore(e,d.$elm$,p.$elm$.nextSibling),d=t[++a],f=o[--m];else if(isSameVnode(p,h,n))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(p.$elm$.parentNode,!1),patch(p,h,n),insertBefore(e,p.$elm$,d.$elm$),p=t[--u],h=o[++i];else{for(c=-1,$=a;$<=u;++$)if(t[$]&&null!==t[$].$key$&&t[$].$key$===h.$key$){c=$;break}c>=0?(l=t[c],l.$tag$!==h.$tag$?s=createElm(t&&t[i],r,c,e):(patch(l,h,n),t[c]=void 0,s=l.$elm$),h=o[++i]):(s=createElm(t&&t[i],r,i,e),h=o[++i]),s&&insertBefore(parentReferenceNode(d.$elm$),s,referenceNode(d.$elm$))}a>u?addVnodes(e,null==o[m+1]?null:o[m+1].$elm$,r,o,i,m):i>m&&removeVnodes(t,a,u)},isSameVnode=(e,t,r=!1)=>e.$tag$===t.$tag$&&("slot"===e.$tag$?e.$name$===t.$name$:!!r||e.$key$===t.$key$),referenceNode=e=>e&&e["s-ol"]||e,parentReferenceNode=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,patch=(e,t,r=!1)=>{const o=t.$elm$=e.$elm$,n=e.$children$,s=t.$children$,l=t.$tag$,a=t.$text$;let i;null===a?(isSvgMode="svg"===l||"foreignObject"!==l&&isSvgMode,("slot"!==l||useNativeShadowDom)&&updateElement(e,t,isSvgMode),null!==n&&null!==s?updateChildren(o,n,t,s,r):null!==s?(null!==e.$text$&&(o.textContent=""),addVnodes(o,null,t,s,0,s.length-1)):null!==n&&removeVnodes(n,0,n.length-1),isSvgMode&&"svg"===l&&(isSvgMode=!1)):(i=o["s-cr"])?i.parentNode.textContent=a:e.$text$!==a&&(o.data=a)},updateFallbackSlotVisibility=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const r=e["s-sn"];e.hidden=!1;for(const o of t)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==r){if(1===o.nodeType&&(r===o.getAttribute("slot")||r===o["s-sn"])||3===o.nodeType&&r===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}updateFallbackSlotVisibility(e)}},relocateNodes=[],markSlotContentForRelocation=e=>{let t,r,o;for(const n of e.childNodes){if(n["s-sr"]&&(t=n["s-cr"])&&t.parentNode){r=t.parentNode.childNodes;const e=n["s-sn"];for(o=r.length-1;o>=0;o--)if(t=r[o],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==n["s-hn"]&&!BUILD.experimentalSlotFixes)if(isNodeLocatedInSlot(t,e)){let r=relocateNodes.find((e=>e.$nodeToRelocate$===t));checkSlotFallbackVisibility=!0,t["s-sn"]=t["s-sn"]||e,r?(r.$nodeToRelocate$["s-sh"]=n["s-hn"],r.$slotRefNode$=n):(t["s-sh"]=n["s-hn"],relocateNodes.push({$slotRefNode$:n,$nodeToRelocate$:t})),t["s-sr"]&&relocateNodes.map((e=>{isNodeLocatedInSlot(e.$nodeToRelocate$,t["s-sn"])&&(r=relocateNodes.find((e=>e.$nodeToRelocate$===t)),r&&!e.$slotRefNode$&&(e.$slotRefNode$=r.$slotRefNode$))}))}else relocateNodes.some((e=>e.$nodeToRelocate$===t))||relocateNodes.push({$nodeToRelocate$:t})}1===n.nodeType&&markSlotContentForRelocation(n)}},isNodeLocatedInSlot=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,nullifyVNodeRefs=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(nullifyVNodeRefs)},insertBefore=(e,t,r)=>null==e?void 0:e.insertBefore(t,r),renderVdom=(e,t,r=!1)=>{var o,n,s,l;const a=e.$hostElement$,i=e.$cmpMeta$,c=e.$vnode$||newVNode(null,null),$=isHost(t)?t:h(null,null,t);if(hostTagName=a.tagName,i.$attrsToReflect$&&($.$attrs$=$.$attrs$||{},i.$attrsToReflect$.map((([e,t])=>$.$attrs$[t]=a[e]))),r&&$.$attrs$)for(const e of Object.keys($.$attrs$))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&($.$attrs$[e]=a[e]);if($.$tag$=null,$.$flags$|=4,e.$vnode$=$,$.$elm$=c.$elm$=a.shadowRoot||a,scopeId=a["s-sc"],useNativeShadowDom=!!(1&i.$flags$),contentRef=a["s-cr"],checkSlotFallbackVisibility=!1,patch(c,$,r),plt.$flags$|=1,checkSlotRelocate){markSlotContentForRelocation($.$elm$);for(const e of relocateNodes){const t=e.$nodeToRelocate$;if(!t["s-ol"]){const e=doc.createTextNode("");e["s-nr"]=t,insertBefore(t.parentNode,t["s-ol"]=e,t)}}for(const e of relocateNodes){const t=e.$nodeToRelocate$,a=e.$slotRefNode$;if(a){const e=a.parentNode;let r=a.nextSibling;{let s=null==(o=t["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(n=s["s-nr"])?n:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===t||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){r=o;break}}s=s.previousSibling}}(!r&&e!==t.parentNode||t.nextSibling!==r)&&t!==r&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),insertBefore(e,t,r),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof a["s-rf"]&&a["s-rf"](t)}else 1===t.nodeType&&(r&&(t["s-ih"]=null!=(l=t.hidden)&&l),t.hidden=!0)}}checkSlotFallbackVisibility&&updateFallbackSlotVisibility($.$elm$),plt.$flags$&=-2,relocateNodes.length=0,contentRef=void 0},attachToAncestor=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$onRenderResolve$=t)))},scheduleUpdate=(e,t)=>{if(4&e.$flags$)return void(e.$flags$|=512);attachToAncestor(e,e.$ancestorComponent$);return dispatchHooks(e,t)},dispatchHooks=(e,t)=>{const r=e.$hostElement$,o=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${r.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 s;return t&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,t])=>safeCall(n,e,t))),e.$queuedListeners$=void 0),s=safeCall(n,"componentWillLoad")),s=enqueue(s,(()=>safeCall(n,"componentWillRender"))),o(),enqueue(s,(()=>updateComponent(e,n,t)))},enqueue=(e,t)=>isPromisey(e)?e.then(t):t(),isPromisey=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,updateComponent=async(e,t,r)=>{var o;const n=e.$hostElement$,s=createTime("update",e.$cmpMeta$.$tagName$),l=n["s-rc"];r&&attachStyles(e);const a=createTime("render",e.$cmpMeta$.$tagName$);callRender(e,t,n,r),l&&(l.map((e=>e())),n["s-rc"]=void 0),a(),s();{const t=null!=(o=n["s-p"])?o:[],r=()=>postUpdateComponent(e);0===t.length?r():(Promise.all(t).then(r),e.$flags$|=4,t.length=0)}},callRender=(e,t,r,o)=>{try{t=t.render(),e.$flags$|=2,renderVdom(e,t,o)}catch(t){consoleError(t,e.$hostElement$)}return null},postUpdateComponent=e=>{const t=e.$cmpMeta$.$tagName$,r=e.$hostElement$,o=createTime("postUpdate",t),n=e.$lazyInstance$,s=e.$ancestorComponent$;safeCall(n,"componentDidRender"),64&e.$flags$?o():(e.$flags$|=64,addHydratedFlag(r),safeCall(n,"componentDidLoad"),o(),e.$onReadyResolve$(r),s||appDidLoad()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&nextTick((()=>scheduleUpdate(e,!1))),e.$flags$&=-517},appDidLoad=e=>{addHydratedFlag(doc.documentElement),nextTick((()=>emitEvent(win,"appload",{detail:{namespace:"kolibri"}})))},safeCall=(e,t,r)=>{if(e&&e[t])try{return e[t](r)}catch(e){consoleError(e)}},addHydratedFlag=e=>{var t;return e.classList.add(null!=(t=BUILD.hydratedSelectorName)?t:"hydrated")},getValue=(e,t)=>getHostRef(e).$instanceValues$.get(t),setValue=(e,t,r,o)=>{const n=getHostRef(e);if(!n)throw new Error(`Couldn't find host element for "${o.$tagName$}" 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 s=n.$hostElement$,l=n.$instanceValues$.get(t),a=n.$flags$,i=n.$lazyInstance$;r=parsePropertyValue(r,o.$members$[t][0]);const c=Number.isNaN(l)&&Number.isNaN(r);if((!(8&a)||void 0===l)&&(r!==l&&!c)&&(n.$instanceValues$.set(t,r),i)){if(o.$watchers$&&128&a){const e=o.$watchers$[t];e&&e.map((e=>{try{i[e](r,l,t)}catch(e){consoleError(e,s)}}))}2==(18&a)&&scheduleUpdate(n,!1)}},proxyComponent=(e,t,r)=>{var o;const n=e.prototype;if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$);if(s.map((([e,[o]])=>{31&o||2&r&&32&o?Object.defineProperty(n,e,{get(){return getValue(this,e)},set(r){setValue(this,e,r,t)},configurable:!0,enumerable:!0}):1&r&&64&o&&Object.defineProperty(n,e,{value(...t){var r;const o=getHostRef(this);return null==(r=null==o?void 0:o.$onInstancePromise$)?void 0:r.then((()=>{var r;return null==(r=o.$lazyInstance$)?void 0:r[e](...t)}))}})})),1&r){const r=new Map;n.attributeChangedCallback=function(e,o,s){plt.jmp((()=>{var l;const a=r.get(e);if(this.hasOwnProperty(a))s=this[a],delete this[a];else{if(n.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==s)return;if(null==a){const r=getHostRef(this),n=null==r?void 0:r.$flags$;if(n&&!(8&n)&&128&n&&s!==o){const n=r.$lazyInstance$,a=null==(l=t.$watchers$)?void 0:l[e];null==a||a.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[a]=(null!==s||"boolean"!=typeof this[a])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.$watchers$)?o:{}),...s.filter((([e,t])=>15&t[0])).map((([e,o])=>{var n;const s=o[1]||e;return r.set(s,e),512&o[0]&&(null==(n=t.$attrsToReflect$)||n.push([e,s])),s}))]))}}return e},initializeComponent=async(e,t,r,o)=>{let n;if(!(32&t.$flags$)){t.$flags$|=32;if(r.$lazyBundleId$){const e=loadModule(r);if(e&&"then"in e){const t=uniqueTime();n=await e,t()}else n=e;if(!n)throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);n.isProxied||(r.$watchers$=n.watchers,proxyComponent(n,r,2),n.isProxied=!0);const o=createTime("createInstance",r.$tagName$);t.$flags$|=8;try{new n(t)}catch(e){consoleError(e)}t.$flags$&=-9,t.$flags$|=128,o(),fireConnectedCallback(t.$lazyInstance$)}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.$flags$|=128))}if(n&&n.style){let o=n.style;"string"!=typeof o&&(t.$modeName$=computeMode(e),t.$modeName$&&(o=o[t.$modeName$]));const s=getScopeId(r,t.$modeName$);if(!styles.has(s)){const e=createTime("registerStyles",r.$tagName$);registerStyle(s,o,!!(1&r.$flags$)),e()}}}const s=t.$ancestorComponent$,l=()=>scheduleUpdate(t,!0);s&&s["s-rc"]?s["s-rc"].push(l):l()},fireConnectedCallback=e=>{safeCall(e,"connectedCallback")},connectedCallback=e=>{if(!(1&plt.$flags$)){const t=getHostRef(e),r=t.$cmpMeta$,o=createTime("connectedCallback",r.$tagName$);if(1&t.$flags$)addHostEventListeners(e,t,r.$listeners$),(null==t?void 0:t.$lazyInstance$)?fireConnectedCallback(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>fireConnectedCallback(t.$lazyInstance$)));else{let o;if(t.$flags$|=1,o=e.getAttribute(HYDRATE_ID),o){if(1&r.$flags$){const t=addStyle(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}initializeClientHydrate(e,r.$tagName$,o,t)}o||12&r.$flags$&&setContentReference(e);{let r=e;for(;r=r.parentNode||r.host;)if(1===r.nodeType&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){attachToAncestor(t,t.$ancestorComponent$=r);break}}r.$members$&&Object.entries(r.$members$).map((([t,[r]])=>{if(31&r&&e.hasOwnProperty(t)){const r=e[t];delete e[t],e[t]=r}})),initializeComponent(e,t,r)}o()}},setContentReference=e=>{const t=e["s-cr"]=doc.createComment("");t["s-cn"]=!0,insertBefore(e,t,e.firstChild)},disconnectInstance=e=>{safeCall(e,"disconnectedCallback")},disconnectedCallback=async e=>{if(!(1&plt.$flags$)){const t=getHostRef(e);t.$rmListeners$&&(t.$rmListeners$.map((e=>e())),t.$rmListeners$=void 0),(null==t?void 0:t.$lazyInstance$)?disconnectInstance(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>disconnectInstance(t.$lazyInstance$)))}},bootstrapLazy=(e,t={})=>{var r;const o=createTime(),n=[],s=t.exclude||[],l=win.customElements,a=doc.head,i=a.querySelector("meta[charset]"),c=doc.createElement("style"),$=[],u=doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);let d,p=!0,m=0;for(Object.assign(plt,t),plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href,plt.$flags$|=2;m<u.length;m++)registerStyle(u[m].getAttribute(HYDRATED_STYLE_ID),convertScopedToShadow(u[m].innerHTML),!0);let h=!1;if(e.map((e=>{e[1].map((r=>{var o;const a={$flags$:r[0],$tagName$:r[1],$members$:r[2],$listeners$:r[3]};4&a.$flags$&&(h=!0),a.$members$=r[2],a.$listeners$=r[3],a.$attrsToReflect$=[],a.$watchers$=null!=(o=r[4])?o:{};const i=t.transformTagName?t.transformTagName(a.$tagName$):a.$tagName$,c=class extends HTMLElement{constructor(e){super(e),registerHost(e=this,a),1&a.$flags$&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),p?$.push(this):plt.jmp((()=>connectedCallback(this)))}disconnectedCallback(){plt.jmp((()=>disconnectedCallback(this)))}componentOnReady(){return getHostRef(this).$onReadyPromise$}};a.$lazyBundleId$=e[0],s.includes(i)||l.get(i)||(n.push(i),l.define(i,proxyComponent(c,a,1)))}))})),n.length>0&&(h&&(c.textContent+=SLOT_FB_CSS),c.textContent+=n+HYDRATED_CSS,c.innerHTML.length)){c.setAttribute("data-styles","");const e=null!=(r=plt.$nonce$)?r:queryNonceMetaTagContent(doc);null!=e&&c.setAttribute("nonce",e),a.insertBefore(c,i?i.nextSibling:a.firstChild)}p=!1,$.length?$.map((e=>e.connectedCallback())):plt.jmp((()=>d=setTimeout(appDidLoad,30))),o()},Fragment=(e,t)=>t,addHostEventListeners=(e,t,r,o)=>{r&&r.map((([r,o,n])=>{const s=getHostListenerTarget(e,r),l=hostListenerProxy(t,n),a=hostListenerOpts(r);plt.ael(s,o,l,a),(t.$rmListeners$=t.$rmListeners$||[]).push((()=>plt.rel(s,o,l,a)))}))},hostListenerProxy=(e,t)=>r=>{var o;try{256&e.$flags$?null==(o=e.$lazyInstance$)||o[t](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}catch(e){consoleError(e)}},getHostListenerTarget=(e,t)=>8&t?win:e,hostListenerOpts=e=>supportsListenerOptions?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e),setNonce=e=>plt.$nonce$=e,hostRefs=new WeakMap,getHostRef=e=>hostRefs.get(e),registerInstance=(e,t)=>hostRefs.set(t.$lazyInstance$=e,t),registerHost=(e,t)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return r.$onInstancePromise$=new Promise((e=>r.$onInstanceResolve$=e)),r.$onReadyPromise$=new Promise((e=>r.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],addHostEventListeners(e,r,t.$listeners$),hostRefs.set(e,r)},isMemberInElement=(e,t)=>t in e,consoleError=(e,t)=>(0,console.error)(e,t),cmpModules=new Map,loadModule=(e,t,r)=>{const o=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const s=cmpModules.get(n);if(s)return s[o];if(!r||!BUILD.hotModuleReplacement){const e=e=>(cmpModules.set(n,e),e[o]);switch(n){case"kol-abbr.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-abbr.cjs.entry.js"))})).then(e,consoleError);case"kol-accordion.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-accordion.cjs.entry.js"))})).then(e,consoleError);case"kol-alert.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-alert.cjs.entry.js"))})).then(e,consoleError);case"kol-avatar.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-avatar.cjs.entry.js"))})).then(e,consoleError);case"kol-badge.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-badge.cjs.entry.js"))})).then(e,consoleError);case"kol-breadcrumb.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-breadcrumb.cjs.entry.js"))})).then(e,consoleError);case"kol-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button.cjs.entry.js"))})).then(e,consoleError);case"kol-button-group.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-group.cjs.entry.js"))})).then(e,consoleError);case"kol-button-link.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-link.cjs.entry.js"))})).then(e,consoleError);case"kol-card.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-card.cjs.entry.js"))})).then(e,consoleError);case"kol-details.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-details.cjs.entry.js"))})).then(e,consoleError);case"kol-form.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-form.cjs.entry.js"))})).then(e,consoleError);case"kol-heading.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-heading.cjs.entry.js"))})).then(e,consoleError);case"kol-icon.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-icon.cjs.entry.js"))})).then(e,consoleError);case"kol-image.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-image.cjs.entry.js"))})).then(e,consoleError);case"kol-indented-text.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-indented-text.cjs.entry.js"))})).then(e,consoleError);case"kol-input-checkbox.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-checkbox.cjs.entry.js"))})).then(e,consoleError);case"kol-input-color.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-color.cjs.entry.js"))})).then(e,consoleError);case"kol-input-date.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-date.cjs.entry.js"))})).then(e,consoleError);case"kol-input-email.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-email.cjs.entry.js"))})).then(e,consoleError);case"kol-input-file.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-file.cjs.entry.js"))})).then(e,consoleError);case"kol-input-number.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-number.cjs.entry.js"))})).then(e,consoleError);case"kol-input-password.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-password.cjs.entry.js"))})).then(e,consoleError);case"kol-input-radio.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-radio.cjs.entry.js"))})).then(e,consoleError);case"kol-input-text.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-text.cjs.entry.js"))})).then(e,consoleError);case"kol-kolibri.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-kolibri.cjs.entry.js"))})).then(e,consoleError);case"kol-link.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link.cjs.entry.js"))})).then(e,consoleError);case"kol-link-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-button.cjs.entry.js"))})).then(e,consoleError);case"kol-link-group.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-group.cjs.entry.js"))})).then(e,consoleError);case"kol-logo.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-logo.cjs.entry.js"))})).then(e,consoleError);case"kol-modal.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-modal.cjs.entry.js"))})).then(e,consoleError);case"kol-nav.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-nav.cjs.entry.js"))})).then(e,consoleError);case"kol-pagination.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-pagination.cjs.entry.js"))})).then(e,consoleError);case"kol-progress.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-progress.cjs.entry.js"))})).then(e,consoleError);case"kol-quote.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-quote.cjs.entry.js"))})).then(e,consoleError);case"kol-select.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-select.cjs.entry.js"))})).then(e,consoleError);case"kol-skip-nav.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-skip-nav.cjs.entry.js"))})).then(e,consoleError);case"kol-span.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-span.cjs.entry.js"))})).then(e,consoleError);case"kol-spin.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-spin.cjs.entry.js"))})).then(e,consoleError);case"kol-split-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-split-button.cjs.entry.js"))})).then(e,consoleError);case"kol-symbol.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-symbol.cjs.entry.js"))})).then(e,consoleError);case"kol-table.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateless.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateless.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateful.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateful.cjs.entry.js"))})).then(e,consoleError);case"kol-tabs.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tabs.cjs.entry.js"))})).then(e,consoleError);case"kol-toolbar.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-toolbar.cjs.entry.js"))})).then(e,consoleError);case"kol-textarea.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-textarea.cjs.entry.js"))})).then(e,consoleError);case"kol-toast-container.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-toast-container.cjs.entry.js"))})).then(e,consoleError);case"kol-tree.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-item.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-item.cjs.entry.js"))})).then(e,consoleError);case"kol-version.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-version.cjs.entry.js"))})).then(e,consoleError);case"kol-alert-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-alert-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-avatar-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-avatar-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-button-group-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-group-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-button-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-combobox.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-combobox.cjs.entry.js"))})).then(e,consoleError);case"kol-heading-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-heading-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-input.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input.cjs.entry.js"))})).then(e,consoleError);case"kol-input-range.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-range.cjs.entry.js"))})).then(e,consoleError);case"kol-link-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-popover-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-popover-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-span-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-span-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateless-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateless-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tooltip-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tooltip-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-item-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-item-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-wc.cjs.entry.js"))})).then(e,consoleError)}}return Promise.resolve().then((function(){return _interopNamespace(require(`./${n}.entry.js`))})).then((e=>(cmpModules.set(n,e),e[o])),consoleError)},styles=new Map,modeResolutionChain=[],win="undefined"!=typeof window?window:{},doc=win.document||{head:{}},plt={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,o)=>e.addEventListener(t,r,o),rel:(e,t,r,o)=>e.removeEventListener(t,r,o),ce:(e,t)=>new CustomEvent(e,t)},supportsShadow=!0,supportsListenerOptions=(()=>{let e=!1;try{doc.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),promiseResolve=e=>Promise.resolve(e),supportsConstructableStylesheets=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),nextTick=e=>promiseResolve().then(e);exports.Fragment=Fragment,exports.Host=Host,exports.bootstrapLazy=bootstrapLazy,exports.getElement=getElement,exports.h=h,exports.promiseResolve=promiseResolve,exports.registerInstance=registerInstance,exports.setMode=setMode,exports.setNonce=setNonce;
+"use strict";function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}const NAMESPACE="kolibri",BUILD={allRenderFn:!0,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:!1,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};var __defProp=Object.defineProperty,__export=(e,t)=>{for(var r in t)__defProp(e,r,{get:t[r],enumerable:!0})},EMPTY_OBJ={},SVG_NS="http://www.w3.org/2000/svg",HTML_NS="http://www.w3.org/1999/xhtml",isDef=e=>null!=e,isComplexType=e=>"object"===(e=typeof e)||"function"===e;function queryNonceMetaTagContent(e){var t,r,o;return null!=(o=null==(r=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?o:void 0}var result_exports={};__export(result_exports,{err:()=>err,map:()=>map,ok:()=>ok,unwrap:()=>unwrap,unwrapErr:()=>unwrapErr});var ok=e=>({isOk:!0,isErr:!1,value:e}),err=e=>({isOk:!1,isErr:!0,value:e});function map(e,t){if(e.isOk){const r=t(e.value);return r instanceof Promise?r.then((e=>ok(e))):ok(r)}if(e.isErr){const t=e.value;return err(t)}throw"should never get here"}var scopeId,contentRef,hostTagName,unwrap=e=>{if(e.isOk)return e.value;throw e.value},unwrapErr=e=>{if(e.isErr)return e.value;throw e.value},createTime=(e,t="")=>()=>{},uniqueTime=(e,t)=>()=>{},CONTENT_REF_ID="r",ORG_LOCATION_ID="o",SLOT_NODE_ID="s",TEXT_NODE_ID="t",HYDRATE_ID="s-id",HYDRATED_STYLE_ID="sty-id",HYDRATE_CHILD_ID="c-id",HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}",SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}",XLINK_NS="http://www.w3.org/1999/xlink",h=(e,t,...r)=>{let o=null,n=null,s=null,l=!1,a=!1;const i=[],c=t=>{for(let r=0;r<t.length;r++)o=t[r],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!isComplexType(o))&&(o=String(o)),l&&a?i[i.length-1].$text$+=o:i.push(l?newVNode(null,o):o),a=l)};if(c(r),t){t.key&&(n=t.key),t.name&&(s=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,i,vdomFnUtils);const $=newVNode(e,null);return $.$attrs$=t,i.length>0&&($.$children$=i),$.$key$=n,$.$name$=s,$},newVNode=(e,t)=>{const r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null};return r},Host={},isHost=e=>e&&e.$tag$===Host,vdomFnUtils={forEach:(e,t)=>e.map(convertToPublic).forEach(t),map:(e,t)=>e.map(convertToPublic).map(t).map(convertToPrivate)},convertToPublic=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),convertToPrivate=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),h(e.vtag,t,...e.vchildren||[])}const t=newVNode(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},initializeClientHydrate=(e,t,r,o)=>{const n=createTime("hydrateClient",t),s=e.shadowRoot,l=[],a=s?[]:null,i=o.$vnode$=newVNode(t,null);plt.$orgLocNodes$||initializeDocumentHydrate(doc.body,plt.$orgLocNodes$=new Map),e[HYDRATE_ID]=r,e.removeAttribute(HYDRATE_ID),clientHydrate(i,l,[],a,e,e,r),l.map((e=>{const r=e.$hostId$+"."+e.$nodeId$,o=plt.$orgLocNodes$.get(r),n=e.$elm$;o&&supportsShadow&&""===o["s-en"]&&o.parentNode.insertBefore(n,o.nextSibling),s||(n["s-hn"]=t,o&&(n["s-ol"]=o,n["s-ol"]["s-nr"]=n)),plt.$orgLocNodes$.delete(r)})),s&&a.map((e=>{e&&s.appendChild(e)})),n()},clientHydrate=(e,t,r,o,n,s,l)=>{let a,i,c,$;if(1===s.nodeType){for(a=s.getAttribute(HYDRATE_CHILD_ID),a&&(i=a.split("."),i[0]!==l&&"0"!==i[0]||(c={$flags$:0,$hostId$:i[0],$nodeId$:i[1],$depth$:i[2],$index$:i[3],$tag$:s.tagName.toLowerCase(),$elm$:s,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(c),s.removeAttribute(HYDRATE_CHILD_ID),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c,e=c,o&&"0"===c.$depth$&&(o[c.$index$]=c.$elm$))),$=s.childNodes.length-1;$>=0;$--)clientHydrate(e,t,r,o,n,s.childNodes[$],l);if(s.shadowRoot)for($=s.shadowRoot.childNodes.length-1;$>=0;$--)clientHydrate(e,t,r,o,n,s.shadowRoot.childNodes[$],l)}else if(8===s.nodeType)i=s.nodeValue.split("."),i[1]!==l&&"0"!==i[1]||(a=i[0],c={$flags$:0,$hostId$:i[1],$nodeId$:i[2],$depth$:i[3],$index$:i[4],$elm$:s,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},a===TEXT_NODE_ID?(c.$elm$=s.nextSibling,c.$elm$&&3===c.$elm$.nodeType&&(c.$text$=c.$elm$.textContent,t.push(c),s.remove(),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c,o&&"0"===c.$depth$&&(o[c.$index$]=c.$elm$))):c.$hostId$===l&&(a===SLOT_NODE_ID?(c.$tag$="slot",i[5]?s["s-sn"]=c.$name$=i[5]:s["s-sn"]="",s["s-sr"]=!0,o&&(c.$elm$=doc.createElement(c.$tag$),c.$name$&&c.$elm$.setAttribute("name",c.$name$),s.parentNode.insertBefore(c.$elm$,s),s.remove(),"0"===c.$depth$&&(o[c.$index$]=c.$elm$)),r.push(c),e.$children$||(e.$children$=[]),e.$children$[c.$index$]=c):a===CONTENT_REF_ID&&(o?s.remove():(n["s-cr"]=s,s["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=newVNode(null,s.textContent);t.$elm$=s,t.$index$="0",e.$children$=[t]}},initializeDocumentHydrate=(e,t)=>{if(1===e.nodeType){let r=0;for(;r<e.childNodes.length;r++)initializeDocumentHydrate(e.childNodes[r],t);if(e.shadowRoot)for(r=0;r<e.shadowRoot.childNodes.length;r++)initializeDocumentHydrate(e.shadowRoot.childNodes[r],t)}else if(8===e.nodeType){const r=e.nodeValue.split(".");r[0]===ORG_LOCATION_ID&&(t.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},computeMode=e=>modeResolutionChain.map((t=>t(e))).find((e=>!!e)),setMode=e=>modeResolutionChain.push(e),parsePropertyValue=(e,t)=>null==e||isComplexType(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e,getElement=e=>getHostRef(e).$hostElement$,emitEvent=(e,t,r)=>{const o=plt.ce(t,r);return e.dispatchEvent(o),o},rootAppliedStyles=new WeakMap,registerStyle=(e,t,r)=>{let o=styles.get(e);supportsConstructableStylesheets&&r?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,styles.set(e,o)},addStyle=(e,t,r)=>{var o;const n=getScopeId(t,r),s=styles.get(n);if(e=11===e.nodeType?e:doc,s)if("string"==typeof s){e=e.head||e;let r,l=rootAppliedStyles.get(e);if(l||rootAppliedStyles.set(e,l=new Set),!l.has(n)){if(e.host&&(r=e.querySelector(`[${HYDRATED_STYLE_ID}="${n}"]`)))r.innerHTML=s;else{r=doc.createElement("style"),r.innerHTML=s;const t=null!=(o=plt.$nonce$)?o:queryNonceMetaTagContent(doc);null!=t&&r.setAttribute("nonce",t),e.insertBefore(r,e.querySelector("link"))}4&t.$flags$&&(r.innerHTML+=SLOT_FB_CSS),l&&l.add(n)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return n},attachStyles=e=>{const t=e.$cmpMeta$,r=e.$hostElement$,o=t.$flags$,n=createTime("attachStyles",t.$tagName$),s=addStyle(r.shadowRoot?r.shadowRoot:r.getRootNode(),t,e.$modeName$);10&o&&(r["s-sc"]=s,r.classList.add(s+"-h")),n()},getScopeId=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),convertScopedToShadow=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),setAccessor=(e,t,r,o,n,s)=>{if(r!==o){let l=isMemberInElement(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,n=parseClassList(r),s=parseClassList(o);t.remove(...n.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!n.includes(e))))}else if("style"===t){for(const t in r)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)r&&o[t]===r[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&o(e);else if(l||"o"!==t[0]||"n"!==t[1]){const i=isComplexType(o);if((l||i&&null!==o)&&!n)try{if(e.tagName.includes("-"))e[t]=o;else{const n=null==o?"":o;"list"===t?l=!1:null!=r&&e[t]==n||(e[t]=n)}}catch(e){}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(XLINK_NS,t):e.removeAttribute(t)):(!l||4&s||n)&&!i&&(o=!0===o?"":o,c?e.setAttributeNS(XLINK_NS,t,o):e.setAttribute(t,o))}else if(t="-"===t[2]?t.slice(3):isMemberInElement(win,a)?a.slice(2):a[2]+t.slice(3),r||o){const n=t.endsWith(CAPTURE_EVENT_SUFFIX);t=t.replace(CAPTURE_EVENT_REGEX,""),r&&plt.rel(e,t,r,n),o&&plt.ael(e,t,o,n)}}},parseClassListRegex=/\s/,parseClassList=e=>e?e.split(parseClassListRegex):[],CAPTURE_EVENT_SUFFIX="Capture",CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$"),updateElement=(e,t,r)=>{const o=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||EMPTY_OBJ,s=t.$attrs$||EMPTY_OBJ;for(const e of sortedAttrNames(Object.keys(n)))e in s||setAccessor(o,e,n[e],void 0,r,t.$flags$);for(const e of sortedAttrNames(Object.keys(s)))setAccessor(o,e,n[e],s[e],r,t.$flags$)};function sortedAttrNames(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var useNativeShadowDom=!1,checkSlotFallbackVisibility=!1,checkSlotRelocate=!1,isSvgMode=!1,createElm=(e,t,r,o)=>{var n;const s=t.$children$[r];let l,a,i,c=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===s.$tag$&&(scopeId&&o.classList.add(scopeId+"-s"),s.$flags$|=s.$children$?2:1)),null!==s.$text$)l=s.$elm$=doc.createTextNode(s.$text$);else if(1&s.$flags$)l=s.$elm$=doc.createTextNode("");else{if(isSvgMode||(isSvgMode="svg"===s.$tag$),l=s.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,2&s.$flags$?"slot-fb":s.$tag$),isSvgMode&&"foreignObject"===s.$tag$&&(isSvgMode=!1),updateElement(null,s,isSvgMode),isDef(scopeId)&&l["s-si"]!==scopeId&&l.classList.add(l["s-si"]=scopeId),s.$children$)for(c=0;c<s.$children$.length;++c)a=createElm(e,s,c,l),a&&l.appendChild(a);"svg"===s.$tag$?isSvgMode=!1:"foreignObject"===l.tagName&&(isSvgMode=!0)}return l["s-hn"]=hostTagName,3&s.$flags$&&(l["s-sr"]=!0,l["s-cr"]=contentRef,l["s-sn"]=s.$name$||"",l["s-rf"]=null==(n=s.$attrs$)?void 0:n.ref,i=e&&e.$children$&&e.$children$[r],i&&i.$tag$===s.$tag$&&e.$elm$&&putBackInOriginalLocation(e.$elm$,!1)),l},putBackInOriginalLocation=(e,t)=>{plt.$flags$|=1;const r=Array.from(e.childNodes);if(e["s-sr"]&&BUILD.experimentalSlotFixes){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===hostTagName&&r.push(t)}for(let e=r.length-1;e>=0;e--){const o=r[e];o["s-hn"]!==hostTagName&&o["s-ol"]&&(insertBefore(parentReferenceNode(o),o,referenceNode(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,checkSlotRelocate=!0),t&&putBackInOriginalLocation(o,t)}plt.$flags$&=-2},addVnodes=(e,t,r,o,n,s)=>{let l,a=e["s-cr"]&&e["s-cr"].parentNode||e;for(a.shadowRoot&&a.tagName===hostTagName&&(a=a.shadowRoot);n<=s;++n)o[n]&&(l=createElm(null,r,n,e),l&&(o[n].$elm$=l,insertBefore(a,l,referenceNode(t))))},removeVnodes=(e,t,r)=>{for(let o=t;o<=r;++o){const t=e[o];if(t){const e=t.$elm$;nullifyVNodeRefs(t),e&&(checkSlotFallbackVisibility=!0,e["s-ol"]?e["s-ol"].remove():putBackInOriginalLocation(e,!0),e.remove())}}},updateChildren=(e,t,r,o,n=!1)=>{let s,l,a=0,i=0,c=0,$=0,u=t.length-1,d=t[0],p=t[u],m=o.length-1,h=o[0],f=o[m];for(;a<=u&&i<=m;)if(null==d)d=t[++a];else if(null==p)p=t[--u];else if(null==h)h=o[++i];else if(null==f)f=o[--m];else if(isSameVnode(d,h,n))patch(d,h,n),d=t[++a],h=o[++i];else if(isSameVnode(p,f,n))patch(p,f,n),p=t[--u],f=o[--m];else if(isSameVnode(d,f,n))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(d.$elm$.parentNode,!1),patch(d,f,n),insertBefore(e,d.$elm$,p.$elm$.nextSibling),d=t[++a],f=o[--m];else if(isSameVnode(p,h,n))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(p.$elm$.parentNode,!1),patch(p,h,n),insertBefore(e,p.$elm$,d.$elm$),p=t[--u],h=o[++i];else{for(c=-1,$=a;$<=u;++$)if(t[$]&&null!==t[$].$key$&&t[$].$key$===h.$key$){c=$;break}c>=0?(l=t[c],l.$tag$!==h.$tag$?s=createElm(t&&t[i],r,c,e):(patch(l,h,n),t[c]=void 0,s=l.$elm$),h=o[++i]):(s=createElm(t&&t[i],r,i,e),h=o[++i]),s&&insertBefore(parentReferenceNode(d.$elm$),s,referenceNode(d.$elm$))}a>u?addVnodes(e,null==o[m+1]?null:o[m+1].$elm$,r,o,i,m):i>m&&removeVnodes(t,a,u)},isSameVnode=(e,t,r=!1)=>e.$tag$===t.$tag$&&("slot"===e.$tag$?e.$name$===t.$name$:!!r||e.$key$===t.$key$),referenceNode=e=>e&&e["s-ol"]||e,parentReferenceNode=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,patch=(e,t,r=!1)=>{const o=t.$elm$=e.$elm$,n=e.$children$,s=t.$children$,l=t.$tag$,a=t.$text$;let i;null===a?(isSvgMode="svg"===l||"foreignObject"!==l&&isSvgMode,("slot"!==l||useNativeShadowDom)&&updateElement(e,t,isSvgMode),null!==n&&null!==s?updateChildren(o,n,t,s,r):null!==s?(null!==e.$text$&&(o.textContent=""),addVnodes(o,null,t,s,0,s.length-1)):null!==n&&removeVnodes(n,0,n.length-1),isSvgMode&&"svg"===l&&(isSvgMode=!1)):(i=o["s-cr"])?i.parentNode.textContent=a:e.$text$!==a&&(o.data=a)},updateFallbackSlotVisibility=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const r=e["s-sn"];e.hidden=!1;for(const o of t)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==r){if(1===o.nodeType&&(r===o.getAttribute("slot")||r===o["s-sn"])||3===o.nodeType&&r===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}updateFallbackSlotVisibility(e)}},relocateNodes=[],markSlotContentForRelocation=e=>{let t,r,o;for(const n of e.childNodes){if(n["s-sr"]&&(t=n["s-cr"])&&t.parentNode){r=t.parentNode.childNodes;const e=n["s-sn"];for(o=r.length-1;o>=0;o--)if(t=r[o],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==n["s-hn"]&&!BUILD.experimentalSlotFixes)if(isNodeLocatedInSlot(t,e)){let r=relocateNodes.find((e=>e.$nodeToRelocate$===t));checkSlotFallbackVisibility=!0,t["s-sn"]=t["s-sn"]||e,r?(r.$nodeToRelocate$["s-sh"]=n["s-hn"],r.$slotRefNode$=n):(t["s-sh"]=n["s-hn"],relocateNodes.push({$slotRefNode$:n,$nodeToRelocate$:t})),t["s-sr"]&&relocateNodes.map((e=>{isNodeLocatedInSlot(e.$nodeToRelocate$,t["s-sn"])&&(r=relocateNodes.find((e=>e.$nodeToRelocate$===t)),r&&!e.$slotRefNode$&&(e.$slotRefNode$=r.$slotRefNode$))}))}else relocateNodes.some((e=>e.$nodeToRelocate$===t))||relocateNodes.push({$nodeToRelocate$:t})}1===n.nodeType&&markSlotContentForRelocation(n)}},isNodeLocatedInSlot=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,nullifyVNodeRefs=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(nullifyVNodeRefs)},insertBefore=(e,t,r)=>null==e?void 0:e.insertBefore(t,r),renderVdom=(e,t,r=!1)=>{var o,n,s,l;const a=e.$hostElement$,i=e.$cmpMeta$,c=e.$vnode$||newVNode(null,null),$=isHost(t)?t:h(null,null,t);if(hostTagName=a.tagName,i.$attrsToReflect$&&($.$attrs$=$.$attrs$||{},i.$attrsToReflect$.map((([e,t])=>$.$attrs$[t]=a[e]))),r&&$.$attrs$)for(const e of Object.keys($.$attrs$))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&($.$attrs$[e]=a[e]);if($.$tag$=null,$.$flags$|=4,e.$vnode$=$,$.$elm$=c.$elm$=a.shadowRoot||a,scopeId=a["s-sc"],useNativeShadowDom=!!(1&i.$flags$),contentRef=a["s-cr"],checkSlotFallbackVisibility=!1,patch(c,$,r),plt.$flags$|=1,checkSlotRelocate){markSlotContentForRelocation($.$elm$);for(const e of relocateNodes){const t=e.$nodeToRelocate$;if(!t["s-ol"]){const e=doc.createTextNode("");e["s-nr"]=t,insertBefore(t.parentNode,t["s-ol"]=e,t)}}for(const e of relocateNodes){const t=e.$nodeToRelocate$,a=e.$slotRefNode$;if(a){const e=a.parentNode;let r=a.nextSibling;{let s=null==(o=t["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(n=s["s-nr"])?n:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===t||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){r=o;break}}s=s.previousSibling}}(!r&&e!==t.parentNode||t.nextSibling!==r)&&t!==r&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),insertBefore(e,t,r),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof a["s-rf"]&&a["s-rf"](t)}else 1===t.nodeType&&(r&&(t["s-ih"]=null!=(l=t.hidden)&&l),t.hidden=!0)}}checkSlotFallbackVisibility&&updateFallbackSlotVisibility($.$elm$),plt.$flags$&=-2,relocateNodes.length=0,contentRef=void 0},attachToAncestor=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$onRenderResolve$=t)))},scheduleUpdate=(e,t)=>{if(4&e.$flags$)return void(e.$flags$|=512);attachToAncestor(e,e.$ancestorComponent$);return dispatchHooks(e,t)},dispatchHooks=(e,t)=>{const r=e.$hostElement$,o=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${r.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 s;return t&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,t])=>safeCall(n,e,t))),e.$queuedListeners$=void 0),s=safeCall(n,"componentWillLoad")),s=enqueue(s,(()=>safeCall(n,"componentWillRender"))),o(),enqueue(s,(()=>updateComponent(e,n,t)))},enqueue=(e,t)=>isPromisey(e)?e.then(t):t(),isPromisey=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,updateComponent=async(e,t,r)=>{var o;const n=e.$hostElement$,s=createTime("update",e.$cmpMeta$.$tagName$),l=n["s-rc"];r&&attachStyles(e);const a=createTime("render",e.$cmpMeta$.$tagName$);callRender(e,t,n,r),l&&(l.map((e=>e())),n["s-rc"]=void 0),a(),s();{const t=null!=(o=n["s-p"])?o:[],r=()=>postUpdateComponent(e);0===t.length?r():(Promise.all(t).then(r),e.$flags$|=4,t.length=0)}},callRender=(e,t,r,o)=>{try{t=t.render(),e.$flags$|=2,renderVdom(e,t,o)}catch(t){consoleError(t,e.$hostElement$)}return null},postUpdateComponent=e=>{const t=e.$cmpMeta$.$tagName$,r=e.$hostElement$,o=createTime("postUpdate",t),n=e.$lazyInstance$,s=e.$ancestorComponent$;safeCall(n,"componentDidRender"),64&e.$flags$?o():(e.$flags$|=64,addHydratedFlag(r),safeCall(n,"componentDidLoad"),o(),e.$onReadyResolve$(r),s||appDidLoad()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&nextTick((()=>scheduleUpdate(e,!1))),e.$flags$&=-517},appDidLoad=e=>{addHydratedFlag(doc.documentElement),nextTick((()=>emitEvent(win,"appload",{detail:{namespace:"kolibri"}})))},safeCall=(e,t,r)=>{if(e&&e[t])try{return e[t](r)}catch(e){consoleError(e)}},addHydratedFlag=e=>{var t;return e.classList.add(null!=(t=BUILD.hydratedSelectorName)?t:"hydrated")},getValue=(e,t)=>getHostRef(e).$instanceValues$.get(t),setValue=(e,t,r,o)=>{const n=getHostRef(e);if(!n)throw new Error(`Couldn't find host element for "${o.$tagName$}" 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 s=n.$hostElement$,l=n.$instanceValues$.get(t),a=n.$flags$,i=n.$lazyInstance$;r=parsePropertyValue(r,o.$members$[t][0]);const c=Number.isNaN(l)&&Number.isNaN(r);if((!(8&a)||void 0===l)&&(r!==l&&!c)&&(n.$instanceValues$.set(t,r),i)){if(o.$watchers$&&128&a){const e=o.$watchers$[t];e&&e.map((e=>{try{i[e](r,l,t)}catch(e){consoleError(e,s)}}))}2==(18&a)&&scheduleUpdate(n,!1)}},proxyComponent=(e,t,r)=>{var o;const n=e.prototype;if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$);if(s.map((([e,[o]])=>{31&o||2&r&&32&o?Object.defineProperty(n,e,{get(){return getValue(this,e)},set(r){setValue(this,e,r,t)},configurable:!0,enumerable:!0}):1&r&&64&o&&Object.defineProperty(n,e,{value(...t){var r;const o=getHostRef(this);return null==(r=null==o?void 0:o.$onInstancePromise$)?void 0:r.then((()=>{var r;return null==(r=o.$lazyInstance$)?void 0:r[e](...t)}))}})})),1&r){const r=new Map;n.attributeChangedCallback=function(e,o,s){plt.jmp((()=>{var l;const a=r.get(e);if(this.hasOwnProperty(a))s=this[a],delete this[a];else{if(n.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==s)return;if(null==a){const r=getHostRef(this),n=null==r?void 0:r.$flags$;if(n&&!(8&n)&&128&n&&s!==o){const n=r.$lazyInstance$,a=null==(l=t.$watchers$)?void 0:l[e];null==a||a.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[a]=(null!==s||"boolean"!=typeof this[a])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.$watchers$)?o:{}),...s.filter((([e,t])=>15&t[0])).map((([e,o])=>{var n;const s=o[1]||e;return r.set(s,e),512&o[0]&&(null==(n=t.$attrsToReflect$)||n.push([e,s])),s}))]))}}return e},initializeComponent=async(e,t,r,o)=>{let n;if(!(32&t.$flags$)){t.$flags$|=32;if(r.$lazyBundleId$){const e=loadModule(r);if(e&&"then"in e){const t=uniqueTime();n=await e,t()}else n=e;if(!n)throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);n.isProxied||(r.$watchers$=n.watchers,proxyComponent(n,r,2),n.isProxied=!0);const o=createTime("createInstance",r.$tagName$);t.$flags$|=8;try{new n(t)}catch(e){consoleError(e)}t.$flags$&=-9,t.$flags$|=128,o(),fireConnectedCallback(t.$lazyInstance$)}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.$flags$|=128))}if(n&&n.style){let o=n.style;"string"!=typeof o&&(t.$modeName$=computeMode(e),t.$modeName$&&(o=o[t.$modeName$]));const s=getScopeId(r,t.$modeName$);if(!styles.has(s)){const e=createTime("registerStyles",r.$tagName$);registerStyle(s,o,!!(1&r.$flags$)),e()}}}const s=t.$ancestorComponent$,l=()=>scheduleUpdate(t,!0);s&&s["s-rc"]?s["s-rc"].push(l):l()},fireConnectedCallback=e=>{safeCall(e,"connectedCallback")},connectedCallback=e=>{if(!(1&plt.$flags$)){const t=getHostRef(e),r=t.$cmpMeta$,o=createTime("connectedCallback",r.$tagName$);if(1&t.$flags$)addHostEventListeners(e,t,r.$listeners$),(null==t?void 0:t.$lazyInstance$)?fireConnectedCallback(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>fireConnectedCallback(t.$lazyInstance$)));else{let o;if(t.$flags$|=1,o=e.getAttribute(HYDRATE_ID),o){if(1&r.$flags$){const t=addStyle(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}initializeClientHydrate(e,r.$tagName$,o,t)}o||12&r.$flags$&&setContentReference(e);{let r=e;for(;r=r.parentNode||r.host;)if(1===r.nodeType&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){attachToAncestor(t,t.$ancestorComponent$=r);break}}r.$members$&&Object.entries(r.$members$).map((([t,[r]])=>{if(31&r&&e.hasOwnProperty(t)){const r=e[t];delete e[t],e[t]=r}})),initializeComponent(e,t,r)}o()}},setContentReference=e=>{const t=e["s-cr"]=doc.createComment("");t["s-cn"]=!0,insertBefore(e,t,e.firstChild)},disconnectInstance=e=>{safeCall(e,"disconnectedCallback")},disconnectedCallback=async e=>{if(!(1&plt.$flags$)){const t=getHostRef(e);t.$rmListeners$&&(t.$rmListeners$.map((e=>e())),t.$rmListeners$=void 0),(null==t?void 0:t.$lazyInstance$)?disconnectInstance(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>disconnectInstance(t.$lazyInstance$)))}},bootstrapLazy=(e,t={})=>{var r;const o=createTime(),n=[],s=t.exclude||[],l=win.customElements,a=doc.head,i=a.querySelector("meta[charset]"),c=doc.createElement("style"),$=[],u=doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);let d,p=!0,m=0;for(Object.assign(plt,t),plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href,plt.$flags$|=2;m<u.length;m++)registerStyle(u[m].getAttribute(HYDRATED_STYLE_ID),convertScopedToShadow(u[m].innerHTML),!0);let h=!1;if(e.map((e=>{e[1].map((r=>{var o;const a={$flags$:r[0],$tagName$:r[1],$members$:r[2],$listeners$:r[3]};4&a.$flags$&&(h=!0),a.$members$=r[2],a.$listeners$=r[3],a.$attrsToReflect$=[],a.$watchers$=null!=(o=r[4])?o:{};const i=t.transformTagName?t.transformTagName(a.$tagName$):a.$tagName$,c=class extends HTMLElement{constructor(e){super(e),registerHost(e=this,a),1&a.$flags$&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),p?$.push(this):plt.jmp((()=>connectedCallback(this)))}disconnectedCallback(){plt.jmp((()=>disconnectedCallback(this)))}componentOnReady(){return getHostRef(this).$onReadyPromise$}};a.$lazyBundleId$=e[0],s.includes(i)||l.get(i)||(n.push(i),l.define(i,proxyComponent(c,a,1)))}))})),n.length>0&&(h&&(c.textContent+=SLOT_FB_CSS),c.textContent+=n+HYDRATED_CSS,c.innerHTML.length)){c.setAttribute("data-styles","");const e=null!=(r=plt.$nonce$)?r:queryNonceMetaTagContent(doc);null!=e&&c.setAttribute("nonce",e),a.insertBefore(c,i?i.nextSibling:a.firstChild)}p=!1,$.length?$.map((e=>e.connectedCallback())):plt.jmp((()=>d=setTimeout(appDidLoad,30))),o()},Fragment=(e,t)=>t,addHostEventListeners=(e,t,r,o)=>{r&&r.map((([r,o,n])=>{const s=getHostListenerTarget(e,r),l=hostListenerProxy(t,n),a=hostListenerOpts(r);plt.ael(s,o,l,a),(t.$rmListeners$=t.$rmListeners$||[]).push((()=>plt.rel(s,o,l,a)))}))},hostListenerProxy=(e,t)=>r=>{var o;try{256&e.$flags$?null==(o=e.$lazyInstance$)||o[t](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}catch(e){consoleError(e)}},getHostListenerTarget=(e,t)=>8&t?win:e,hostListenerOpts=e=>supportsListenerOptions?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e),setNonce=e=>plt.$nonce$=e,hostRefs=new WeakMap,getHostRef=e=>hostRefs.get(e),registerInstance=(e,t)=>hostRefs.set(t.$lazyInstance$=e,t),registerHost=(e,t)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return r.$onInstancePromise$=new Promise((e=>r.$onInstanceResolve$=e)),r.$onReadyPromise$=new Promise((e=>r.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],addHostEventListeners(e,r,t.$listeners$),hostRefs.set(e,r)},isMemberInElement=(e,t)=>t in e,consoleError=(e,t)=>(0,console.error)(e,t),cmpModules=new Map,loadModule=(e,t,r)=>{const o=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const s=cmpModules.get(n);if(s)return s[o];if(!r||!BUILD.hotModuleReplacement){const e=e=>(cmpModules.set(n,e),e[o]);switch(n){case"kol-abbr.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-abbr.cjs.entry.js"))})).then(e,consoleError);case"kol-accordion.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-accordion.cjs.entry.js"))})).then(e,consoleError);case"kol-alert.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-alert.cjs.entry.js"))})).then(e,consoleError);case"kol-avatar.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-avatar.cjs.entry.js"))})).then(e,consoleError);case"kol-badge.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-badge.cjs.entry.js"))})).then(e,consoleError);case"kol-breadcrumb.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-breadcrumb.cjs.entry.js"))})).then(e,consoleError);case"kol-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button.cjs.entry.js"))})).then(e,consoleError);case"kol-button-group.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-group.cjs.entry.js"))})).then(e,consoleError);case"kol-button-link.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-link.cjs.entry.js"))})).then(e,consoleError);case"kol-card.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-card.cjs.entry.js"))})).then(e,consoleError);case"kol-details.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-details.cjs.entry.js"))})).then(e,consoleError);case"kol-form.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-form.cjs.entry.js"))})).then(e,consoleError);case"kol-heading.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-heading.cjs.entry.js"))})).then(e,consoleError);case"kol-icon.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-icon.cjs.entry.js"))})).then(e,consoleError);case"kol-image.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-image.cjs.entry.js"))})).then(e,consoleError);case"kol-indented-text.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-indented-text.cjs.entry.js"))})).then(e,consoleError);case"kol-input-checkbox.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-checkbox.cjs.entry.js"))})).then(e,consoleError);case"kol-input-color.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-color.cjs.entry.js"))})).then(e,consoleError);case"kol-input-date.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-date.cjs.entry.js"))})).then(e,consoleError);case"kol-input-email.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-email.cjs.entry.js"))})).then(e,consoleError);case"kol-input-file.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-file.cjs.entry.js"))})).then(e,consoleError);case"kol-input-number.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-number.cjs.entry.js"))})).then(e,consoleError);case"kol-input-password.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-password.cjs.entry.js"))})).then(e,consoleError);case"kol-input-radio.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-radio.cjs.entry.js"))})).then(e,consoleError);case"kol-input-text.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-text.cjs.entry.js"))})).then(e,consoleError);case"kol-kolibri.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-kolibri.cjs.entry.js"))})).then(e,consoleError);case"kol-link.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link.cjs.entry.js"))})).then(e,consoleError);case"kol-link-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-button.cjs.entry.js"))})).then(e,consoleError);case"kol-link-group.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-group.cjs.entry.js"))})).then(e,consoleError);case"kol-logo.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-logo.cjs.entry.js"))})).then(e,consoleError);case"kol-modal.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-modal.cjs.entry.js"))})).then(e,consoleError);case"kol-nav.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-nav.cjs.entry.js"))})).then(e,consoleError);case"kol-pagination.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-pagination.cjs.entry.js"))})).then(e,consoleError);case"kol-progress.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-progress.cjs.entry.js"))})).then(e,consoleError);case"kol-quote.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-quote.cjs.entry.js"))})).then(e,consoleError);case"kol-select.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-select.cjs.entry.js"))})).then(e,consoleError);case"kol-skip-nav.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-skip-nav.cjs.entry.js"))})).then(e,consoleError);case"kol-spin.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-spin.cjs.entry.js"))})).then(e,consoleError);case"kol-split-button.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-split-button.cjs.entry.js"))})).then(e,consoleError);case"kol-symbol.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-symbol.cjs.entry.js"))})).then(e,consoleError);case"kol-table.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateless.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateless.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateful.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateful.cjs.entry.js"))})).then(e,consoleError);case"kol-tabs.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tabs.cjs.entry.js"))})).then(e,consoleError);case"kol-toolbar.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-toolbar.cjs.entry.js"))})).then(e,consoleError);case"kol-textarea.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-textarea.cjs.entry.js"))})).then(e,consoleError);case"kol-toast-container.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-toast-container.cjs.entry.js"))})).then(e,consoleError);case"kol-tree.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-item.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-item.cjs.entry.js"))})).then(e,consoleError);case"kol-version.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-version.cjs.entry.js"))})).then(e,consoleError);case"kol-alert-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-alert-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-avatar-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-avatar-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-button-group-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-group-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-button-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-button-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-combobox.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-combobox.cjs.entry.js"))})).then(e,consoleError);case"kol-heading-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-heading-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-input.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input.cjs.entry.js"))})).then(e,consoleError);case"kol-input-range.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-input-range.cjs.entry.js"))})).then(e,consoleError);case"kol-link-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-link-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-popover-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-popover-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-span.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-span.cjs.entry.js"))})).then(e,consoleError);case"kol-span-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-span-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-table-stateless-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-table-stateless-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tooltip-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tooltip-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-item-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-item-wc.cjs.entry.js"))})).then(e,consoleError);case"kol-tree-wc.cjs":return Promise.resolve().then((function(){return _interopNamespace(require("./kol-tree-wc.cjs.entry.js"))})).then(e,consoleError)}}return Promise.resolve().then((function(){return _interopNamespace(require(`./${n}.entry.js`))})).then((e=>(cmpModules.set(n,e),e[o])),consoleError)},styles=new Map,modeResolutionChain=[],win="undefined"!=typeof window?window:{},doc=win.document||{head:{}},plt={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,o)=>e.addEventListener(t,r,o),rel:(e,t,r,o)=>e.removeEventListener(t,r,o),ce:(e,t)=>new CustomEvent(e,t)},supportsShadow=!0,supportsListenerOptions=(()=>{let e=!1;try{doc.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),promiseResolve=e=>Promise.resolve(e),supportsConstructableStylesheets=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),nextTick=e=>promiseResolve().then(e);exports.Fragment=Fragment,exports.Host=Host,exports.bootstrapLazy=bootstrapLazy,exports.getElement=getElement,exports.h=h,exports.promiseResolve=promiseResolve,exports.registerInstance=registerInstance,exports.setMode=setMode,exports.setNonce=setNonce;

package/dist/cjs/index.cjs.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-1285d2d1.js"),ariaCurrentService=require("./ariaCurrentService-53afa476.js"),toaster=require("./toaster-4691f9e0.js"),bund=require("./bund-4be96755.js"),prop_validators=require("./prop.validators-2d90b7a5.js");var KeyEnum,TagEnum;require("./component-names-36cd5fea.js"),require("./i18n-b542daad.js"),require("./dev.utils-3e595d38.js"),function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(KeyEnum||(KeyEnum={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-group"]=8]="button-group",e[e["button-link"]=9]="button-link",e[e.card=10]="card",e[e.combobox=11]="combobox",e[e.details=12]="details",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["indented-text"]=17]="indented-text",e[e["input-checkbox"]=18]="input-checkbox",e[e["input-color"]=19]="input-color",e[e["input-date"]=20]="input-date",e[e["input-email"]=21]="input-email",e[e["input-file"]=22]="input-file",e[e["input-number"]=23]="input-number",e[e["input-password"]=24]="input-password",e[e["input-radio"]=25]="input-radio",e[e["input-range"]=26]="input-range",e[e["input-text"]=27]="input-text",e[e.kolibri=28]="kolibri",e[e.link=29]="link",e[e["link-button"]=30]="link-button",e[e["link-group"]=31]="link-group",e[e.logo=32]="logo",e[e.modal=33]="modal",e[e.nav=34]="nav",e[e.pagination=35]="pagination",e[e.progress=36]="progress",e[e.select=37]="select",e[e.separator=38]="separator",e[e["skip-nav"]=39]="skip-nav",e[e.spin=40]="spin",e[e["split-button"]=41]="split-button",e[e.symbol=42]="symbol",e[e.table=43]="table",e[e["table-stateless"]=44]="table-stateless",e[e["table-stateful"]=45]="table-stateful",e[e.tabs=46]="tabs",e[e.textarea=47]="textarea",e[e["toast-container"]=48]="toast-container",e[e.toolbar=49]="toolbar",e[e.tooltip=50]="tooltip",e[e.tree=51]="tree",e[e["tree-item"]=52]="tree-item"}(TagEnum||(TagEnum={}));const KoliBri=new index.oe("kol",KeyEnum,TagEnum);exports.setCurrentLocation=ariaCurrentService.setCurrentLocation,exports.ToasterService=toaster.ToasterService,exports.bootstrap=toaster.bootstrap,exports.register=toaster.register,exports.BUNDESAEMTER=bund.BUNDESAEMTER,exports.BUNDESANSTALTEN=bund.BUNDESANSTALTEN,exports.BUNDESMINISTERIEN=bund.BUNDESMINISTERIEN,exports.BUND_LOGO_TEXT_MAP=bund.BUND_LOGO_TEXT_MAP,Object.defineProperty(exports,"Bundesamt",{enumerable:!0,get:function(){return bund.Bundesamt}}),Object.defineProperty(exports,"Bundesanstalt",{enumerable:!0,get:function(){return bund.Bundesanstalt}}),Object.defineProperty(exports,"Bundesministerium",{enumerable:!0,get:function(){return bund.Bundesministerium}}),exports.KoliBriDevHelper=prop_validators.KoliBriDevHelper,exports.KoliBri=KoliBri;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-1285d2d1.js"),ariaCurrentService=require("./ariaCurrentService-53afa476.js"),componentNames=require("./component-names-36cd5fea.js"),i18n=require("./i18n-bbd0642f.js"),dev_utils=require("./dev.utils-3e595d38.js"),bund=require("./bund-4be96755.js"),prop_validators=require("./prop.validators-2d90b7a5.js");var KeyEnum,TagEnum;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(KeyEnum||(KeyEnum={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-group"]=8]="button-group",e[e["button-link"]=9]="button-link",e[e.card=10]="card",e[e.combobox=11]="combobox",e[e.details=12]="details",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["indented-text"]=17]="indented-text",e[e["input-checkbox"]=18]="input-checkbox",e[e["input-color"]=19]="input-color",e[e["input-date"]=20]="input-date",e[e["input-email"]=21]="input-email",e[e["input-file"]=22]="input-file",e[e["input-number"]=23]="input-number",e[e["input-password"]=24]="input-password",e[e["input-radio"]=25]="input-radio",e[e["input-range"]=26]="input-range",e[e["input-text"]=27]="input-text",e[e.kolibri=28]="kolibri",e[e.link=29]="link",e[e["link-button"]=30]="link-button",e[e["link-group"]=31]="link-group",e[e.logo=32]="logo",e[e.modal=33]="modal",e[e.nav=34]="nav",e[e.pagination=35]="pagination",e[e.progress=36]="progress",e[e.select=37]="select",e[e.separator=38]="separator",e[e["skip-nav"]=39]="skip-nav",e[e.spin=40]="spin",e[e["split-button"]=41]="split-button",e[e.symbol=42]="symbol",e[e.table=43]="table",e[e["table-stateless"]=44]="table-stateless",e[e["table-stateful"]=45]="table-stateful",e[e.tabs=46]="tabs",e[e.textarea=47]="textarea",e[e["toast-container"]=48]="toast-container",e[e.toolbar=49]="toolbar",e[e.tooltip=50]="tooltip",e[e.tree=51]="tree",e[e["tree-item"]=52]="tree-item"}(TagEnum||(TagEnum={}));const KoliBri=new index.oe("kol",KeyEnum,TagEnum);let initialized=!1;const bootstrap=async(e,t,n)=>{var i,o;i18n.initializeI18n(null!==(o=null===(i=null==n?void 0:n.translation)||void 0===i?void 0:i.name)&&void 0!==o?o:"de",null==n?void 0:n.translations),(null==n?void 0:n.transformTagName)&&componentNames.setCustomTagNames(null==n?void 0:n.transformTagName);const r=await index.G(e,t,n);return initialized=!0,r},register=bootstrap,isInitialized=()=>initialized;class ToasterService{constructor(e,t){this.document=e,this.options=t,this.toastContainerElement=this.document.createElement(componentNames.KolToastContainerTag),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,t){if(!isInitialized())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let n=this.instances.get(e);return n||(n=new ToasterService(e,t),this.instances.set(e,n)),n}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):dev_utils.Log.warn("Toaster service is already disposed.",{forceLog:!0})}enqueue(e){var t,n;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return!e.alertVariant&&(null===(t=this.options)||void 0===t?void 0:t.defaultAlertVariant)&&(e.alertVariant=null===(n=this.options)||void 0===n?void 0:n.defaultAlertVariant),this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}ToasterService.instances=new Map,exports.setCurrentLocation=ariaCurrentService.setCurrentLocation,exports.BUNDESAEMTER=bund.BUNDESAEMTER,exports.BUNDESANSTALTEN=bund.BUNDESANSTALTEN,exports.BUNDESMINISTERIEN=bund.BUNDESMINISTERIEN,exports.BUND_LOGO_TEXT_MAP=bund.BUND_LOGO_TEXT_MAP,Object.defineProperty(exports,"Bundesamt",{enumerable:!0,get:function(){return bund.Bundesamt}}),Object.defineProperty(exports,"Bundesanstalt",{enumerable:!0,get:function(){return bund.Bundesanstalt}}),Object.defineProperty(exports,"Bundesministerium",{enumerable:!0,get:function(){return bund.Bundesministerium}}),exports.KoliBriDevHelper=prop_validators.KoliBriDevHelper,exports.KoliBri=KoliBri,exports.ToasterService=ToasterService,exports.bootstrap=bootstrap,exports.register=register;

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"file":"index.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA,IAAY,OA0BX;AA1BD,WAAY,OAAO;IAClB,uCAAO,CAAA;IACP,2CAAS,CAAA;IACT,qCAAM,CAAA;IACN,2CAAS,CAAA;IACT,2CAAS,CAAA;IACT,uCAAO,CAAA;IACP,6DAAkB,CAAA;IAClB,iCAAI,CAAA;IACJ,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,8DAAkB,CAAA;IAClB,sDAAc,CAAA;IACd,wDAAe,CAAA;IACf,wDAAe,CAAA;IACf,8DAAkB,CAAA;IAClB,8DAAkB,CAAA;IAClB,sDAAc,CAAA;AACf,CAAC,EA1BW,OAAO,KAAP,OAAO;;ACAnB,IAAY,OAsDX;AAtDD,WAAY,OAAO;IAClB,qCAAM,CAAA;IACN,+CAAW,CAAA;IACX,2DAAiB,CAAA;IACjB,uCAAO,CAAA;IACP,yCAAQ,CAAA;IACR,uCAAO,CAAA;IACP,iDAAY,CAAA;IACZ,yCAAQ,CAAA;IACR,qDAAc,CAAA;IACd,mDAAa,CAAA;IACb,sCAAM,CAAA;IACN,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,wDAAe,CAAA;IACf,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,oCAAK,CAAA;IACL,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,sCAAM,CAAA;IACN,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,wCAAO,CAAA;IACP,4DAAiB,CAAA;IACjB,0DAAgB,CAAA;IAChB,sCAAM,CAAA;IACN,8CAAU,CAAA;IACV,4DAAiB,CAAA;IACjB,4CAAS,CAAA;IACT,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,gDAAW,CAAA;AACZ,CAAC,EAtDW,OAAO,KAAP,OAAO;;MCKN,OAAO,GAAG,IAAIA,QAAK,CAAoD,KAAK,EAAE,OAAO,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["Theme"],"sources":["src/schema/i18n-keys.ts","src/schema/tag-names.ts","src/schema/index.ts"],"sourcesContent":["export enum KeyEnum {\n\t'error',\n\t'warning',\n\t'info',\n\t'success',\n\t'message',\n\t'close',\n\t'form-description',\n\t'of',\n\t'characters',\n\t'new',\n\t'no-entries',\n\t'change-order',\n\t'action-running',\n\t'action-done',\n\t'page-first',\n\t'page-back',\n\t'page-next',\n\t'page-last',\n\t'entries-per-site',\n\t'page-current',\n\t'page-selected',\n\t'page-per-site',\n\t'logo-description',\n\t'open-link-in-tab',\n\t'kolibri-logo',\n}\n","export enum TagEnum {\n\t'abbr',\n\t'accordion',\n\t'accordion-group', // TODO: github pr link\n\t'alert',\n\t'avatar',\n\t'badge',\n\t'breadcrumb',\n\t'button',\n\t'button-group',\n\t'button-link',\n\t'card',\n\t'combobox',\n\t'details',\n\t'form',\n\t'heading',\n\t'icon',\n\t'image',\n\t'indented-text',\n\t'input-checkbox',\n\t'input-color',\n\t'input-date',\n\t'input-email',\n\t'input-file',\n\t'input-number',\n\t'input-password',\n\t'input-radio',\n\t'input-range',\n\t'input-text',\n\t'kolibri',\n\t'link',\n\t'link-button',\n\t'link-group',\n\t'logo',\n\t'modal',\n\t'nav',\n\t'pagination',\n\t'progress',\n\t'select',\n\t'separator', // TODO: github pr link\n\t'skip-nav',\n\t'spin',\n\t'split-button',\n\t'symbol',\n\t'table',\n\t'table-stateless',\n\t'table-stateful',\n\t'tabs',\n\t'textarea',\n\t'toast-container',\n\t'toolbar', // TODO: github pr link\n\t'tooltip',\n\t'tree',\n\t'tree-item',\n}\n","import { Theme } from 'adopted-style-sheets';\n\nimport { KeyEnum } from './i18n-keys';\nimport { TagEnum } from './tag-names';\n\nexport const KoliBri = new Theme<'kol', keyof typeof KeyEnum, keyof typeof TagEnum>('kol', KeyEnum, TagEnum);\n\nexport * from './components';\n// export * from './enums'; only for internal use\nexport * from './props';\nexport * from './types';\nexport * from './utils';\nexport * from './validators';\n"],"version":3}
+{"file":"index.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,IAAY,OA0BX;AA1BD,WAAY,OAAO;IAClB,uCAAO,CAAA;IACP,2CAAS,CAAA;IACT,qCAAM,CAAA;IACN,2CAAS,CAAA;IACT,2CAAS,CAAA;IACT,uCAAO,CAAA;IACP,6DAAkB,CAAA;IAClB,iCAAI,CAAA;IACJ,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,8DAAkB,CAAA;IAClB,sDAAc,CAAA;IACd,wDAAe,CAAA;IACf,wDAAe,CAAA;IACf,8DAAkB,CAAA;IAClB,8DAAkB,CAAA;IAClB,sDAAc,CAAA;AACf,CAAC,EA1BW,OAAO,KAAP,OAAO;;ACAnB,IAAY,OAsDX;AAtDD,WAAY,OAAO;IAClB,qCAAM,CAAA;IACN,+CAAW,CAAA;IACX,2DAAiB,CAAA;IACjB,uCAAO,CAAA;IACP,yCAAQ,CAAA;IACR,uCAAO,CAAA;IACP,iDAAY,CAAA;IACZ,yCAAQ,CAAA;IACR,qDAAc,CAAA;IACd,mDAAa,CAAA;IACb,sCAAM,CAAA;IACN,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,wDAAe,CAAA;IACf,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,oDAAa,CAAA;IACb,kDAAY,CAAA;IACZ,sCAAM,CAAA;IACN,wCAAO,CAAA;IACP,oCAAK,CAAA;IACL,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,sCAAM,CAAA;IACN,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,wCAAO,CAAA;IACP,4DAAiB,CAAA;IACjB,0DAAgB,CAAA;IAChB,sCAAM,CAAA;IACN,8CAAU,CAAA;IACV,4DAAiB,CAAA;IACjB,4CAAS,CAAA;IACT,4CAAS,CAAA;IACT,sCAAM,CAAA;IACN,gDAAW,CAAA;AACZ,CAAC,EAtDW,OAAO,KAAP,OAAO;;MCKN,OAAO,GAAG,IAAIA,QAAK,CAAoD,KAAK,EAAE,OAAO,EAAE,OAAO;;ACA3G,IAAI,WAAW,GAAG,KAAK,CAAC;MAMX,SAAS,GAAG,OACxB,MAG6D,EAC7D,OAAgE,EAChE,OAAwB;;IAExBC,mBAAc,CAAC,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,mCAAI,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,CAAC;IAC1E,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE;QAC9BC,gCAAiB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,CAAC;KAC7C;IACD,MAAM,uBAAuB,GAAG,MAAMC,OAAY,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7E,WAAW,GAAG,IAAI,CAAC;IAEnB,OAAO,uBAAuB,CAAC;AAChC,EAAE;MAEW,QAAQ,GAAG,UAAU;AAC3B,MAAM,aAAa,GAAG,MAAM,WAAW;;MCzBjC,cAAc;IAK1B,YACkB,QAAkB,EAClB,OAAwB;QADxB,aAAQ,GAAR,QAAQ,CAAU;QAClB,YAAO,GAAP,OAAO,CAAiB;QAEzC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAACC,mCAAoB,CAAC,CAAC;QAC/E,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;KACvD;IAKM,OAAO,WAAW,CAAC,QAAkB,EAAE,OAAwB;QACrE,IAAI,CAAC,aAAa,EAAE,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;SAC1E;QAED,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,EAAE;YACd,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACjD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACvC;QACD,OAAO,QAAQ,CAAC;KAChB;IAEM,OAAO;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAC3C,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;YACvC,OAAO,CAAC,MAAM,EAAE,CAAC;SACjB;aAAM;YACNC,aAAG,CAAC,IAAI,CAAC,sCAAsC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;SACrE;KACD;IAEM,OAAO,CAAC,KAAY;;QAK1B,IAAI,IAAI,CAAC,qBAAqB,IAAI,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,KAAK,UAAU,EAAE;YAC3F,IAAI,CAAC,KAAK,CAAC,YAAY,KAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,mBAAmB,CAAA,EAAE;gBAC7D,KAAK,CAAC,YAAY,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,mBAAmB,CAAC;aACvD;YAED,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACjD;KACD;IAEM,QAAQ,CAAC,YAAqB,KAAK;QACzC,IAAI,IAAI,CAAC,qBAAqB,IAAI,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,KAAK,UAAU,EAAE;YAC5F,KAAK,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACpD;KACD;;AAxDuB,wBAAS,GAAkC,IAAI,GAAG,EAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["Theme","initializeI18n","setCustomTagNames","coreRegister","KolToastContainerTag","Log"],"sources":["src/schema/i18n-keys.ts","src/schema/tag-names.ts","src/schema/index.ts","src/core/bootstrap.ts","src/components/toaster/toaster.tsx"],"sourcesContent":["export enum KeyEnum {\n\t'error',\n\t'warning',\n\t'info',\n\t'success',\n\t'message',\n\t'close',\n\t'form-description',\n\t'of',\n\t'characters',\n\t'new',\n\t'no-entries',\n\t'change-order',\n\t'action-running',\n\t'action-done',\n\t'page-first',\n\t'page-back',\n\t'page-next',\n\t'page-last',\n\t'entries-per-site',\n\t'page-current',\n\t'page-selected',\n\t'page-per-site',\n\t'logo-description',\n\t'open-link-in-tab',\n\t'kolibri-logo',\n}\n","export enum TagEnum {\n\t'abbr',\n\t'accordion',\n\t'accordion-group', // TODO: github pr link\n\t'alert',\n\t'avatar',\n\t'badge',\n\t'breadcrumb',\n\t'button',\n\t'button-group',\n\t'button-link',\n\t'card',\n\t'combobox',\n\t'details',\n\t'form',\n\t'heading',\n\t'icon',\n\t'image',\n\t'indented-text',\n\t'input-checkbox',\n\t'input-color',\n\t'input-date',\n\t'input-email',\n\t'input-file',\n\t'input-number',\n\t'input-password',\n\t'input-radio',\n\t'input-range',\n\t'input-text',\n\t'kolibri',\n\t'link',\n\t'link-button',\n\t'link-group',\n\t'logo',\n\t'modal',\n\t'nav',\n\t'pagination',\n\t'progress',\n\t'select',\n\t'separator', // TODO: github pr link\n\t'skip-nav',\n\t'spin',\n\t'split-button',\n\t'symbol',\n\t'table',\n\t'table-stateless',\n\t'table-stateful',\n\t'tabs',\n\t'textarea',\n\t'toast-container',\n\t'toolbar', // TODO: github pr link\n\t'tooltip',\n\t'tree',\n\t'tree-item',\n}\n","import { Theme } from 'adopted-style-sheets';\n\nimport { KeyEnum } from './i18n-keys';\nimport { TagEnum } from './tag-names';\n\nexport const KoliBri = new Theme<'kol', keyof typeof KeyEnum, keyof typeof TagEnum>('kol', KeyEnum, TagEnum);\n\nexport * from './components';\n// export * from './enums'; only for internal use\nexport * from './props';\nexport * from './types';\nexport * from './utils';\nexport * from './validators';\n","import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { initializeI18n } from './i18n';\nimport { setCustomTagNames } from './component-names';\n\nlet initialized = false;\n\ntype KoliBriOptions = RegisterOptions & {\n\ttransformTagName?: (tagName: string) => string;\n};\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tinitializeI18n(options?.translation?.name ?? 'de', options?.translations);\n\tif (options?.transformTagName) {\n\t\tsetCustomTagNames(options?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, options);\n\tinitialized = true;\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\n","import type { Toast, ToasterOptions } from '../../schema';\nimport { Log } from '../../schema';\nimport { KolToastContainerTag } from '../../core/component-names';\nimport { isInitialized } from '../../core/bootstrap';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(\n\t\tprivate readonly document: Document,\n\t\tprivate readonly options?: ToasterOptions,\n\t) {\n\t\tthis.toastContainerElement = this.document.createElement(KolToastContainerTag);\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document, options?: ToasterOptions): ToasterService {\n\t\tif (!isInitialized()) {\n\t\t\tthrow new Error('Toaster: Call KoliBri bootstrap/register method first.');\n\t\t}\n\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document, options);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tLog.warn('Toaster service is already disposed.', { forceLog: true });\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\tif (!toast.alertVariant && this.options?.defaultAlertVariant) {\n\t\t\t\ttoast.alertVariant = this.options?.defaultAlertVariant;\n\t\t\t}\n\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(immediate: boolean = false): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll(immediate);\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/kol-abbr.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),dev_utils=require("./dev.utils-6269fd5e.js"),componentNames=require("./component-names-36cd5fea.js"),label=require("./label-dea0c886.js"),tooltipAlign=require("./tooltip-align-23eae0af.js");require("./dev.utils-3e595d38.js"),require("./reuse-daa2baf3.js"),require("./prop.validators-2d90b7a5.js"),require("./index-1285d2d1.js"),require("./align-900db22f.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > abbr {\n    cursor: help;\n  }\n}",KolAbbrDefaultStyle0=defaultStyleCss,KolAbbr=class{constructor(e){index.registerInstance(this,e),this.nonce=dev_utils.nonce(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"",_tooltipAlign:"top"}}render(){return index.h(index.Host,{key:"598d706f074db11649d068894821a214d3373d11",class:"kol-abbr"},index.h("abbr",{key:"cea033577a07ea9cbc48cf32f2afa798b2f70c1b","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},index.h("span",{key:"f28a0dacfb9e1d5807f763e03401e1b71c0414c3",title:""},index.h("slot",{key:"c72ee140bfc1c43d781a5309c07f9a47689d6f4e"}))),index.h(componentNames.KolTooltipWcTag,{key:"2743bb91c1b770375bda8e19668e7ad698b10baa",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(e){label.validateLabel(this,e,{required:!0})}validateTooltipAlign(e){tooltipAlign.validateTooltipAlign(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};KolAbbr.style={default:KolAbbrDefaultStyle0},exports.kol_abbr=KolAbbr;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),dev_utils=require("./dev.utils-15a6b064.js"),componentNames=require("./component-names-36cd5fea.js"),label=require("./label-dea0c886.js"),tooltipAlign=require("./tooltip-align-23eae0af.js");require("./reuse-daa2baf3.js"),require("./dev.utils-3e595d38.js"),require("./prop.validators-2d90b7a5.js"),require("./index-1285d2d1.js"),require("./align-900db22f.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > abbr {\n    cursor: help;\n  }\n}",KolAbbrDefaultStyle0=defaultStyleCss,KolAbbr=class{constructor(n){index.registerInstance(this,n),this.nonce=dev_utils.nonce(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"",_tooltipAlign:"top"}}render(){return index.h(index.Host,{key:"598d706f074db11649d068894821a214d3373d11",class:"kol-abbr"},index.h("abbr",{key:"cea033577a07ea9cbc48cf32f2afa798b2f70c1b","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},index.h("span",{key:"f28a0dacfb9e1d5807f763e03401e1b71c0414c3",title:""},index.h("slot",{key:"c72ee140bfc1c43d781a5309c07f9a47689d6f4e"}))),index.h(componentNames.KolTooltipWcTag,{key:"2743bb91c1b770375bda8e19668e7ad698b10baa",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(n){label.validateLabel(this,n,{required:!0})}validateTooltipAlign(n){tooltipAlign.validateTooltipAlign(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};KolAbbr.style={default:KolAbbrDefaultStyle0},exports.kol_abbr=KolAbbr;

package/dist/cjs/kol-accordion.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),dev_utils=require("./dev.utils-6269fd5e.js"),validation=require("./validation-ca294f66.js"),componentNames=require("./component-names-36cd5fea.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),reuse=require("./reuse-daa2baf3.js"),disabled=require("./disabled-1564edc1.js"),open=require("./open-0f26f7d4.js"),label=require("./label-dea0c886.js");require("./dev.utils-3e595d38.js"),require("./index-1285d2d1.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  /* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n  .wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .accordion.open .wrapper {\n    grid-template-rows: 1fr;\n  }\n  .animation-wrapper {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .accordion.open .animation-wrapper {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .animation-wrapper,\n    .wrapper {\n      transition-duration: 0s;\n    }\n  }\n  /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  @media print {\n    .accordion:not(.open) .animation-wrapper {\n      display: none;\n    }\n  }\n  /*\n  * Inside a button, the caption text is always centered.\n  * So we have to align the text to the left.\n  */\n  .accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n    justify-items: start;\n  }\n}",KolAccordionDefaultStyle0=defaultStyleCss;prop_validators.featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),prop_validators.featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion=class{constructor(e){index.registerInstance(this,e),this.nonce=dev_utils.nonce(),this.catchRef=e=>{reuse.propagateFocus(this.host,e)},this.onClick=e=>{this._open=!this._open,setTimeout((()=>{var n;"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n.onClick)&&this.state._on.onClick(e,!0===this._open)}))},this._disabled=!1,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"",_level:1}}render(){return index.h(index.Host,{key:"f1672f2cf8b9aa85b1f63ab68d00300b74638dd8",class:"kol-accordion"},index.h("div",{key:"e80bb532a6f148e9608b9d5b4eca382cf8c01e8d",class:{accordion:!0,disabled:!0===this.state._disabled,open:!0===this.state._open}},index.h(componentNames.KolHeadingWcTag,{key:"e221fc0ccd86504a3e491a8e32c55da5fa76a365",_label:"",_level:this.state._level,class:"accordion-heading"},index.h(componentNames.KolButtonWcTag,{key:"f65af86aab71ff029bba8108495477d7be05c2f3",class:"accordion-button",ref:this.catchRef,slot:"expert",_ariaControls:this.nonce,_ariaExpanded:this.state._open,_disabled:this.state._disabled,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),index.h("div",{key:"5435d015a21707724c7180dbb96e7a0af30f9d42",class:"wrapper"},index.h("div",{key:"5a9958a91c49d8b807627f7029ad975e52c6e1ea",class:"animation-wrapper"},index.h("div",{key:"367a024dca25373063df9ec0e679161ad26bffb8","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},index.h("slot",{key:"dfbbf47f20297d5f5052d7df8f74bd659ce054fd"}))))))}validateDisabled(e){disabled.validateDisabled(this,e)}validateLabel(e){label.validateLabel(this,e,{required:!0})}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&prop_validators.setState(this,"_on",e)}validateOpen(e){open.validateOpen(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return index.getElement(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};KolAccordion.style={default:KolAccordionDefaultStyle0},exports.kol_accordion=KolAccordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),dev_utils=require("./dev.utils-15a6b064.js"),validation=require("./validation-ca294f66.js"),componentNames=require("./component-names-36cd5fea.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),reuse=require("./reuse-daa2baf3.js"),disabled=require("./disabled-1564edc1.js"),open=require("./open-0f26f7d4.js"),label=require("./label-dea0c886.js");require("./dev.utils-3e595d38.js"),require("./index-1285d2d1.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  /* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n  .wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n  }\n  .accordion.open .wrapper {\n    grid-template-rows: 1fr;\n  }\n  .animation-wrapper {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .accordion.open .animation-wrapper {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .animation-wrapper,\n    .wrapper {\n      transition-duration: 0s;\n    }\n  }\n  /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  @media print {\n    .accordion:not(.open) .animation-wrapper {\n      display: none;\n    }\n  }\n  /*\n  * Inside a button, the caption text is always centered.\n  * So we have to align the text to the left.\n  */\n  .accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n    justify-items: start;\n  }\n}",KolAccordionDefaultStyle0=defaultStyleCss;prop_validators.featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),prop_validators.featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion=class{constructor(e){index.registerInstance(this,e),this.nonce=dev_utils.nonce(),this.catchRef=e=>{reuse.propagateFocus(this.host,e)},this.onClick=e=>{this._open=!this._open,setTimeout((()=>{var n;"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n.onClick)&&this.state._on.onClick(e,!0===this._open)}))},this._disabled=!1,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"",_level:1}}render(){return index.h(index.Host,{key:"f1672f2cf8b9aa85b1f63ab68d00300b74638dd8",class:"kol-accordion"},index.h("div",{key:"e80bb532a6f148e9608b9d5b4eca382cf8c01e8d",class:{accordion:!0,disabled:!0===this.state._disabled,open:!0===this.state._open}},index.h(componentNames.KolHeadingWcTag,{key:"e221fc0ccd86504a3e491a8e32c55da5fa76a365",_label:"",_level:this.state._level,class:"accordion-heading"},index.h(componentNames.KolButtonWcTag,{key:"f65af86aab71ff029bba8108495477d7be05c2f3",class:"accordion-button",ref:this.catchRef,slot:"expert",_ariaControls:this.nonce,_ariaExpanded:this.state._open,_disabled:this.state._disabled,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),index.h("div",{key:"5435d015a21707724c7180dbb96e7a0af30f9d42",class:"wrapper"},index.h("div",{key:"5a9958a91c49d8b807627f7029ad975e52c6e1ea",class:"animation-wrapper"},index.h("div",{key:"367a024dca25373063df9ec0e679161ad26bffb8","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},index.h("slot",{key:"dfbbf47f20297d5f5052d7df8f74bd659ce054fd"}))))))}validateDisabled(e){disabled.validateDisabled(this,e)}validateLabel(e){label.validateLabel(this,e,{required:!0})}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&prop_validators.setState(this,"_on",e)}validateOpen(e){open.validateOpen(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return index.getElement(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};KolAccordion.style={default:KolAccordionDefaultStyle0},exports.kol_accordion=KolAccordion;

package/dist/cjs/kol-alert-wc.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),i18n=require("./i18n-7734d6cc.js"),validation=require("./validation-ca294f66.js"),componentNames=require("./component-names-36cd5fea.js"),dev_utils=require("./dev.utils-3e595d38.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),hasCloser=require("./has-closer-59158c2d.js"),label=require("./label-dea0c886.js");require("./i18n-b542daad.js"),require("./reuse-daa2baf3.js"),require("./index-1285d2d1.js");const alertTypeOptions=["default","info","success","warning","error"],alertVariantOptions=["card","msg"],Icon=e=>index.h(componentNames.KolIconTag,{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),AlertIcon=e=>{switch(e.type){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:e.label})}},KolAlertWc=class{constructor(e){index.registerInstance(this,e),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{dev_utils.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){dev_utils.Log.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return index.h(index.Host,{key:"ecb2cd45b14f92cc1c337d2b81382a8cc820e869",class:{"kol-alert-wc":!0,alert:!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},index.h("div",{key:"b190de9f62c33d970daabc1b5638132da33c936e",class:"heading"},index.h(AlertIcon,{key:"e1da8b194a13ec6f9270efc2234caadcee77e827",label:this.state._label,type:this.state._type}),index.h("div",{key:"7ffd000cfbe218c582791e8646ff5caf9bad5b25",class:"heading-content"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&index.h(componentNames.KolHeadingWcTag,{key:"f9e7c598243a4868b80b248fdf4dfdeed5d24a2b",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&index.h("div",{key:"b5b70319b6c7747872e9d8072a1fe7565938f7c1",class:"content"},index.h("slot",{key:"b75edf24762d861147d5ee5fa0701b4c5a30eed1"}))),this.state._hasCloser&&index.h(componentNames.KolButtonWcTag,{key:"cd46afacd1afbc415e1184604b3b1ac9af901c97",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert",{placeholders:{label:this.state._label}}),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&index.h("div",{key:"2a9670974b00907497abd255e02194301df0c0a2",class:"content"},index.h("slot",{key:"9bd3de7e485b9865d5f74dfbce4f421d4b1dc9b5"})))}validateAlert(e){prop_validators.watchBoolean(this,"_alert",e)}validateHasCloser(e){hasCloser.validateHasCloser(this,e)}validateLabel(e){label.validateLabel(this,e)}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){this.validateOnValue(e)&&prop_validators.setState(this,"_on",{onClose:e.onClose})}validateType(e){prop_validators.watchValidator(this,"_type",(e=>"string"==typeof e&&alertTypeOptions.includes(e)),new Set(`String {${alertTypeOptions.join(", ")}`),e)}validateVariant(e){prop_validators.watchValidator(this,"_variant",(e=>"string"==typeof e&&alertVariantOptions.includes(e)),new Set(`AlertVariant {${alertVariantOptions.join(", ")}`),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};exports.kol_alert_wc=KolAlertWc;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),i18n=require("./i18n-86815e80.js"),validation=require("./validation-ca294f66.js"),componentNames=require("./component-names-36cd5fea.js"),dev_utils=require("./dev.utils-3e595d38.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),hasCloser=require("./has-closer-59158c2d.js"),label=require("./label-dea0c886.js");require("./i18n-bbd0642f.js"),require("./reuse-daa2baf3.js"),require("./index-1285d2d1.js");const alertTypeOptions=["default","info","success","warning","error"],alertVariantOptions=["card","msg"],Icon=e=>index.h(componentNames.KolIconTag,{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),AlertIcon=e=>{switch(e.type){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:e.label})}},KolAlertWc=class{constructor(e){index.registerInstance(this,e),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{dev_utils.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){dev_utils.Log.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return index.h(index.Host,{key:"ecb2cd45b14f92cc1c337d2b81382a8cc820e869",class:{"kol-alert-wc":!0,alert:!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},index.h("div",{key:"b190de9f62c33d970daabc1b5638132da33c936e",class:"heading"},index.h(AlertIcon,{key:"e1da8b194a13ec6f9270efc2234caadcee77e827",label:this.state._label,type:this.state._type}),index.h("div",{key:"7ffd000cfbe218c582791e8646ff5caf9bad5b25",class:"heading-content"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&index.h(componentNames.KolHeadingWcTag,{key:"f9e7c598243a4868b80b248fdf4dfdeed5d24a2b",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&index.h("div",{key:"b5b70319b6c7747872e9d8072a1fe7565938f7c1",class:"content"},index.h("slot",{key:"b75edf24762d861147d5ee5fa0701b4c5a30eed1"}))),this.state._hasCloser&&index.h(componentNames.KolButtonWcTag,{key:"cd46afacd1afbc415e1184604b3b1ac9af901c97",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert",{placeholders:{label:this.state._label}}),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&index.h("div",{key:"2a9670974b00907497abd255e02194301df0c0a2",class:"content"},index.h("slot",{key:"9bd3de7e485b9865d5f74dfbce4f421d4b1dc9b5"})))}validateAlert(e){prop_validators.watchBoolean(this,"_alert",e)}validateHasCloser(e){hasCloser.validateHasCloser(this,e)}validateLabel(e){label.validateLabel(this,e)}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){this.validateOnValue(e)&&prop_validators.setState(this,"_on",{onClose:e.onClose})}validateType(e){prop_validators.watchValidator(this,"_type",(e=>"string"==typeof e&&alertTypeOptions.includes(e)),new Set(`String {${alertTypeOptions.join(", ")}`),e)}validateVariant(e){prop_validators.watchValidator(this,"_variant",(e=>"string"==typeof e&&alertVariantOptions.includes(e)),new Set(`AlertVariant {${alertVariantOptions.join(", ")}`),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};exports.kol_alert_wc=KolAlertWc;

package/dist/cjs/kol-avatar-wc.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),i18n=require("./i18n-7734d6cc.js"),imageSource=require("./image-source-7febbcf6.js"),label=require("./label-dea0c886.js");require("./i18n-b542daad.js"),require("./reuse-daa2baf3.js"),require("./prop.validators-2d90b7a5.js"),require("./index-1285d2d1.js"),require("./dev.utils-3e595d38.js");const formatNameAsInitial=e=>0===e.length?"":e[0].toUpperCase(),formatLabelAsInitials=e=>{const a=e.split(/\s+/),t=a.at(0),i=a.at(-1);return a.length>=2&&t&&i?`${formatNameAsInitial(t)}${formatNameAsInitial(i)}`:formatNameAsInitial(e)},KolAvatarWc=class{constructor(e){index.registerInstance(this,e),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return index.h(index.Host,{key:"672b71c600e54214bbaf86210fe439af3f187c83",class:"kol-avatar-wc"},index.h("div",{key:"8631bb174ac54c1677149d12979f6837dddd692d","aria-label":i18n.translate("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?index.h("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):index.h("span",{"aria-hidden":"true",class:"initials"},formatLabelAsInitials(this.state._label.trim()))))}validateSrc(e){imageSource.validateImageSource(this,e)}validateLabel(e){label.validateLabel(this,e,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};exports.kol_avatar_wc=KolAvatarWc;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),i18n=require("./i18n-86815e80.js"),imageSource=require("./image-source-7febbcf6.js"),label=require("./label-dea0c886.js");require("./i18n-bbd0642f.js"),require("./reuse-daa2baf3.js"),require("./prop.validators-2d90b7a5.js"),require("./index-1285d2d1.js"),require("./dev.utils-3e595d38.js");const formatNameAsInitial=e=>0===e.length?"":e[0].toUpperCase(),formatLabelAsInitials=e=>{const a=e.split(/\s+/),t=a.at(0),i=a.at(-1);return a.length>=2&&t&&i?`${formatNameAsInitial(t)}${formatNameAsInitial(i)}`:formatNameAsInitial(e)},KolAvatarWc=class{constructor(e){index.registerInstance(this,e),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return index.h(index.Host,{key:"672b71c600e54214bbaf86210fe439af3f187c83",class:"kol-avatar-wc"},index.h("div",{key:"8631bb174ac54c1677149d12979f6837dddd692d","aria-label":i18n.translate("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?index.h("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):index.h("span",{"aria-hidden":"true",class:"initials"},formatLabelAsInitials(this.state._label.trim()))))}validateSrc(e){imageSource.validateImageSource(this,e)}validateLabel(e){label.validateLabel(this,e,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};exports.kol_avatar_wc=KolAvatarWc;

package/dist/cjs/kol-badge.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),componentNames=require("./component-names-36cd5fea.js"),dev_utils=require("./dev.utils-6269fd5e.js"),color=require("./color-db334198.js"),prop_validators=require("./prop.validators-2d90b7a5.js");require("./dev.utils-3e595d38.js"),require("./reuse-daa2baf3.js"),require("./index-1285d2d1.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  /* :host implicitly inherits font-size, e.g. for usage in headlines */\n  :host > span {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid 1px;\n  }\n  :host > span > .kol-button-wc button {\n    color: inherit;\n  }\n}",KolBadgeDefaultStyle0=defaultStyleCss;prop_validators.featureHint("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const KolBadge=class{constructor(n){index.registerInstance(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=dev_utils.nonce(),this.handleColorChange=n=>{const e=color.handleColorChange(n);this.bgColorStr=e.backgroundColor,this.colorStr=e.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return index.h(componentNames.KolButtonWcTag,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return index.h(index.Host,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},index.h("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},index.h(componentNames.KolSpanWcTag,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){color.validateColor(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){prop_validators.objectObjectHandler(n,(()=>{try{n=prop_validators.parseJson(n)}catch(n){}prop_validators.setState(this,"_smartButton",n)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};KolBadge.style={default:KolBadgeDefaultStyle0},exports.kol_badge=KolBadge;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),componentNames=require("./component-names-36cd5fea.js"),dev_utils=require("./dev.utils-15a6b064.js"),color=require("./color-55efaf6b.js"),prop_validators=require("./prop.validators-2d90b7a5.js");require("./reuse-daa2baf3.js"),require("./dev.utils-3e595d38.js"),require("./index-1285d2d1.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  /* :host implicitly inherits font-size, e.g. for usage in headlines */\n  :host > span {\n    display: inline-flex;\n    place-items: center;\n    /* Visible with forced colors  */\n    outline: transparent solid 1px;\n  }\n  :host > span > .kol-button-wc button {\n    color: inherit;\n  }\n}",KolBadgeDefaultStyle0=defaultStyleCss;prop_validators.featureHint("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const KolBadge=class{constructor(n){index.registerInstance(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=dev_utils.nonce(),this.handleColorChange=n=>{const e=color.handleColorChange(n);this.bgColorStr=e.backgroundColor,this.colorStr=e.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return index.h(componentNames.KolButtonWcTag,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return index.h(index.Host,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},index.h("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},index.h(componentNames.KolSpanWcTag,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){color.validateColor(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){prop_validators.objectObjectHandler(n,(()=>{try{n=prop_validators.parseJson(n)}catch(n){}prop_validators.setState(this,"_smartButton",n)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};KolBadge.style={default:KolBadgeDefaultStyle0},exports.kol_badge=KolBadge;

package/dist/cjs/kol-breadcrumb.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),uniqueNavLabels=require("./unique-nav-labels-363e1d71.js"),validation=require("./validation-624ca3c9.js"),componentNames=require("./component-names-36cd5fea.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),label=require("./label-dea0c886.js");require("./index-1285d2d1.js"),require("./dev.utils-3e595d38.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  li,\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    place-items: center;\n  }\n  .kol-icon::part(separator) {\n    font-weight: 900;\n    font-size: 0.7em;\n  }\n  .kol-icon::part(separator):before {\n    content: \"\\f054\";\n    font-family: \"Font Awesome 6 Free\";\n  }\n}",KolBreadcrumbDefaultStyle0=defaultStyleCss,KolBreadcrumb=class{constructor(e){index.registerInstance(this,e),this.renderLink=(e,n)=>{const t=this.state._links.length-1;return index.h("li",{key:n},0!==n&&index.h(componentNames.KolIconTag,{_label:"",_icons:"codicon codicon-chevron-right"}),n===t?index.h("span",null,e._hideLabel?index.h(componentNames.KolIconTag,{_label:e._label,_icons:"string"==typeof e._icons?e._icons:"codicon codicon-symbol-event"}):index.h(index.Fragment,null,e._label)):index.h(componentNames.KolLinkTag,Object.assign({},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return index.h(index.Host,{key:"1cfa36fa9a381d7b470854ec4a550b54817e37d6",class:"kol-breadcrumb"},index.h("nav",{key:"d913f0b8853e65302801b62abb9ee1a7911ba264","aria-label":this.state._label},index.h("ul",{key:"9719d99bcfedb925e819b0abf14977692fdabc76"},0===this.state._links.length&&index.h("li",{key:"1681efdfcdb0eb6d31fe0baf14efa89208ef04e9"},index.h(componentNames.KolIconTag,{key:"21f1969a164aaa85d48a8e985e2e788be10a5135",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(e,n,t=!1){t||uniqueNavLabels.removeNavLabel(this.state._label),label.validateLabel(this,e,{required:!0}),prop_validators.a11yHintLabelingLandmarks(e),uniqueNavLabels.addNavLabel(this.state._label)}validateLinks(e){validation.watchNavLinks("KolBreadcrumb",this,e)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){uniqueNavLabels.removeNavLabel(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};KolBreadcrumb.style={default:KolBreadcrumbDefaultStyle0},exports.kol_breadcrumb=KolBreadcrumb;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),uniqueNavLabels=require("./unique-nav-labels-e8b42978.js"),validation=require("./validation-624ca3c9.js"),componentNames=require("./component-names-36cd5fea.js"),prop_validators=require("./prop.validators-2d90b7a5.js"),label=require("./label-dea0c886.js");require("./dev.utils-3e595d38.js"),require("./index-1285d2d1.js");const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  li,\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    gap: 0.5em;\n    flex-wrap: wrap;\n    place-items: center;\n  }\n  .kol-icon::part(separator) {\n    font-weight: 900;\n    font-size: 0.7em;\n  }\n  .kol-icon::part(separator):before {\n    content: \"\\f054\";\n    font-family: \"Font Awesome 6 Free\";\n  }\n}",KolBreadcrumbDefaultStyle0=defaultStyleCss,KolBreadcrumb=class{constructor(e){index.registerInstance(this,e),this.renderLink=(e,n)=>{const t=this.state._links.length-1;return index.h("li",{key:n},0!==n&&index.h(componentNames.KolIconTag,{_label:"",_icons:"codicon codicon-chevron-right"}),n===t?index.h("span",null,e._hideLabel?index.h(componentNames.KolIconTag,{_label:e._label,_icons:"string"==typeof e._icons?e._icons:"codicon codicon-symbol-event"}):index.h(index.Fragment,null,e._label)):index.h(componentNames.KolLinkTag,Object.assign({},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return index.h(index.Host,{key:"1cfa36fa9a381d7b470854ec4a550b54817e37d6",class:"kol-breadcrumb"},index.h("nav",{key:"d913f0b8853e65302801b62abb9ee1a7911ba264","aria-label":this.state._label},index.h("ul",{key:"9719d99bcfedb925e819b0abf14977692fdabc76"},0===this.state._links.length&&index.h("li",{key:"1681efdfcdb0eb6d31fe0baf14efa89208ef04e9"},index.h(componentNames.KolIconTag,{key:"21f1969a164aaa85d48a8e985e2e788be10a5135",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(e,n,t=!1){t||uniqueNavLabels.removeNavLabel(this.state._label),label.validateLabel(this,e,{required:!0}),prop_validators.a11yHintLabelingLandmarks(e),uniqueNavLabels.addNavLabel(this.state._label)}validateLinks(e){validation.watchNavLinks("KolBreadcrumb",this,e)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){uniqueNavLabels.removeNavLabel(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};KolBreadcrumb.style={default:KolBreadcrumbDefaultStyle0},exports.kol_breadcrumb=KolBreadcrumb;

package/dist/cjs/kol-button-link.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),componentNames=require("./component-names-36cd5fea.js"),reuse=require("./reuse-daa2baf3.js"),defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(a, button) {\n    align-items: baseline;\n    display: inline-flex;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: underline;\n  }\n  a:is(:focus, :hover):not([aria-disabled]),\n  button:is(:focus, :hover):not([disabled]) {\n    text-decoration-thickness: 0.2em;\n  }\n  .skip {\n    left: -99999px;\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n    line-height: 1em;\n  }\n  .skip:focus {\n    background-color: #fff;\n    left: unset;\n    padding: 1em;\n    position: unset;\n  }\n  .kol-icon.external-link-icon {\n    display: inline-flex;\n  }\n}",KolButtonLinkDefaultStyle0=defaultStyleCss,KolButtonLink=class{constructor(n){index.registerInstance(this,n),this.catchRef=n=>{reuse.propagateFocus(this.host,n)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}async getValue(){return this._value}render(){return index.h(index.Host,{key:"bcca14709dca36d36884f1bda80d249ef151cf03",class:"kol-button-link"},index.h(componentNames.KolButtonWcTag,{key:"1601a8be9c9c8c85cb776f95aa3981ccc388d978",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},index.h("slot",{key:"dd476ba7cf6a6d3b08553cc7490ee51d4f08fff0",name:"expert",slot:"expert"})))}get host(){return index.getElement(this)}};KolButtonLink.style={default:KolButtonLinkDefaultStyle0},exports.kol_button_link=KolButtonLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-b404dbee.js"),componentNames=require("./component-names-36cd5fea.js"),reuse=require("./reuse-daa2baf3.js"),defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 44px;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of 44px.\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(a, button) {\n    align-items: baseline;\n    display: inline-flex;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  :is(a, button) .kol-span-wc .span-label {\n    text-decoration-line: underline;\n  }\n  a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n  button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n    text-decoration-thickness: 0.2em;\n  }\n  .skip {\n    left: -99999px;\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n    line-height: 1em;\n  }\n  .skip:focus {\n    background-color: #fff;\n    left: unset;\n    padding: 1em;\n    position: unset;\n  }\n  .kol-icon.external-link-icon {\n    display: inline-flex;\n  }\n}",KolButtonLinkDefaultStyle0=defaultStyleCss,KolButtonLink=class{constructor(n){index.registerInstance(this,n),this.catchRef=n=>{reuse.propagateFocus(this.host,n)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}async getValue(){return this._value}render(){return index.h(index.Host,{key:"bcca14709dca36d36884f1bda80d249ef151cf03",class:"kol-button-link"},index.h(componentNames.KolButtonWcTag,{key:"1601a8be9c9c8c85cb776f95aa3981ccc388d978",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},index.h("slot",{key:"dd476ba7cf6a6d3b08553cc7490ee51d4f08fff0",name:"expert",slot:"expert"})))}get host(){return index.getElement(this)}};KolButtonLink.style={default:KolButtonLinkDefaultStyle0},exports.kol_button_link=KolButtonLink;

package/dist/cjs/kol-button-link.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"kol-button-link.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,0sJAA0sJ,CAAC;AACnuJ,mCAAe,eAAe;;MC0BjB,aAAa;;;QAGR,aAAQ,GAAG,CAAC,GAA4B;YACxDA,oBAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SAC/B,CAAC;;;;;yBA+DmC,KAAK;0BAOJ,KAAK;;;;;;;;;6BA8CW,KAAK;qBAKf,QAAQ;;;IArH7C,MAAM,QAAQ;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC;KACnB;IAEM,MAAM;QACZ,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAC,iBAAiB,IAC5BD,QAACE,6BAAc,qDACd,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAC,MAAM,EACZ,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBF,mEAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACX,EACN;KACF;;;;;;;;;","names":["propagateFocus","h","Host","KolButtonWcTag"],"sources":["src/components/button-link/style.scss?tag=kol-button-link&mode=default&encapsulation=shadow","src/components/button-link/shadow.tsx"],"sourcesContent":["@import '../link';\n","import type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tButtonCallbacksPropType,\n\tButtonLinkProps,\n\tButtonTypePropType,\n\tIconsPropType,\n\tIdPropType,\n\tLabelWithExpertSlotPropType,\n\tNamePropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { propagateFocus } from '../../schema';\nimport { Component, Element, h, Host, Method, Prop } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements ButtonLinkProps {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<Stringified<StencilUnknown> | undefined> {\n\t\treturn this._value;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-link\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role=\"link\"\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t * @TODO: Change type back to `AriaSelectedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n}\n"],"version":3}
+{"file":"kol-button-link.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,+0JAA+0J,CAAC;AACx2J,mCAAe,eAAe;;MC0BjB,aAAa;;;QAGR,aAAQ,GAAG,CAAC,GAA4B;YACxDA,oBAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;SAC/B,CAAC;;;;;yBA+DmC,KAAK;0BAOJ,KAAK;;;;;;;;;6BA8CW,KAAK;qBAKf,QAAQ;;;IArH7C,MAAM,QAAQ;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC;KACnB;IAEM,MAAM;QACZ,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAC,iBAAiB,IAC5BD,QAACE,6BAAc,qDACd,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAC,MAAM,EACZ,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBF,mEAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACX,EACN;KACF;;;;;;;;;","names":["propagateFocus","h","Host","KolButtonWcTag"],"sources":["src/components/button-link/style.scss?tag=kol-button-link&mode=default&encapsulation=shadow","src/components/button-link/shadow.tsx"],"sourcesContent":["@import '../link';\n","import type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tButtonCallbacksPropType,\n\tButtonLinkProps,\n\tButtonTypePropType,\n\tIconsPropType,\n\tIdPropType,\n\tLabelWithExpertSlotPropType,\n\tNamePropType,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { propagateFocus } from '../../schema';\nimport { Component, Element, h, Host, Method, Prop } from '@stencil/core';\n\nimport type { JSX } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements ButtonLinkProps {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<Stringified<StencilUnknown> | undefined> {\n\t\treturn this._value;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-link\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role=\"link\"\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t * @TODO: Change type back to `AriaSelectedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n}\n"],"version":3}