@public-ui/components 1.5.1 → 1.5.2-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.5.1",
+  "version": "1.5.2-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": { "url": "https://github.com/public-ui/kolibri/issues", "email": "kolibri@itzbund.de" },

package/vscode-custom-data.json

@@ -13254,6 +13254,18 @@
         {
           "name": "_show",
           "description": "Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht."
+        },
+        {
+          "name": "_variant",
+          "description": "Gibt an, welche Ladeanimation oder ob keine Animation verwendet werden soll.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "none"
+            }
+          ]
         }
       ]
     },

package/dist/cjs/a11y.tipps-6f0ad06e.js.map

@@ -1 +0,0 @@
-{"file":"a11y.tipps-6f0ad06e.js","mappings":"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","names":["Log"],"sources":["./src/utils/a11y.tipps.ts"],"sourcesContent":["import { Log } from './dev.utils';\n\nconst a11yCache: Set<string> = new Set<string>();\nexport const a11yHint = (msg: string): void => {\n\tif (a11yCache.has(msg) === false) {\n\t\ta11yCache.add(msg);\n\t\tLog.debug(msg, {\n\t\t\tclassifier: `✋ a11y`,\n\t\t\toverwriteStyle: '; background-color: #09f',\n\t\t});\n\t}\n};\n\nconst deprecatedCache: Set<string> = new Set<string>();\nexport const deprecatedHint = (msg: string): void => {\n\tif (deprecatedCache.has(msg) === false) {\n\t\tdeprecatedCache.add(msg);\n\t\tLog.warn(msg, {\n\t\t\tclassifier: `🔥 deprecated`,\n\t\t\tforceLog: true,\n\t\t\toverwriteStyle: '; background-color: #f00',\n\t\t});\n\t}\n};\n\nconst devCache: Set<string> = new Set<string>();\nexport const devHint = (msg: string): void => {\n\tif (devCache.has(msg) === false) {\n\t\tdevCache.add(msg);\n\t\tLog.debug(msg, {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\nexport const devWarning = (msg: string): void => {\n\tif (devCache.has(msg) === false) {\n\t\tdevCache.add(msg);\n\t\tLog.warn(msg, {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\n\nconst featureCache: Set<string> = new Set<string>();\nexport const featureHint = (msg: string, done = false): void => {\n\tif (featureCache.has(msg) === false) {\n\t\tfeatureCache.add(msg);\n\t\tmsg += done === true ? ' ✅' : '';\n\t\tLog.debug(msg, {\n\t\t\tclassifier: `🌟 feature`,\n\t\t\toverwriteStyle: '; background-color: #309',\n\t\t});\n\t}\n};\ndevHint(\n\t`Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!`\n);\n\nconst uiUxCache: Set<string> = new Set<string>();\nconst uiUxHint = (msg: string): void => {\n\tif (uiUxCache.has(msg) === false) {\n\t\tuiUxCache.add(msg);\n\t\tLog.debug(msg, {\n\t\t\tclassifier: `📑 ui/ux`,\n\t\t\toverwriteStyle: '; background-color: #060;',\n\t\t});\n\t}\n};\n\nexport const a11yHintDisabled = (): void => {\n\ta11yHint(\n\t\t`\"Disabled\" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`\n\t);\n};\n\nexport const a11yHintLabelingLandmarks = (value: unknown): void => {\n\tif (typeof value !== 'string' || value === '') {\n\t\ta11yHint(\n\t\t\t`Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`\n\t\t);\n\t}\n};\n\nexport const uiUxHintMillerscheZahl = (className: string, length = 8): void => {\n\tif (length > 7) {\n\t\tuiUxHint(\n\t\t\t`[${className}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`\n\t\t);\n\t}\n};\n"],"version":3}

package/dist/cjs/hide-label-142676e3.js

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

package/dist/cjs/index-2f320bab.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 s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{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,s;return null!==(s=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!==s?s:void 0}const h=(e,t,...o)=>{let s=null,n=null,l=null,a=!1,$=!1;const r=[],i=t=>{for(let o=0;o<t.length;o++)s=t[o],Array.isArray(s)?i(s):null!=s&&"boolean"!=typeof s&&((a="function"!=typeof e&&!isComplexType(s))&&(s=String(s)),a&&$?r[r.length-1].$text$+=s:r.push(a?newVNode(null,s):s),$=a)};if(i(o),t){t.key&&(n=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$=n,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,s)=>{const n=()=>{},l=e.shadowRoot,a=[],$=l?[]:null,r=s.$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$,s=plt.$orgLocNodes$.get(o),n=e.$elm$;s&&supportsShadow&&""===s["s-en"]&&s.parentNode.insertBefore(n,s.nextSibling),l||(n["s-hn"]=t,s&&(n["s-ol"]=s,n["s-ol"]["s-nr"]=n)),plt.$orgLocNodes$.delete(o)})),l&&$.map((e=>{e&&l.appendChild(e)})),n()},clientHydrate=(e,t,o,s,n,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,s&&"0"===i.$depth$&&(s[i.$index$]=i.$elm$))),c=l.childNodes.length-1;c>=0;c--)clientHydrate(e,t,o,s,n,l.childNodes[c],a);if(l.shadowRoot)for(c=l.shadowRoot.childNodes.length-1;c>=0;c--)clientHydrate(e,t,o,s,n,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,s&&"0"===i.$depth$&&(s[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,s&&(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$&&(s[i.$index$]=i.$elm$)),o.push(i),e.$children$||(e.$children$=[]),e.$children$[i.$index$]=i):"r"===$&&(s?l.remove():(n["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 s=plt.ce(t,o);return e.dispatchEvent(s),s},rootAppliedStyles=new WeakMap,registerStyle=(e,t,o)=>{let s=styles.get(e);supportsConstructableStylesheets&&o?(s=s||new CSSStyleSheet,"string"==typeof s?s=t:s.replaceSync(t)):s=t,styles.set(e,s)},addStyle=(e,t,o,s)=>{var n;let l=getScopeId(t,o);const a=styles.get(l);if(e=11===e.nodeType?e:doc,a)if("string"==typeof a){e=e.head||e;let t,o=rootAppliedStyles.get(e);if(o||rootAppliedStyles.set(e,o=new Set),!o.has(l)){if(e.host&&(t=e.querySelector(`[sty-id="${l}"]`)))t.innerHTML=a;else{t=doc.createElement("style"),t.innerHTML=a;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(l)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return l},attachStyles=e=>{const t=e.$cmpMeta$,o=e.$hostElement$,s=t.$flags$,n=(t.$tagName$,()=>{}),l=addStyle(o.shadowRoot?o.shadowRoot:o.getRootNode(),t,e.$modeName$);10&s&&(o["s-sc"]=l,o.classList.add(l+"-h")),n()},getScopeId=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),convertScopedToShadow=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),setAccessor=(e,t,o,s,n,l)=>{if(o!==s){let a=isMemberInElement(e,t),$=t.toLowerCase();if("class"===t){const t=e.classList,n=parseClassList(o),l=parseClassList(s);t.remove(...n.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!n.includes(e))))}else if("style"===t){for(const t in o)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)o&&s[t]===o[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(a||"o"!==t[0]||"n"!==t[1]){const r=isComplexType(s);if((a||r&&null!==s)&&!n)try{if(e.tagName.includes("-"))e[t]=s;else{const n=null==s?"":s;"list"===t?a=!1:null!=o&&e[t]==n||(e[t]=n)}}catch(e){}let i=!1;$!==($=$.replace(/^xlink\:?/,""))&&(t=$,i=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(i?e.removeAttributeNS(XLINK_NS,t):e.removeAttribute(t)):(!a||4&l||n)&&!r&&(s=!0===s?"":s,i?e.setAttributeNS(XLINK_NS,t,s):e.setAttribute(t,s))}else t="-"===t[2]?t.slice(3):isMemberInElement(win,$)?$.slice(2):$[2]+t.slice(3),o&&plt.rel(e,t,o,!1),s&&plt.ael(e,t,s,!1)}},parseClassListRegex=/\s/,parseClassList=e=>e?e.split(parseClassListRegex):[],updateElement=(e,t,o,s)=>{const n=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,l=e&&e.$attrs$||EMPTY_OBJ,a=t.$attrs$||EMPTY_OBJ;for(s in l)s in a||setAccessor(n,s,l[s],void 0,o,t.$flags$);for(s in a)setAccessor(n,s,l[s],a[s],o,t.$flags$)},createElm=(e,t,o,s)=>{const n=t.$children$[o];let l,a,$,r=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===n.$tag$&&(scopeId&&s.classList.add(scopeId+"-s"),n.$flags$|=n.$children$?2:1)),null!==n.$text$)l=n.$elm$=doc.createTextNode(n.$text$);else if(1&n.$flags$)l=n.$elm$=doc.createTextNode("");else{if(isSvgMode||(isSvgMode="svg"===n.$tag$),l=n.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,2&n.$flags$?"slot-fb":n.$tag$),isSvgMode&&"foreignObject"===n.$tag$&&(isSvgMode=!1),updateElement(null,n,isSvgMode),null!=scopeId&&l["s-si"]!==scopeId&&l.classList.add(l["s-si"]=scopeId),n.$children$)for(r=0;r<n.$children$.length;++r)a=createElm(e,n,r,l),a&&l.appendChild(a);"svg"===n.$tag$?isSvgMode=!1:"foreignObject"===l.tagName&&(isSvgMode=!0)}return l["s-hn"]=hostTagName,3&n.$flags$&&(l["s-sr"]=!0,l["s-cr"]=contentRef,l["s-sn"]=n.$name$||"",$=e&&e.$children$&&e.$children$[o],$&&$.$tag$===n.$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 s=o[e];s["s-hn"]!==hostTagName&&s["s-ol"]&&(parentReferenceNode(s).insertBefore(s,referenceNode(s)),s["s-ol"].remove(),s["s-ol"]=void 0,checkSlotRelocate=!0),t&&putBackInOriginalLocation(s,t)}plt.$flags$&=-2},addVnodes=(e,t,o,s,n,l)=>{let a,$=e["s-cr"]&&e["s-cr"].parentNode||e;for($.shadowRoot&&$.tagName===hostTagName&&($=$.shadowRoot);n<=l;++n)s[n]&&(a=createElm(null,o,n,e),a&&(s[n].$elm$=a,$.insertBefore(a,referenceNode(t))))},removeVnodes=(e,t,o)=>{for(let s=t;s<=o;++s){const t=e[s];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,s)=>{let n,l,a=0,$=0,r=0,i=0,c=t.length-1,d=t[0],p=t[c],m=s.length-1,u=s[0],h=s[m];for(;a<=c&&$<=m;)if(null==d)d=t[++a];else if(null==p)p=t[--c];else if(null==u)u=s[++$];else if(null==h)h=s[--m];else if(isSameVnode(d,u))patch(d,u),d=t[++a],u=s[++$];else if(isSameVnode(p,h))patch(p,h),p=t[--c],h=s[--m];else if(isSameVnode(d,h))"slot"!==d.$tag$&&"slot"!==h.$tag$||putBackInOriginalLocation(d.$elm$.parentNode,!1),patch(d,h),e.insertBefore(d.$elm$,p.$elm$.nextSibling),d=t[++a],h=s[--m];else if(isSameVnode(p,u))"slot"!==d.$tag$&&"slot"!==h.$tag$||putBackInOriginalLocation(p.$elm$.parentNode,!1),patch(p,u),e.insertBefore(p.$elm$,d.$elm$),p=t[--c],u=s[++$];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$?n=createElm(t&&t[$],o,r,e):(patch(l,u),t[r]=void 0,n=l.$elm$),u=s[++$]):(n=createElm(t&&t[$],o,$,e),u=s[++$]),n&&parentReferenceNode(d.$elm$).insertBefore(n,referenceNode(d.$elm$))}a>c?addVnodes(e,null==s[m+1]?null:s[m+1].$elm$,o,s,$,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$,s=e.$children$,n=t.$children$,l=t.$tag$,a=t.$text$;let $;null===a?(isSvgMode="svg"===l||"foreignObject"!==l&&isSvgMode,"slot"===l||updateElement(e,t,isSvgMode),null!==s&&null!==n?updateChildren(o,s,t,n):null!==n?(null!==e.$text$&&(o.textContent=""),addVnodes(o,null,t,n,0,n.length-1)):null!==s&&removeVnodes(s,0,s.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,s,n,l,a,$;for(s=0,n=t.length;s<n;s++)if(o=t[s],1===o.nodeType){if(o["s-sr"])for(a=o["s-sn"],o.hidden=!1,l=0;l<n;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,s,n,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(s=o.parentNode.childNodes,n=t["s-sn"],a=s.length-1;a>=0;a--)o=s[a],o["s-cn"]||o["s-nr"]||o["s-hn"]===t["s-hn"]||(isNodeLocatedInSlot(o,n)?(l=relocateNodes.find((e=>e.$nodeToRelocate$===o)),checkSlotFallbackVisibility=!0,o["s-sn"]=o["s-sn"]||n,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)=>{const o=e.$hostElement$,s=e.$cmpMeta$,n=e.$vnode$||newVNode(null,null),l=(a=t)&&a.$tag$===Host?t:h(null,null,t);var a;if(hostTagName=o.tagName,s.$attrsToReflect$&&(l.$attrs$=l.$attrs$||{},s.$attrsToReflect$.map((([e,t])=>l.$attrs$[t]=o[e]))),l.$tag$=null,l.$flags$|=4,e.$vnode$=l,l.$elm$=n.$elm$=o.shadowRoot||o,scopeId=o["s-sc"],contentRef=o["s-cr"],useNativeShadowDom=0!=(1&s.$flags$),checkSlotFallbackVisibility=!1,patch(n,l),plt.$flags$|=1,checkSlotRelocate){let e,t,o,s,n,a;relocateSlotContent(l.$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(s=e.$slotRefNode$.parentNode,n=e.$slotRefNode$.nextSibling,o=t["s-ol"];o=o.previousSibling;)if(a=o["s-nr"],a&&a["s-sn"]===t["s-sn"]&&s===a.parentNode&&(a=a.nextSibling,!a||!a["s-nr"])){n=a;break}(!n&&s!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),s.insertBefore(t,n))}else 1===t.nodeType&&(t.hidden=!0)}checkSlotFallbackVisibility&&updateFallbackSlotVisibility(l.$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$,()=>{}),s=e.$lazyInstance$;let n;return t&&(n=safeCall(s,"componentWillLoad")),o(),enqueue(n,(()=>updateComponent(e,s,t)))},enqueue=(e,t)=>e instanceof Promise?e.then(t):t(),updateComponent=async(e,t,o)=>{const s=e.$hostElement$,n=(e.$cmpMeta$.$tagName$,()=>{}),l=s["s-rc"];o&&attachStyles(e);const a=(e.$cmpMeta$.$tagName$,()=>{});callRender(e,t),l&&(l.map((e=>e())),s["s-rc"]=void 0),a(),n();{const t=s["s-p"],o=()=>postUpdateComponent(e);0===t.length?o():(Promise.all(t).then(o),e.$flags$|=4,t.length=0)}},callRender=(e,t,o)=>{try{t=t.render(),e.$flags$|=2,renderVdom(e,t)}catch(t){consoleError(t,e.$hostElement$)}return null},postUpdateComponent=e=>{e.$cmpMeta$.$tagName$;const t=e.$hostElement$,o=()=>{},s=e.$lazyInstance$,n=e.$ancestorComponent$;safeCall(s,"componentDidRender"),64&e.$flags$?o():(e.$flags$|=64,addHydratedFlag(t),o(),e.$onReadyResolve$(t),n||appDidLoad()),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,s)=>{const n=getHostRef(e),l=n.$hostElement$,a=n.$instanceValues$.get(t),$=n.$flags$,r=n.$lazyInstance$;var i,c;i=o,c=s.$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)&&(n.$instanceValues$.set(t,o),r)){if(s.$watchers$&&128&$){const e=s.$watchers$[t];e&&e.map((e=>{try{r[e](o,a,t)}catch(e){consoleError(e,l)}}))}2==(18&$)&&scheduleUpdate(n,!1)}},proxyComponent=(e,t,o)=>{if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$),n=e.prototype;if(s.map((([e,[s]])=>{(31&s||2&o&&32&s)&&Object.defineProperty(n,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){const o=new Map;n.attributeChangedCallback=function(e,t,s){plt.jmp((()=>{const t=o.get(e);if(this.hasOwnProperty(t))s=this[t],delete this[t];else if(n.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==s)return;this[t]=(null!==s||"boolean"!=typeof this[t])&&s}))},e.observedAttributes=s.filter((([e,t])=>15&t[0])).map((([e,s])=>{const n=s[1]||e;return o.set(n,e),512&s[0]&&t.$attrsToReflect$.push([e,n]),n}))}}return e},initializeComponent=async(e,t,o,s,n)=>{if(0==(32&t.$flags$)){t.$flags$|=32;{if((n=loadModule(o)).then){const e=()=>{};n=await n,e()}n.isProxied||(o.$watchers$=n.watchers,proxyComponent(n,o,2),n.isProxied=!0);const e=(o.$tagName$,()=>{});t.$flags$|=8;try{new n(t)}catch(e){consoleError(e)}t.$flags$&=-9,t.$flags$|=128,e()}if(n.style){let s=n.style;"string"!=typeof s&&(s=s[t.$modeName$=computeMode(e)]);const l=getScopeId(o,t.$modeName$);if(!styles.has(l)){const e=(o.$tagName$,()=>{});registerStyle(l,s,!!(1&o.$flags$)),e()}}}const l=t.$ancestorComponent$,a=()=>scheduleUpdate(t,!0);l&&l["s-rc"]?l["s-rc"].push(a):a()},connectedCallback=e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e),o=t.$cmpMeta$,s=(o.$tagName$,()=>{});if(!(1&t.$flags$)){let s;if(t.$flags$|=1,s=e.getAttribute("s-id"),s){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$,s,t)}s||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)}s()}},setContentReference=e=>{const t=e["s-cr"]=doc.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},disconnectedCallback=e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e).$lazyInstance$;safeCall(t,"disconnectedCallback")}},bootstrapLazy=(e,t={})=>{var o;const s=()=>{},n=[],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=>{const o={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};o.$members$=t[2],o.$attrsToReflect$=[],o.$watchers$={};const s=o.$tagName$,$=class extends HTMLElement{constructor(e){super(e),registerHost(e=this,o),1&o.$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$}};o.$lazyBundleId$=e[0],l.includes(s)||a.get(s)||(n.push(s),a.define(s,proxyComponent($,o,1)))}))}));{i.innerHTML=n+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))),s()},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.$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 s=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$,l=cmpModules.get(n);return l?l[s]:Promise.resolve().then((function(){return _interopNamespace(require(`./${n}.entry.js`))})).then((e=>(cmpModules.set(n,e),e[s])),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,s)=>e.addEventListener(t,o,s),rel:(e,t,o,s)=>e.removeEventListener(t,o,s),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;