@public-ui/components 1.7.5 → 1.7.6-rc.1

package/dist/types/utils/prop.validators.d.ts

@@ -63,8 +63,8 @@ type AriaCurrentEventType = {
 export declare const ariaCurrentSubject: Subject<AriaCurrentEventType>;
 export declare class KoliBriDevHelper {
   static readonly ariaCurrentSubject: Subject<AriaCurrentEventType>;
-  static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>) => string;
-  static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string) => void;
+  static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, append?: boolean | undefined) => string;
+  static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string, append?: boolean | undefined) => void;
   static readonly querySelector: <T extends Element>(selector: string, node?: HTMLElement | ShadowRoot | Document | undefined) => T | null;
   static readonly querySelectorAll: <T extends Element>(selector: string, node?: HTMLElement | ShadowRoot | Document | undefined) => T[];
   static readonly scrollByHTMLElement: (element: HTMLElement, parentElement?: HTMLElement | Window) => void;

package/doc/link.md

@@ -33,22 +33,18 @@ Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern
 
 ### Link innerhalb eines Fließtextes mit Icon und Text
 
-  <p>
-    <kol-link _icon="codicon codicon-home">Ich bin ein Link mit Icon links</kol-link><br/>
-    <kol-link _icon="codicon codicon-home" _icon-align="right">
-      Ich bin ein Link mit Icon rechts
-    </kol-link>
-    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea optio deleniti fuga quos molestias, voluptate nobis
-    nemo, incidunt excepturi facilis, amet ducimus minus quae corporis eligendi cum distinctio. Fugit, repellendus.
-    <kol-link _icon="codicon codicon-home">Ich bin ein Link mit Icon links</kol-link>. Lorem, ipsum dolor sit amet consectetur adipisicing
-    elit. Ea optio deleniti fuga quos molestias, voluptate nobis nemo, incidunt excepturi<kol-link
-      _icon="codicon codicon-home"
-      _icon-align="right"
-    >
-      Ich bin ein Link mit Icon rechts
-    </kol-link>
-    facilis, amet ducimus minus quae corporis eligendi cum distinctio. Fugit, repellendus.
-  </p>
+<p>
+  <kol-link _icons="codicon codicon-home">Ich bin ein Link mit Icon links</kol-link><br/>
+  <kol-link _icons="codicon codicon-home">
+    Ich bin ein Link mit Icon rechts
+  </kol-link>
+  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea optio deleniti fuga quos molestias, voluptate nobis
+  nemo, incidunt excepturi facilis, amet ducimus minus quae corporis eligendi cum distinctio. Fugit, repellendus.
+  <kol-link _icons="codicon codicon-home">Ich bin ein Link mit Icon links</kol-link>. Lorem, ipsum dolor sit amet consectetur adipisicing
+  elit. Ea optio deleniti fuga quos molestias, voluptate nobis nemo, incidunt excepturi
+  <kol-link _icons="codicon codicon-home">Ich bin ein Link mit Icon rechts</kol-link>
+  facilis, amet ducimus minus quae corporis eligendi cum distinctio. Fugit, repellendus.
+</p>
 
 <!--### Best practices
 

package/doc/spin.md

@@ -78,8 +78,10 @@ Ladeanzeigen, wie die **Spin**-Komponente, informieren die Nutzer:innen über La
 </div>
 ```
 
-<kol-alert _heading="Reduce Motion" _level="4" _type="warning">Wenn möglich sollte stets auf Animationen verzichtet werden. Wenn Animationen genutzt werden, sollte immer darauf geachtet werden, eine Variante mit reduzierter Animationsgeschwindigkeit anzubieten. Mehr Informationen dazu findet sich hier:
-<kol-link _href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" _label="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" _target="_blank"></kol-link></kol-alert>
+<kol-alert _label_="Reduce Motion" _level="4" _type="warning">
+Wenn möglich sollte stets auf Animationen verzichtet werden. Wenn Animationen genutzt werden, sollte immer darauf geachtet werden, eine Variante mit reduzierter Animationsgeschwindigkeit anzubieten. Mehr Informationen dazu findet sich hier:
+<kol-link _href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" _label="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" _target="_blank"></kol-link>
+</kol-alert>
 
 ### Beispiel
 

package/doc/toaster.md

@@ -23,6 +23,11 @@ toaster.enqueue({
 });
 ```
 
+### Weitere Service-Methoden
+
+- `closeAll`: Schließt alle Toasts
+- `dispose`: Entfernt den Toast Container. Die Toaster-Instanz kann nicht weiter genutzt werden.
+
 ## Verwendung
 
 ### Überschrift
@@ -37,7 +42,7 @@ Alternativ zur statischen Description können Sie über das Attribut **`_render`
 HTMLElement der Toast-Komponente aufgerufen. Zudem wird auch ein Objekt übergeben, das eine `close`-Funktion zum Schließen des Toasts bereitstellt.
 
 ```ts
-void toaster.enqueue({
+const closeToast = toaster.enqueue({
 	render: (element: HTMLElement, { close }) => {
 		element.textContent = 'Mein Inhalt';
 		const customCloseButton = document.createElement('button');
@@ -46,6 +51,8 @@ void toaster.enqueue({
 		customCloseButton.addEventListener('click', close, { once: true });
 	},
 });
+
+/* Optional: Toast wieder schließen mit `closeToast()` */
 ```
 
 ### Anzeigetyp des Toast
@@ -63,7 +70,7 @@ Verwenden Sie das Attribut **`_type`**, um den Typ des Toasts festzulegen. Mögl
 
 ## Methods
 
-### `enqueue(toast: Toast) => Promise<void>`
+### `closeAll() => Promise<void>`
 
 
 
@@ -73,6 +80,16 @@ Type: `Promise<void>`
 
 
 
+### `enqueue(toast: Toast) => Promise<() => void>`
+
+
+
+#### Returns
+
+Type: `Promise<() => void>`
+
+
+
 
 ## Dependencies
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.7.5",
+  "version": "1.7.6-rc.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": {

package/vscode-custom-data.json

@@ -13594,7 +13594,7 @@
       ]
     },
     {
-      "name": "kol-popover",
+      "name": "kol-popover-wc",
       "description": {
         "kind": "markdown",
         "value": "> <kol-badge _label=\"untested\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.\n\nDie **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href=\"\" _label=\"Tooltip\"></kol-link>, um sein Triggerelement angeordnet ist.\nDas Triggerelement ist immer das im HTML vorangehende Element (previousSibling)."

package/dist/cjs/align-82c5c7e6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const alignment=require("./alignment-1a7ee008.js"),validateAlign=(e,i)=>{alignment.validateAlignment(e,"_align",i)};exports.validateAlign=validateAlign;

package/dist/cjs/aria-current-a6b40d0a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-aa13f60a.js"),validateAlternativeButtonLinkRole=(a,t)=>{prop_validators.watchString(a,"_role",t)},validateAriaControls=(a,t)=>{prop_validators.watchString(a,"_ariaControls",t)},validate=(a,t,r)=>{prop_validators.watchValidator(a,t,(a=>"date"===a||"location"===a||"page"===a||"step"===a||"time"===a||!0===a||!1===a),new Set(["String {data, location, page, step, time}","boolean"]),r)},validateAriaCurrent=(a,t)=>{validate(a,"_ariaCurrent",t)},validateListenAriaCurrent=(a,t)=>{validate(a,"_listenAriaCurrent",t)};exports.validateAlternativeButtonLinkRole=validateAlternativeButtonLinkRole,exports.validateAriaControls=validateAriaControls,exports.validateAriaCurrent=validateAriaCurrent,exports.validateListenAriaCurrent=validateListenAriaCurrent;

package/dist/cjs/controller-2e53480f.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-c5387a76.js"),dev_utils=require("./dev.utils-2073dc09.js"),prop_validators=require("./prop.validators-aa13f60a.js"),searchFormElement=e=>{for(dev_utils.getExperimentalMode()&&(a11y_tipps.devHint("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;)e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null,dev_utils.getExperimentalMode()&&console.log(e);return dev_utils.getExperimentalMode()&&a11y_tipps.devHint("↑ Search form element finished."),e},propagateResetEventToForm=(e={})=>{var t,o;const a=searchFormElement(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)prop_validators.setEventTarget(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",a));const r=a;"function"==typeof(null===(t=r._on)||void 0===t?void 0:t.onReset)&&(null===(o=r._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{var t,o;const a=searchFormElement(e.form);if(a instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:a});if("FORM"===a.tagName)prop_validators.setEventTarget(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",a));const r=a;"function"==typeof(null===(t=r._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=r._on)||void 0===o||o.onSubmit(e))}}};exports.propagateResetEventToForm=propagateResetEventToForm,exports.propagateSubmitEventToForm=propagateSubmitEventToForm;

package/dist/cjs/has-closer-5b5049c7.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-aa13f60a.js"),validateHasCloser=(a,s)=>{prop_validators.watchBoolean(a,"_hasCloser",s)};exports.validateHasCloser=validateHasCloser;

package/dist/cjs/hide-label-661c1bad.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-aa13f60a.js"),validateHideLabel=(a,e,i={})=>{prop_validators.watchBoolean(a,"_hideLabel",e,i)};exports.validateHideLabel=validateHideLabel;

package/dist/cjs/image-source-b5a9c8f9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-aa13f60a.js"),validateImageSource=(a,r,e)=>{prop_validators.watchString(a,"_src",r,e)};exports.validateImageSource=validateImageSource;

package/dist/cjs/index-2feae351.js

@@ -1,5 +0,0 @@
-/*!
- * 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(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}const NAMESPACE="kolibri";let scopeId,contentRef,hostTagName,useNativeShadowDom=!1,checkSlotFallbackVisibility=!1,checkSlotRelocate=!1,isSvgMode=!1;const 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}",XLINK_NS="http://www.w3.org/1999/xlink",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,o,n;return null!==(n=null===(o=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===o?void 0:o.getAttribute("content"))&&void 0!==n?n:void 0}const h=(e,t,...o)=>{let n=null,s=null,l=null,a=!1,$=!1;const r=[],i=t=>{for(let o=0;o<t.length;o++)n=t[o],Array.isArray(n)?i(n):null!=n&&"boolean"!=typeof n&&((a="function"!=typeof e&&!isComplexType(n))&&(n=String(n)),a&&$?r[r.length-1].$text$+=n:r.push(a?newVNode(null,n):n),$=a)};if(i(o),t){t.key&&(s=t.key),t.name&&(l=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,vdomFnUtils);const c=newVNode(e,null);return c.$attrs$=t,r.length>0&&(c.$children$=r),c.$key$=s,c.$name$=l,c},newVNode=(e,t)=>{const o={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null};return o},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=Object.assign({},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,o,n)=>{const s=()=>{},l=e.shadowRoot,a=[],$=l?[]:null,r=n.$vnode$=newVNode(t,null);plt.$orgLocNodes$||initializeDocumentHydrate(doc.body,plt.$orgLocNodes$=new Map),e["s-id"]=o,e.removeAttribute("s-id"),clientHydrate(r,a,[],$,e,e,o),a.map((e=>{const o=e.$hostId$+"."+e.$nodeId$,n=plt.$orgLocNodes$.get(o),s=e.$elm$;n&&supportsShadow&&""===n["s-en"]&&n.parentNode.insertBefore(s,n.nextSibling),l||(s["s-hn"]=t,n&&(s["s-ol"]=n,s["s-ol"]["s-nr"]=s)),plt.$orgLocNodes$.delete(o)})),l&&$.map((e=>{e&&l.appendChild(e)})),s()},clientHydrate=(e,t,o,n,s,l,a)=>{let $,r,i,c;if(1===l.nodeType){for($=l.getAttribute("c-id"),$&&(r=$.split("."),r[0]!==a&&"0"!==r[0]||(i={$flags$:0,$hostId$:r[0],$nodeId$:r[1],$depth$:r[2],$index$:r[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(i),l.removeAttribute("c-id"),e.$children$||(e.$children$=[]),e.$children$[i.$index$]=i,e=i,n&&"0"===i.$depth$&&(n[i.$index$]=i.$elm$))),c=l.childNodes.length-1;c>=0;c--)clientHydrate(e,t,o,n,s,l.childNodes[c],a);if(l.shadowRoot)for(c=l.shadowRoot.childNodes.length-1;c>=0;c--)clientHydrate(e,t,o,n,s,l.shadowRoot.childNodes[c],a)}else if(8===l.nodeType)r=l.nodeValue.split("."),r[1]!==a&&"0"!==r[1]||($=r[0],i={$flags$:0,$hostId$:r[1],$nodeId$:r[2],$depth$:r[3],$index$:r[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===$?(i.$elm$=l.nextSibling,i.$elm$&&3===i.$elm$.nodeType&&(i.$text$=i.$elm$.textContent,t.push(i),l.remove(),e.$children$||(e.$children$=[]),e.$children$[i.$index$]=i,n&&"0"===i.$depth$&&(n[i.$index$]=i.$elm$))):i.$hostId$===a&&("s"===$?(i.$tag$="slot",r[5]?l["s-sn"]=i.$name$=r[5]:l["s-sn"]="",l["s-sr"]=!0,n&&(i.$elm$=doc.createElement(i.$tag$),i.$name$&&i.$elm$.setAttribute("name",i.$name$),l.parentNode.insertBefore(i.$elm$,l),l.remove(),"0"===i.$depth$&&(n[i.$index$]=i.$elm$)),o.push(i),e.$children$||(e.$children$=[]),e.$children$[i.$index$]=i):"r"===$&&(n?l.remove():(s["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=newVNode(null,l.textContent);t.$elm$=l,t.$index$="0",e.$children$=[t]}},initializeDocumentHydrate=(e,t)=>{if(1===e.nodeType){let o=0;for(;o<e.childNodes.length;o++)initializeDocumentHydrate(e.childNodes[o],t);if(e.shadowRoot)for(o=0;o<e.shadowRoot.childNodes.length;o++)initializeDocumentHydrate(e.shadowRoot.childNodes[o],t)}else if(8===e.nodeType){const o=e.nodeValue.split(".");"o"===o[0]&&(t.set(o[1]+"."+o[2],e),e.nodeValue="",e["s-en"]=o[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,o)=>{const n=plt.ce(t,o);return e.dispatchEvent(n),n},rootAppliedStyles=new WeakMap,registerStyle=(e,t,o)=>{let n=styles.get(e);supportsConstructableStylesheets&&o?(n=n||new CSSStyleSheet,"string"==typeof n?n=t:n.replaceSync(t)):n=t,styles.set(e,n)},addStyle=(e,t,o)=>{var n;const s=getScopeId(t,o),l=styles.get(s);if(e=11===e.nodeType?e:doc,l)if("string"==typeof l){e=e.head||e;let t,o=rootAppliedStyles.get(e);if(o||rootAppliedStyles.set(e,o=new Set),!o.has(s)){if(e.host&&(t=e.querySelector(`[sty-id="${s}"]`)))t.innerHTML=l;else{t=doc.createElement("style"),t.innerHTML=l;const o=null!==(n=plt.$nonce$)&&void 0!==n?n:queryNonceMetaTagContent(doc);null!=o&&t.setAttribute("nonce",o),e.insertBefore(t,e.querySelector("link"))}o&&o.add(s)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return s},attachStyles=e=>{const t=e.$cmpMeta$,o=e.$hostElement$,n=t.$flags$,s=(t.$tagName$,()=>{}),l=addStyle(o.shadowRoot?o.shadowRoot:o.getRootNode(),t,e.$modeName$);10&n&&(o["s-sc"]=l,o.classList.add(l+"-h")),s()},getScopeId=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),convertScopedToShadow=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),setAccessor=(e,t,o,n,s,l)=>{if(o!==n){let a=isMemberInElement(e,t),$=t.toLowerCase();if("class"===t){const t=e.classList,s=parseClassList(o),l=parseClassList(n);t.remove(...s.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in o)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)o&&n[t]===o[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(a||"o"!==t[0]||"n"!==t[1]){const r=isComplexType(n);if((a||r&&null!==n)&&!s)try{if(e.tagName.includes("-"))e[t]=n;else{const s=null==n?"":n;"list"===t?a=!1:null!=o&&e[t]==s||(e[t]=s)}}catch(e){}let i=!1;$!==($=$.replace(/^xlink\:?/,""))&&(t=$,i=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(i?e.removeAttributeNS(XLINK_NS,t):e.removeAttribute(t)):(!a||4&l||s)&&!r&&(n=!0===n?"":n,i?e.setAttributeNS(XLINK_NS,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):isMemberInElement(win,$)?$.slice(2):$[2]+t.slice(3),o&&plt.rel(e,t,o,!1),n&&plt.ael(e,t,n,!1)}},parseClassListRegex=/\s/,parseClassList=e=>e?e.split(parseClassListRegex):[],updateElement=(e,t,o,n)=>{const s=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,l=e&&e.$attrs$||EMPTY_OBJ,a=t.$attrs$||EMPTY_OBJ;for(n in l)n in a||setAccessor(s,n,l[n],void 0,o,t.$flags$);for(n in a)setAccessor(s,n,l[n],a[n],o,t.$flags$)},createElm=(e,t,o,n)=>{const s=t.$children$[o];let l,a,$,r=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===s.$tag$&&(scopeId&&n.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),null!=scopeId&&l["s-si"]!==scopeId&&l.classList.add(l["s-si"]=scopeId),s.$children$)for(r=0;r<s.$children$.length;++r)a=createElm(e,s,r,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$||"",$=e&&e.$children$&&e.$children$[o],$&&$.$tag$===s.$tag$&&e.$elm$&&putBackInOriginalLocation(e.$elm$,!1)),l},putBackInOriginalLocation=(e,t)=>{plt.$flags$|=1;const o=e.childNodes;for(let e=o.length-1;e>=0;e--){const n=o[e];n["s-hn"]!==hostTagName&&n["s-ol"]&&(parentReferenceNode(n).insertBefore(n,referenceNode(n)),n["s-ol"].remove(),n["s-ol"]=void 0,checkSlotRelocate=!0),t&&putBackInOriginalLocation(n,t)}plt.$flags$&=-2},addVnodes=(e,t,o,n,s,l)=>{let a,$=e["s-cr"]&&e["s-cr"].parentNode||e;for($.shadowRoot&&$.tagName===hostTagName&&($=$.shadowRoot);s<=l;++s)n[s]&&(a=createElm(null,o,s,e),a&&(n[s].$elm$=a,$.insertBefore(a,referenceNode(t))))},removeVnodes=(e,t,o)=>{for(let n=t;n<=o;++n){const t=e[n];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,o,n)=>{let s,l,a=0,$=0,r=0,i=0,c=t.length-1,d=t[0],p=t[c],m=n.length-1,u=n[0],f=n[m];for(;a<=c&&$<=m;)if(null==d)d=t[++a];else if(null==p)p=t[--c];else if(null==u)u=n[++$];else if(null==f)f=n[--m];else if(isSameVnode(d,u))patch(d,u),d=t[++a],u=n[++$];else if(isSameVnode(p,f))patch(p,f),p=t[--c],f=n[--m];else if(isSameVnode(d,f))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(d.$elm$.parentNode,!1),patch(d,f),e.insertBefore(d.$elm$,p.$elm$.nextSibling),d=t[++a],f=n[--m];else if(isSameVnode(p,u))"slot"!==d.$tag$&&"slot"!==f.$tag$||putBackInOriginalLocation(p.$elm$.parentNode,!1),patch(p,u),e.insertBefore(p.$elm$,d.$elm$),p=t[--c],u=n[++$];else{for(r=-1,i=a;i<=c;++i)if(t[i]&&null!==t[i].$key$&&t[i].$key$===u.$key$){r=i;break}r>=0?(l=t[r],l.$tag$!==u.$tag$?s=createElm(t&&t[$],o,r,e):(patch(l,u),t[r]=void 0,s=l.$elm$),u=n[++$]):(s=createElm(t&&t[$],o,$,e),u=n[++$]),s&&parentReferenceNode(d.$elm$).insertBefore(s,referenceNode(d.$elm$))}a>c?addVnodes(e,null==n[m+1]?null:n[m+1].$elm$,o,n,$,m):$>m&&removeVnodes(t,a,c)},isSameVnode=(e,t)=>e.$tag$===t.$tag$&&("slot"===e.$tag$?e.$name$===t.$name$:e.$key$===t.$key$),referenceNode=e=>e&&e["s-ol"]||e,parentReferenceNode=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,patch=(e,t)=>{const o=t.$elm$=e.$elm$,n=e.$children$,s=t.$children$,l=t.$tag$,a=t.$text$;let $;null===a?(isSvgMode="svg"===l||"foreignObject"!==l&&isSvgMode,"slot"===l||updateElement(e,t,isSvgMode),null!==n&&null!==s?updateChildren(o,n,t,s):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)):($=o["s-cr"])?$.parentNode.textContent=a:e.$text$!==a&&(o.data=a)},updateFallbackSlotVisibility=e=>{const t=e.childNodes;let o,n,s,l,a,$;for(n=0,s=t.length;n<s;n++)if(o=t[n],1===o.nodeType){if(o["s-sr"])for(a=o["s-sn"],o.hidden=!1,l=0;l<s;l++)if($=t[l].nodeType,t[l]["s-hn"]!==o["s-hn"]||""!==a){if(1===$&&a===t[l].getAttribute("slot")){o.hidden=!0;break}}else if(1===$||3===$&&""!==t[l].textContent.trim()){o.hidden=!0;break}updateFallbackSlotVisibility(o)}},relocateNodes=[],relocateSlotContent=e=>{let t,o,n,s,l,a,$=0;const r=e.childNodes,i=r.length;for(;$<i;$++){if(t=r[$],t["s-sr"]&&(o=t["s-cr"])&&o.parentNode)for(n=o.parentNode.childNodes,s=t["s-sn"],a=n.length-1;a>=0;a--)o=n[a],o["s-cn"]||o["s-nr"]||o["s-hn"]===t["s-hn"]||(isNodeLocatedInSlot(o,s)?(l=relocateNodes.find((e=>e.$nodeToRelocate$===o)),checkSlotFallbackVisibility=!0,o["s-sn"]=o["s-sn"]||s,l?l.$slotRefNode$=t:relocateNodes.push({$slotRefNode$:t,$nodeToRelocate$:o}),o["s-sr"]&&relocateNodes.map((e=>{isNodeLocatedInSlot(e.$nodeToRelocate$,o["s-sn"])&&(l=relocateNodes.find((e=>e.$nodeToRelocate$===o)),l&&!e.$slotRefNode$&&(e.$slotRefNode$=l.$slotRefNode$))}))):relocateNodes.some((e=>e.$nodeToRelocate$===o))||relocateNodes.push({$nodeToRelocate$:o}));1===t.nodeType&&relocateSlotContent(t)}},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)},renderVdom=(e,t,o=!1)=>{const n=e.$hostElement$,s=e.$cmpMeta$,l=e.$vnode$||newVNode(null,null),a=($=t)&&$.$tag$===Host?t:h(null,null,t);var $;if(hostTagName=n.tagName,s.$attrsToReflect$&&(a.$attrs$=a.$attrs$||{},s.$attrsToReflect$.map((([e,t])=>a.$attrs$[t]=n[e]))),o&&a.$attrs$)for(const e of Object.keys(a.$attrs$))n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.$attrs$[e]=n[e]);if(a.$tag$=null,a.$flags$|=4,e.$vnode$=a,a.$elm$=l.$elm$=n.shadowRoot||n,scopeId=n["s-sc"],contentRef=n["s-cr"],useNativeShadowDom=0!=(1&s.$flags$),checkSlotFallbackVisibility=!1,patch(l,a),plt.$flags$|=1,checkSlotRelocate){let e,t,o,n,s,l;relocateSlotContent(a.$elm$);let $=0;for(;$<relocateNodes.length;$++)e=relocateNodes[$],t=e.$nodeToRelocate$,t["s-ol"]||(o=doc.createTextNode(""),o["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=o,t));for($=0;$<relocateNodes.length;$++)if(e=relocateNodes[$],t=e.$nodeToRelocate$,e.$slotRefNode$){for(n=e.$slotRefNode$.parentNode,s=e.$slotRefNode$.nextSibling,o=t["s-ol"];o=o.previousSibling;)if(l=o["s-nr"],l&&l["s-sn"]===t["s-sn"]&&n===l.parentNode&&(l=l.nextSibling,!l||!l["s-nr"])){s=l;break}(!s&&n!==t.parentNode||t.nextSibling!==s)&&t!==s&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,s))}else 1===t.nodeType&&(t.hidden=!0)}checkSlotFallbackVisibility&&updateFallbackSlotVisibility(a.$elm$),plt.$flags$&=-2,relocateNodes.length=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 o=(e.$cmpMeta$.$tagName$,()=>{}),n=e.$lazyInstance$;let s;return t&&(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,o)=>{var n;const s=e.$hostElement$,l=(e.$cmpMeta$.$tagName$,()=>{}),a=s["s-rc"];o&&attachStyles(e);const $=(e.$cmpMeta$.$tagName$,()=>{});callRender(e,t,s,o),a&&(a.map((e=>e())),s["s-rc"]=void 0),$(),l();{const t=null!==(n=s["s-p"])&&void 0!==n?n:[],o=()=>postUpdateComponent(e);0===t.length?o():(Promise.all(t).then(o),e.$flags$|=4,t.length=0)}},callRender=(e,t,o,n)=>{try{t=t.render(),e.$flags$|=2,renderVdom(e,t,n)}catch(t){consoleError(t,e.$hostElement$)}return null},postUpdateComponent=e=>{e.$cmpMeta$.$tagName$;const t=e.$hostElement$,o=()=>{},n=e.$lazyInstance$,s=e.$ancestorComponent$;safeCall(n,"componentDidRender"),64&e.$flags$?o():(e.$flags$|=64,addHydratedFlag(t),safeCall(n,"componentDidLoad"),o(),e.$onReadyResolve$(t),s||appDidLoad()),e.$onInstanceResolve$(t),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,o)=>{if(e&&e[t])try{return e[t](o)}catch(e){consoleError(e)}},addHydratedFlag=e=>e.classList.add("hydrated"),getValue=(e,t)=>getHostRef(e).$instanceValues$.get(t),setValue=(e,t,o,n)=>{const s=getHostRef(e),l=s.$hostElement$,a=s.$instanceValues$.get(t),$=s.$flags$,r=s.$lazyInstance$;var i,c;i=o,c=n.$members$[t][0],o=null==i||isComplexType(i)?i:4&c?"false"!==i&&(""===i||!!i):2&c?parseFloat(i):1&c?String(i):i;const d=Number.isNaN(a)&&Number.isNaN(o);if((!(8&$)||void 0===a)&&(o!==a&&!d)&&(s.$instanceValues$.set(t,o),r)){if(n.$watchers$&&128&$){const e=n.$watchers$[t];e&&e.map((e=>{try{r[e](o,a,t)}catch(e){consoleError(e,l)}}))}2==(18&$)&&scheduleUpdate(s,!1)}},proxyComponent=(e,t,o)=>{var n;if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$),l=e.prototype;if(s.map((([e,[n]])=>{31&n||2&o&&32&n?Object.defineProperty(l,e,{get(){return t=e,getHostRef(this).$instanceValues$.get(t);var t},set(o){setValue(this,e,o,t)},configurable:!0,enumerable:!0}):1&o&&64&n&&Object.defineProperty(l,e,{value(...t){const o=getHostRef(this);return o.$onInstancePromise$.then((()=>o.$lazyInstance$[e](...t)))}})})),1&o){const o=new Map;l.attributeChangedCallback=function(e,n,s){plt.jmp((()=>{const a=o.get(e);if(this.hasOwnProperty(a))s=this[a],delete this[a];else{if(l.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==s)return;if(null==a){const o=getHostRef(this),l=null==o?void 0:o.$flags$;if(!(8&l)&&128&l&&s!==n){const l=o.$lazyInstance$,a=t.$watchers$[e];null==a||a.forEach((t=>{null!=l[t]&&l[t].call(l,s,n,e)}))}return}}this[a]=(null!==s||"boolean"!=typeof this[a])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(n=t.$watchers$)&&void 0!==n?n:{}),...s.filter((([e,t])=>15&t[0])).map((([e,n])=>{const s=n[1]||e;return o.set(s,e),512&n[0]&&t.$attrsToReflect$.push([e,s]),s}))]))}}return e},initializeComponent=async(e,t,o,n,s)=>{if(0==(32&t.$flags$)){t.$flags$|=32;{if((s=loadModule(o)).then){const e=()=>{};s=await s,e()}s.isProxied||(o.$watchers$=s.watchers,proxyComponent(s,o,2),s.isProxied=!0);const e=(o.$tagName$,()=>{});t.$flags$|=8;try{new s(t)}catch(e){consoleError(e)}t.$flags$&=-9,t.$flags$|=128,e(),fireConnectedCallback(t.$lazyInstance$)}if(s.style){let n=s.style;"string"!=typeof n&&(n=n[t.$modeName$=computeMode(e)]);const l=getScopeId(o,t.$modeName$);if(!styles.has(l)){const e=(o.$tagName$,()=>{});registerStyle(l,n,!!(1&o.$flags$)),e()}}}const l=t.$ancestorComponent$,a=()=>scheduleUpdate(t,!0);l&&l["s-rc"]?l["s-rc"].push(a):a()},fireConnectedCallback=e=>{safeCall(e,"connectedCallback")},connectedCallback=e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e),o=t.$cmpMeta$,n=(o.$tagName$,()=>{});if(1&t.$flags$)(null==t?void 0:t.$lazyInstance$)?fireConnectedCallback(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>fireConnectedCallback(t.$lazyInstance$)));else{let n;if(t.$flags$|=1,n=e.getAttribute("s-id"),n){if(1&o.$flags$){const t=addStyle(e.shadowRoot,o,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}initializeClientHydrate(e,o.$tagName$,n,t)}n||12&o.$flags$&&setContentReference(e);{let o=e;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){attachToAncestor(t,t.$ancestorComponent$=o);break}}o.$members$&&Object.entries(o.$members$).map((([t,[o]])=>{if(31&o&&e.hasOwnProperty(t)){const o=e[t];delete e[t],e[t]=o}})),initializeComponent(e,t,o)}n()}},setContentReference=e=>{const t=e["s-cr"]=doc.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},disconnectInstance=e=>{safeCall(e,"disconnectedCallback")},disconnectedCallback=async e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e);(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 o;const n=()=>{},s=[],l=t.exclude||[],a=win.customElements,$=doc.head,r=$.querySelector("meta[charset]"),i=doc.createElement("style"),c=[],d=doc.querySelectorAll("[sty-id]");let p,m=!0,u=0;for(Object.assign(plt,t),plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href,plt.$flags$|=2;u<d.length;u++)registerStyle(d[u].getAttribute("sty-id"),d[u].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0);e.map((e=>{e[1].map((t=>{var o;const n={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};n.$members$=t[2],n.$attrsToReflect$=[],n.$watchers$=null!==(o=t[4])&&void 0!==o?o:{};const $=n.$tagName$,r=class extends HTMLElement{constructor(e){super(e),registerHost(e=this,n),1&n.$flags$&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),m?c.push(this):plt.jmp((()=>connectedCallback(this)))}disconnectedCallback(){plt.jmp((()=>disconnectedCallback(this)))}componentOnReady(){return getHostRef(this).$onReadyPromise$}};n.$lazyBundleId$=e[0],l.includes($)||a.get($)||(s.push($),a.define($,proxyComponent(r,n,1)))}))}));{i.innerHTML=s+HYDRATED_CSS,i.setAttribute("data-styles","");const e=null!==(o=plt.$nonce$)&&void 0!==o?o:queryNonceMetaTagContent(doc);null!=e&&i.setAttribute("nonce",e),$.insertBefore(i,r?r.nextSibling:$.firstChild)}m=!1,c.length?c.map((e=>e.connectedCallback())):plt.jmp((()=>p=setTimeout(appDidLoad,30))),n()},Fragment=(e,t)=>t,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 o={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return o.$onInstancePromise$=new Promise((e=>o.$onInstanceResolve$=e)),o.$onReadyPromise$=new Promise((e=>o.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],hostRefs.set(e,o)},isMemberInElement=(e,t)=>t in e,consoleError=(e,t)=>(0,console.error)(e,t),cmpModules=new Map,loadModule=(e,t,o)=>{const n=e.$tagName$.replace(/-/g,"_"),s=e.$lazyBundleId$,l=cmpModules.get(s);return l?l[n]:Promise.resolve().then((function(){return _interopNamespace(require(`./${s}.entry.js`))})).then((e=>(cmpModules.set(s,e),e[n])),consoleError)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},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,o,n)=>e.addEventListener(t,o,n),rel:(e,t,o,n)=>e.removeEventListener(t,o,n),ce:(e,t)=>new CustomEvent(e,t)},supportsShadow=!0,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;