@public-ui/sample-react 2.0.0-rc.9 → 2.0.1

package/dist/4564.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4564.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4564],{6570:(e,a,n)=>{n.d(a,{a:()=>c});var t=n(8900),i=n(9003);const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},l=e=>Object.keys(e).reduce(((a,n)=>(a[`kol-${n}`]=e[n],a)),{}),s=new Set([e=>e("en",l(r)),e=>e("de",l(o))]),c=(e,a)=>{const n=(0,t.g)();if(void 0===n)return(0,i.d)("[I18n] I18nService not available! Please call the global register function."),e;let o=n.translate(e,a);return o===e&&((0,i.d)("[I18n] Locales not initialized! Initialize default locales automatically."),s.forEach((e=>e(((e,a)=>(n.addResourceBundle(e,a),e))))),o=n.translate(e,a)),o}},4564:(e,a,n)=>{n.r(a),n.d(a,{kol_symbol:()=>l});var t=n(664),i=n(6570),o=n(7702),r=n(7052);const l=class{constructor(e){(0,t.r)(this,e),this._label=void 0,this._symbol=void 0,this.state={_label:(0,i.a)("kol-warning"),_symbol:"…"}}render(){return(0,t.h)(t.H,null,(0,t.h)("span",{"aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(e){(0,o.v)(this,e)}validateSymbol(e){(0,r.d)(this,"_symbol",e,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}}},7702:(e,a,n)=>{n.d(a,{a:()=>d,c:()=>s,h:()=>l,v:()=>g});var t=n(9003),i=n(7052);const o=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function l(e,a=1){return function(e){var a;return"string"==typeof e&&(null===(a=e.match(o))||void 0===a?void 0:a.length)||0}(e)>=a}function s(e){return r.test(e)}const c=new Set(["string"]),g=(e,a,n={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,a,function(e){var a;return{hooks:{afterPatch:(a,n,i,o)=>{var r,c;"function"==typeof(null===(r=e.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(a,n,i,o)),"string"==typeof a&&!1===l(a,3)&&!1===s(a)&&(0,t.a)(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&(0,t.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=e.hooks)||void 0===a?void 0:a.beforePatch}}}(n))},d=g}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4564],{4481:(e,n,t)=>{t.d(n,{a:()=>c});var a=t(3981),i=t(2333);const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-ascending":"Die Spalte {{column}} ist aufsteigend{{multi}} sortiert.","sort-descending":"Die Spalte {{column}} ist absteigend{{multi}} sortiert.","sort-then-ascending":", dann die Spalte {{column}} aufsteigend","sort-then-descending":", dann die Spalte {{column}} absteigend","sort-then-last-ascending":" und dann die Spalte {{column}} aufsteigend","sort-then-last-descending":" und dann die Spalte {{column}} absteigend","sort-none":"Spalte {{column}} nicht sortiert","table-sort-none":"Keine Spalte ist sortiert.","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"Sorted column {{column}} descending{{multi}}","sort-ascending":"Sorted column {{column}} ascending{{multi}}","sort-then-ascending":", then column {{column}} acending","sort-then-descending":", then column {{column}} descending","sort-then-last-ascending":" and then column {{column}} acending","sort-then-last-descending":" and then column {{column}} descending","sort-none":"column {{column}} not sorted","table-sort-none":"No column is sorted.","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},l=e=>Object.keys(e).reduce(((n,t)=>(n[`kol-${t}`]=e[t],n)),{}),s=new Set([e=>e("en",l(r)),e=>e("de",l(o))]),c=(e,n)=>{const t=(0,a.g)();if(void 0===t)return(0,i.d)("[I18n] I18nService not available! Please call the global register function."),e;let o=t.translate(e,n);return o===e&&((0,i.d)("[I18n] Locales not initialized! Initialize default locales automatically."),s.forEach((e=>e(((e,n)=>(t.addResourceBundle(e,n),e))))),o=t.translate(e,n)),o}},4564:(e,n,t)=>{t.r(n),t.d(n,{kol_symbol:()=>l});var a=t(1349),i=t(4481),o=t(1292),r=t(5382);const l=class{constructor(e){(0,a.r)(this,e),this._label=void 0,this._symbol=void 0,this.state={_label:(0,i.a)("kol-warning"),_symbol:"…"}}render(){return(0,a.h)(a.H,null,(0,a.h)("span",{"aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(e){(0,o.v)(this,e)}validateSymbol(e){(0,r.d)(this,"_symbol",e,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}}},1292:(e,n,t)=>{t.d(n,{a:()=>d,c:()=>s,h:()=>l,v:()=>g});var a=t(2333),i=t(5382);const o=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function l(e,n=1){return function(e){var n;return"string"==typeof e&&(null===(n=e.match(o))||void 0===n?void 0:n.length)||0}(e)>=n}function s(e){return r.test(e)}const c=new Set(["string"]),g=(e,n,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,n,function(e){var n;return{hooks:{afterPatch:(n,t,i,o)=>{var r,c;"function"==typeof(null===(r=e.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(n,t,i,o)),"string"==typeof n&&!1===l(n,3)&&!1===s(n)&&(0,a.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=e.hooks)||void 0===n?void 0:n.beforePatch}}}(t))},d=g}}]);

package/dist/4891.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4891.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4891],{4891:(e,o,n)=>{n.r(o),n.d(o,{kol_icon:()=>r});var c=n(664),t=n(7702),b=n(7052);const r=class{constructor(e){(0,c.r)(this,e),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const e=this.state._label.length>0;return(0,c.h)(c.H,{exportparts:"icon"},(0,c.h)("i",{"aria-hidden":e?void 0:"true","aria-label":e?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(e){(0,b.d)(this,"_icons",e)}validateLabel(e){(0,t.v)(this,e)}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};r.style={default:'/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n@font-face {\n\tfont-family: "codicon";\n\tfont-display: block;\n\tsrc: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n\n.codicon[class*=\'codicon-\'] {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n\t/* Use steps to throttle FPS to reduce CPU usage */\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n\topacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n\topacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n\n.codicon-add:before { content: "\\ea60" }\n.codicon-plus:before { content: "\\ea60" }\n.codicon-gist-new:before { content: "\\ea60" }\n.codicon-repo-create:before { content: "\\ea60" }\n.codicon-lightbulb:before { content: "\\ea61" }\n.codicon-light-bulb:before { content: "\\ea61" }\n.codicon-repo:before { content: "\\ea62" }\n.codicon-repo-delete:before { content: "\\ea62" }\n.codicon-gist-fork:before { content: "\\ea63" }\n.codicon-repo-forked:before { content: "\\ea63" }\n.codicon-git-pull-request:before { content: "\\ea64" }\n.codicon-git-pull-request-abandoned:before { content: "\\ea64" }\n.codicon-record-keys:before { content: "\\ea65" }\n.codicon-keyboard:before { content: "\\ea65" }\n.codicon-tag:before { content: "\\ea66" }\n.codicon-tag-add:before { content: "\\ea66" }\n.codicon-tag-remove:before { content: "\\ea66" }\n.codicon-person:before { content: "\\ea67" }\n.codicon-person-follow:before { content: "\\ea67" }\n.codicon-person-outline:before { content: "\\ea67" }\n.codicon-person-filled:before { content: "\\ea67" }\n.codicon-git-branch:before { content: "\\ea68" }\n.codicon-git-branch-create:before { content: "\\ea68" }\n.codicon-git-branch-delete:before { content: "\\ea68" }\n.codicon-source-control:before { content: "\\ea68" }\n.codicon-mirror:before { content: "\\ea69" }\n.codicon-mirror-public:before { content: "\\ea69" }\n.codicon-star:before { content: "\\ea6a" }\n.codicon-star-add:before { content: "\\ea6a" }\n.codicon-star-delete:before { content: "\\ea6a" }\n.codicon-star-empty:before { content: "\\ea6a" }\n.codicon-comment:before { content: "\\ea6b" }\n.codicon-comment-add:before { content: "\\ea6b" }\n.codicon-alert:before { content: "\\ea6c" }\n.codicon-warning:before { content: "\\ea6c" }\n.codicon-search:before { content: "\\ea6d" }\n.codicon-search-save:before { content: "\\ea6d" }\n.codicon-log-out:before { content: "\\ea6e" }\n.codicon-sign-out:before { content: "\\ea6e" }\n.codicon-log-in:before { content: "\\ea6f" }\n.codicon-sign-in:before { content: "\\ea6f" }\n.codicon-eye:before { content: "\\ea70" }\n.codicon-eye-unwatch:before { content: "\\ea70" }\n.codicon-eye-watch:before { content: "\\ea70" }\n.codicon-circle-filled:before { content: "\\ea71" }\n.codicon-primitive-dot:before { content: "\\ea71" }\n.codicon-close-dirty:before { content: "\\ea71" }\n.codicon-debug-breakpoint:before { content: "\\ea71" }\n.codicon-debug-breakpoint-disabled:before { content: "\\ea71" }\n.codicon-debug-hint:before { content: "\\ea71" }\n.codicon-primitive-square:before { content: "\\ea72" }\n.codicon-edit:before { content: "\\ea73" }\n.codicon-pencil:before { content: "\\ea73" }\n.codicon-info:before { content: "\\ea74" }\n.codicon-issue-opened:before { content: "\\ea74" }\n.codicon-gist-private:before { content: "\\ea75" }\n.codicon-git-fork-private:before { content: "\\ea75" }\n.codicon-lock:before { content: "\\ea75" }\n.codicon-mirror-private:before { content: "\\ea75" }\n.codicon-close:before { content: "\\ea76" }\n.codicon-remove-close:before { content: "\\ea76" }\n.codicon-x:before { content: "\\ea76" }\n.codicon-repo-sync:before { content: "\\ea77" }\n.codicon-sync:before { content: "\\ea77" }\n.codicon-clone:before { content: "\\ea78" }\n.codicon-desktop-download:before { content: "\\ea78" }\n.codicon-beaker:before { content: "\\ea79" }\n.codicon-microscope:before { content: "\\ea79" }\n.codicon-vm:before { content: "\\ea7a" }\n.codicon-device-desktop:before { content: "\\ea7a" }\n.codicon-file:before { content: "\\ea7b" }\n.codicon-file-text:before { content: "\\ea7b" }\n.codicon-more:before { content: "\\ea7c" }\n.codicon-ellipsis:before { content: "\\ea7c" }\n.codicon-kebab-horizontal:before { content: "\\ea7c" }\n.codicon-mail-reply:before { content: "\\ea7d" }\n.codicon-reply:before { content: "\\ea7d" }\n.codicon-organization:before { content: "\\ea7e" }\n.codicon-organization-filled:before { content: "\\ea7e" }\n.codicon-organization-outline:before { content: "\\ea7e" }\n.codicon-new-file:before { content: "\\ea7f" }\n.codicon-file-add:before { content: "\\ea7f" }\n.codicon-new-folder:before { content: "\\ea80" }\n.codicon-file-directory-create:before { content: "\\ea80" }\n.codicon-trash:before { content: "\\ea81" }\n.codicon-trashcan:before { content: "\\ea81" }\n.codicon-history:before { content: "\\ea82" }\n.codicon-clock:before { content: "\\ea82" }\n.codicon-folder:before { content: "\\ea83" }\n.codicon-file-directory:before { content: "\\ea83" }\n.codicon-symbol-folder:before { content: "\\ea83" }\n.codicon-logo-github:before { content: "\\ea84" }\n.codicon-mark-github:before { content: "\\ea84" }\n.codicon-github:before { content: "\\ea84" }\n.codicon-terminal:before { content: "\\ea85" }\n.codicon-console:before { content: "\\ea85" }\n.codicon-repl:before { content: "\\ea85" }\n.codicon-zap:before { content: "\\ea86" }\n.codicon-symbol-event:before { content: "\\ea86" }\n.codicon-error:before { content: "\\ea87" }\n.codicon-stop:before { content: "\\ea87" }\n.codicon-variable:before { content: "\\ea88" }\n.codicon-symbol-variable:before { content: "\\ea88" }\n.codicon-array:before { content: "\\ea8a" }\n.codicon-symbol-array:before { content: "\\ea8a" }\n.codicon-symbol-module:before { content: "\\ea8b" }\n.codicon-symbol-package:before { content: "\\ea8b" }\n.codicon-symbol-namespace:before { content: "\\ea8b" }\n.codicon-symbol-object:before { content: "\\ea8b" }\n.codicon-symbol-method:before { content: "\\ea8c" }\n.codicon-symbol-function:before { content: "\\ea8c" }\n.codicon-symbol-constructor:before { content: "\\ea8c" }\n.codicon-symbol-boolean:before { content: "\\ea8f" }\n.codicon-symbol-null:before { content: "\\ea8f" }\n.codicon-symbol-numeric:before { content: "\\ea90" }\n.codicon-symbol-number:before { content: "\\ea90" }\n.codicon-symbol-structure:before { content: "\\ea91" }\n.codicon-symbol-struct:before { content: "\\ea91" }\n.codicon-symbol-parameter:before { content: "\\ea92" }\n.codicon-symbol-type-parameter:before { content: "\\ea92" }\n.codicon-symbol-key:before { content: "\\ea93" }\n.codicon-symbol-text:before { content: "\\ea93" }\n.codicon-symbol-reference:before { content: "\\ea94" }\n.codicon-go-to-file:before { content: "\\ea94" }\n.codicon-symbol-enum:before { content: "\\ea95" }\n.codicon-symbol-value:before { content: "\\ea95" }\n.codicon-symbol-ruler:before { content: "\\ea96" }\n.codicon-symbol-unit:before { content: "\\ea96" }\n.codicon-activate-breakpoints:before { content: "\\ea97" }\n.codicon-archive:before { content: "\\ea98" }\n.codicon-arrow-both:before { content: "\\ea99" }\n.codicon-arrow-down:before { content: "\\ea9a" }\n.codicon-arrow-left:before { content: "\\ea9b" }\n.codicon-arrow-right:before { content: "\\ea9c" }\n.codicon-arrow-small-down:before { content: "\\ea9d" }\n.codicon-arrow-small-left:before { content: "\\ea9e" }\n.codicon-arrow-small-right:before { content: "\\ea9f" }\n.codicon-arrow-small-up:before { content: "\\eaa0" }\n.codicon-arrow-up:before { content: "\\eaa1" }\n.codicon-bell:before { content: "\\eaa2" }\n.codicon-bold:before { content: "\\eaa3" }\n.codicon-book:before { content: "\\eaa4" }\n.codicon-bookmark:before { content: "\\eaa5" }\n.codicon-debug-breakpoint-conditional-unverified:before { content: "\\eaa6" }\n.codicon-debug-breakpoint-conditional:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-conditional-disabled:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-data-unverified:before { content: "\\eaa8" }\n.codicon-debug-breakpoint-data:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-data-disabled:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-log-unverified:before { content: "\\eaaa" }\n.codicon-debug-breakpoint-log:before { content: "\\eaab" }\n.codicon-debug-breakpoint-log-disabled:before { content: "\\eaab" }\n.codicon-briefcase:before { content: "\\eaac" }\n.codicon-broadcast:before { content: "\\eaad" }\n.codicon-browser:before { content: "\\eaae" }\n.codicon-bug:before { content: "\\eaaf" }\n.codicon-calendar:before { content: "\\eab0" }\n.codicon-case-sensitive:before { content: "\\eab1" }\n.codicon-check:before { content: "\\eab2" }\n.codicon-checklist:before { content: "\\eab3" }\n.codicon-chevron-down:before { content: "\\eab4" }\n.codicon-chevron-left:before { content: "\\eab5" }\n.codicon-chevron-right:before { content: "\\eab6" }\n.codicon-chevron-up:before { content: "\\eab7" }\n.codicon-chrome-close:before { content: "\\eab8" }\n.codicon-chrome-maximize:before { content: "\\eab9" }\n.codicon-chrome-minimize:before { content: "\\eaba" }\n.codicon-chrome-restore:before { content: "\\eabb" }\n.codicon-circle-outline:before { content: "\\eabc" }\n.codicon-debug-breakpoint-unverified:before { content: "\\eabc" }\n.codicon-circle-slash:before { content: "\\eabd" }\n.codicon-circuit-board:before { content: "\\eabe" }\n.codicon-clear-all:before { content: "\\eabf" }\n.codicon-clippy:before { content: "\\eac0" }\n.codicon-close-all:before { content: "\\eac1" }\n.codicon-cloud-download:before { content: "\\eac2" }\n.codicon-cloud-upload:before { content: "\\eac3" }\n.codicon-code:before { content: "\\eac4" }\n.codicon-collapse-all:before { content: "\\eac5" }\n.codicon-color-mode:before { content: "\\eac6" }\n.codicon-comment-discussion:before { content: "\\eac7" }\n.codicon-credit-card:before { content: "\\eac9" }\n.codicon-dash:before { content: "\\eacc" }\n.codicon-dashboard:before { content: "\\eacd" }\n.codicon-database:before { content: "\\eace" }\n.codicon-debug-continue:before { content: "\\eacf" }\n.codicon-debug-disconnect:before { content: "\\ead0" }\n.codicon-debug-pause:before { content: "\\ead1" }\n.codicon-debug-restart:before { content: "\\ead2" }\n.codicon-debug-start:before { content: "\\ead3" }\n.codicon-debug-step-into:before { content: "\\ead4" }\n.codicon-debug-step-out:before { content: "\\ead5" }\n.codicon-debug-step-over:before { content: "\\ead6" }\n.codicon-debug-stop:before { content: "\\ead7" }\n.codicon-debug:before { content: "\\ead8" }\n.codicon-device-camera-video:before { content: "\\ead9" }\n.codicon-device-camera:before { content: "\\eada" }\n.codicon-device-mobile:before { content: "\\eadb" }\n.codicon-diff-added:before { content: "\\eadc" }\n.codicon-diff-ignored:before { content: "\\eadd" }\n.codicon-diff-modified:before { content: "\\eade" }\n.codicon-diff-removed:before { content: "\\eadf" }\n.codicon-diff-renamed:before { content: "\\eae0" }\n.codicon-diff:before { content: "\\eae1" }\n.codicon-discard:before { content: "\\eae2" }\n.codicon-editor-layout:before { content: "\\eae3" }\n.codicon-empty-window:before { content: "\\eae4" }\n.codicon-exclude:before { content: "\\eae5" }\n.codicon-extensions:before { content: "\\eae6" }\n.codicon-eye-closed:before { content: "\\eae7" }\n.codicon-file-binary:before { content: "\\eae8" }\n.codicon-file-code:before { content: "\\eae9" }\n.codicon-file-media:before { content: "\\eaea" }\n.codicon-file-pdf:before { content: "\\eaeb" }\n.codicon-file-submodule:before { content: "\\eaec" }\n.codicon-file-symlink-directory:before { content: "\\eaed" }\n.codicon-file-symlink-file:before { content: "\\eaee" }\n.codicon-file-zip:before { content: "\\eaef" }\n.codicon-files:before { content: "\\eaf0" }\n.codicon-filter:before { content: "\\eaf1" }\n.codicon-flame:before { content: "\\eaf2" }\n.codicon-fold-down:before { content: "\\eaf3" }\n.codicon-fold-up:before { content: "\\eaf4" }\n.codicon-fold:before { content: "\\eaf5" }\n.codicon-folder-active:before { content: "\\eaf6" }\n.codicon-folder-opened:before { content: "\\eaf7" }\n.codicon-gear:before { content: "\\eaf8" }\n.codicon-gift:before { content: "\\eaf9" }\n.codicon-gist-secret:before { content: "\\eafa" }\n.codicon-gist:before { content: "\\eafb" }\n.codicon-git-commit:before { content: "\\eafc" }\n.codicon-git-compare:before { content: "\\eafd" }\n.codicon-compare-changes:before { content: "\\eafd" }\n.codicon-git-merge:before { content: "\\eafe" }\n.codicon-github-action:before { content: "\\eaff" }\n.codicon-github-alt:before { content: "\\eb00" }\n.codicon-globe:before { content: "\\eb01" }\n.codicon-grabber:before { content: "\\eb02" }\n.codicon-graph:before { content: "\\eb03" }\n.codicon-gripper:before { content: "\\eb04" }\n.codicon-heart:before { content: "\\eb05" }\n.codicon-home:before { content: "\\eb06" }\n.codicon-horizontal-rule:before { content: "\\eb07" }\n.codicon-hubot:before { content: "\\eb08" }\n.codicon-inbox:before { content: "\\eb09" }\n.codicon-issue-reopened:before { content: "\\eb0b" }\n.codicon-issues:before { content: "\\eb0c" }\n.codicon-italic:before { content: "\\eb0d" }\n.codicon-jersey:before { content: "\\eb0e" }\n.codicon-json:before { content: "\\eb0f" }\n.codicon-kebab-vertical:before { content: "\\eb10" }\n.codicon-key:before { content: "\\eb11" }\n.codicon-law:before { content: "\\eb12" }\n.codicon-lightbulb-autofix:before { content: "\\eb13" }\n.codicon-link-external:before { content: "\\eb14" }\n.codicon-link:before { content: "\\eb15" }\n.codicon-list-ordered:before { content: "\\eb16" }\n.codicon-list-unordered:before { content: "\\eb17" }\n.codicon-live-share:before { content: "\\eb18" }\n.codicon-loading:before { content: "\\eb19" }\n.codicon-location:before { content: "\\eb1a" }\n.codicon-mail-read:before { content: "\\eb1b" }\n.codicon-mail:before { content: "\\eb1c" }\n.codicon-markdown:before { content: "\\eb1d" }\n.codicon-megaphone:before { content: "\\eb1e" }\n.codicon-mention:before { content: "\\eb1f" }\n.codicon-milestone:before { content: "\\eb20" }\n.codicon-mortar-board:before { content: "\\eb21" }\n.codicon-move:before { content: "\\eb22" }\n.codicon-multiple-windows:before { content: "\\eb23" }\n.codicon-mute:before { content: "\\eb24" }\n.codicon-no-newline:before { content: "\\eb25" }\n.codicon-note:before { content: "\\eb26" }\n.codicon-octoface:before { content: "\\eb27" }\n.codicon-open-preview:before { content: "\\eb28" }\n.codicon-package:before { content: "\\eb29" }\n.codicon-paintcan:before { content: "\\eb2a" }\n.codicon-pin:before { content: "\\eb2b" }\n.codicon-play:before { content: "\\eb2c" }\n.codicon-run:before { content: "\\eb2c" }\n.codicon-plug:before { content: "\\eb2d" }\n.codicon-preserve-case:before { content: "\\eb2e" }\n.codicon-preview:before { content: "\\eb2f" }\n.codicon-project:before { content: "\\eb30" }\n.codicon-pulse:before { content: "\\eb31" }\n.codicon-question:before { content: "\\eb32" }\n.codicon-quote:before { content: "\\eb33" }\n.codicon-radio-tower:before { content: "\\eb34" }\n.codicon-reactions:before { content: "\\eb35" }\n.codicon-references:before { content: "\\eb36" }\n.codicon-refresh:before { content: "\\eb37" }\n.codicon-regex:before { content: "\\eb38" }\n.codicon-remote-explorer:before { content: "\\eb39" }\n.codicon-remote:before { content: "\\eb3a" }\n.codicon-remove:before { content: "\\eb3b" }\n.codicon-replace-all:before { content: "\\eb3c" }\n.codicon-replace:before { content: "\\eb3d" }\n.codicon-repo-clone:before { content: "\\eb3e" }\n.codicon-repo-force-push:before { content: "\\eb3f" }\n.codicon-repo-pull:before { content: "\\eb40" }\n.codicon-repo-push:before { content: "\\eb41" }\n.codicon-report:before { content: "\\eb42" }\n.codicon-request-changes:before { content: "\\eb43" }\n.codicon-rocket:before { content: "\\eb44" }\n.codicon-root-folder-opened:before { content: "\\eb45" }\n.codicon-root-folder:before { content: "\\eb46" }\n.codicon-rss:before { content: "\\eb47" }\n.codicon-ruby:before { content: "\\eb48" }\n.codicon-save-all:before { content: "\\eb49" }\n.codicon-save-as:before { content: "\\eb4a" }\n.codicon-save:before { content: "\\eb4b" }\n.codicon-screen-full:before { content: "\\eb4c" }\n.codicon-screen-normal:before { content: "\\eb4d" }\n.codicon-search-stop:before { content: "\\eb4e" }\n.codicon-server:before { content: "\\eb50" }\n.codicon-settings-gear:before { content: "\\eb51" }\n.codicon-settings:before { content: "\\eb52" }\n.codicon-shield:before { content: "\\eb53" }\n.codicon-smiley:before { content: "\\eb54" }\n.codicon-sort-precedence:before { content: "\\eb55" }\n.codicon-split-horizontal:before { content: "\\eb56" }\n.codicon-split-vertical:before { content: "\\eb57" }\n.codicon-squirrel:before { content: "\\eb58" }\n.codicon-star-full:before { content: "\\eb59" }\n.codicon-star-half:before { content: "\\eb5a" }\n.codicon-symbol-class:before { content: "\\eb5b" }\n.codicon-symbol-color:before { content: "\\eb5c" }\n.codicon-symbol-constant:before { content: "\\eb5d" }\n.codicon-symbol-enum-member:before { content: "\\eb5e" }\n.codicon-symbol-field:before { content: "\\eb5f" }\n.codicon-symbol-file:before { content: "\\eb60" }\n.codicon-symbol-interface:before { content: "\\eb61" }\n.codicon-symbol-keyword:before { content: "\\eb62" }\n.codicon-symbol-misc:before { content: "\\eb63" }\n.codicon-symbol-operator:before { content: "\\eb64" }\n.codicon-symbol-property:before { content: "\\eb65" }\n.codicon-wrench:before { content: "\\eb65" }\n.codicon-wrench-subaction:before { content: "\\eb65" }\n.codicon-symbol-snippet:before { content: "\\eb66" }\n.codicon-tasklist:before { content: "\\eb67" }\n.codicon-telescope:before { content: "\\eb68" }\n.codicon-text-size:before { content: "\\eb69" }\n.codicon-three-bars:before { content: "\\eb6a" }\n.codicon-thumbsdown:before { content: "\\eb6b" }\n.codicon-thumbsup:before { content: "\\eb6c" }\n.codicon-tools:before { content: "\\eb6d" }\n.codicon-triangle-down:before { content: "\\eb6e" }\n.codicon-triangle-left:before { content: "\\eb6f" }\n.codicon-triangle-right:before { content: "\\eb70" }\n.codicon-triangle-up:before { content: "\\eb71" }\n.codicon-twitter:before { content: "\\eb72" }\n.codicon-unfold:before { content: "\\eb73" }\n.codicon-unlock:before { content: "\\eb74" }\n.codicon-unmute:before { content: "\\eb75" }\n.codicon-unverified:before { content: "\\eb76" }\n.codicon-verified:before { content: "\\eb77" }\n.codicon-versions:before { content: "\\eb78" }\n.codicon-vm-active:before { content: "\\eb79" }\n.codicon-vm-outline:before { content: "\\eb7a" }\n.codicon-vm-running:before { content: "\\eb7b" }\n.codicon-watch:before { content: "\\eb7c" }\n.codicon-whitespace:before { content: "\\eb7d" }\n.codicon-whole-word:before { content: "\\eb7e" }\n.codicon-window:before { content: "\\eb7f" }\n.codicon-word-wrap:before { content: "\\eb80" }\n.codicon-zoom-in:before { content: "\\eb81" }\n.codicon-zoom-out:before { content: "\\eb82" }\n.codicon-list-filter:before { content: "\\eb83" }\n.codicon-list-flat:before { content: "\\eb84" }\n.codicon-list-selection:before { content: "\\eb85" }\n.codicon-selection:before { content: "\\eb85" }\n.codicon-list-tree:before { content: "\\eb86" }\n.codicon-debug-breakpoint-function-unverified:before { content: "\\eb87" }\n.codicon-debug-breakpoint-function:before { content: "\\eb88" }\n.codicon-debug-breakpoint-function-disabled:before { content: "\\eb88" }\n.codicon-debug-stackframe-active:before { content: "\\eb89" }\n.codicon-circle-small-filled:before { content: "\\eb8a" }\n.codicon-debug-stackframe-dot:before { content: "\\eb8a" }\n.codicon-debug-stackframe:before { content: "\\eb8b" }\n.codicon-debug-stackframe-focused:before { content: "\\eb8b" }\n.codicon-debug-breakpoint-unsupported:before { content: "\\eb8c" }\n.codicon-symbol-string:before { content: "\\eb8d" }\n.codicon-debug-reverse-continue:before { content: "\\eb8e" }\n.codicon-debug-step-back:before { content: "\\eb8f" }\n.codicon-debug-restart-frame:before { content: "\\eb90" }\n.codicon-debug-alt:before { content: "\\eb91" }\n.codicon-call-incoming:before { content: "\\eb92" }\n.codicon-call-outgoing:before { content: "\\eb93" }\n.codicon-menu:before { content: "\\eb94" }\n.codicon-expand-all:before { content: "\\eb95" }\n.codicon-feedback:before { content: "\\eb96" }\n.codicon-group-by-ref-type:before { content: "\\eb97" }\n.codicon-ungroup-by-ref-type:before { content: "\\eb98" }\n.codicon-account:before { content: "\\eb99" }\n.codicon-bell-dot:before { content: "\\eb9a" }\n.codicon-debug-console:before { content: "\\eb9b" }\n.codicon-library:before { content: "\\eb9c" }\n.codicon-output:before { content: "\\eb9d" }\n.codicon-run-all:before { content: "\\eb9e" }\n.codicon-sync-ignored:before { content: "\\eb9f" }\n.codicon-pinned:before { content: "\\eba0" }\n.codicon-github-inverted:before { content: "\\eba1" }\n.codicon-server-process:before { content: "\\eba2" }\n.codicon-server-environment:before { content: "\\eba3" }\n.codicon-pass:before { content: "\\eba4" }\n.codicon-issue-closed:before { content: "\\eba4" }\n.codicon-stop-circle:before { content: "\\eba5" }\n.codicon-play-circle:before { content: "\\eba6" }\n.codicon-record:before { content: "\\eba7" }\n.codicon-debug-alt-small:before { content: "\\eba8" }\n.codicon-vm-connect:before { content: "\\eba9" }\n.codicon-cloud:before { content: "\\ebaa" }\n.codicon-merge:before { content: "\\ebab" }\n.codicon-export:before { content: "\\ebac" }\n.codicon-graph-left:before { content: "\\ebad" }\n.codicon-magnet:before { content: "\\ebae" }\n.codicon-notebook:before { content: "\\ebaf" }\n.codicon-redo:before { content: "\\ebb0" }\n.codicon-check-all:before { content: "\\ebb1" }\n.codicon-pinned-dirty:before { content: "\\ebb2" }\n.codicon-pass-filled:before { content: "\\ebb3" }\n.codicon-circle-large-filled:before { content: "\\ebb4" }\n.codicon-circle-large-outline:before { content: "\\ebb5" }\n.codicon-combine:before { content: "\\ebb6" }\n.codicon-gather:before { content: "\\ebb6" }\n.codicon-table:before { content: "\\ebb7" }\n.codicon-variable-group:before { content: "\\ebb8" }\n.codicon-type-hierarchy:before { content: "\\ebb9" }\n.codicon-type-hierarchy-sub:before { content: "\\ebba" }\n.codicon-type-hierarchy-super:before { content: "\\ebbb" }\n.codicon-git-pull-request-create:before { content: "\\ebbc" }\n.codicon-run-above:before { content: "\\ebbd" }\n.codicon-run-below:before { content: "\\ebbe" }\n.codicon-notebook-template:before { content: "\\ebbf" }\n.codicon-debug-rerun:before { content: "\\ebc0" }\n.codicon-workspace-trusted:before { content: "\\ebc1" }\n.codicon-workspace-untrusted:before { content: "\\ebc2" }\n.codicon-workspace-unknown:before { content: "\\ebc3" }\n.codicon-terminal-cmd:before { content: "\\ebc4" }\n.codicon-terminal-debian:before { content: "\\ebc5" }\n.codicon-terminal-linux:before { content: "\\ebc6" }\n.codicon-terminal-powershell:before { content: "\\ebc7" }\n.codicon-terminal-tmux:before { content: "\\ebc8" }\n.codicon-terminal-ubuntu:before { content: "\\ebc9" }\n.codicon-terminal-bash:before { content: "\\ebca" }\n.codicon-arrow-swap:before { content: "\\ebcb" }\n.codicon-copy:before { content: "\\ebcc" }\n.codicon-person-add:before { content: "\\ebcd" }\n.codicon-filter-filled:before { content: "\\ebce" }\n.codicon-wand:before { content: "\\ebcf" }\n.codicon-debug-line-by-line:before { content: "\\ebd0" }\n.codicon-inspect:before { content: "\\ebd1" }\n.codicon-layers:before { content: "\\ebd2" }\n.codicon-layers-dot:before { content: "\\ebd3" }\n.codicon-layers-active:before { content: "\\ebd4" }\n.codicon-compass:before { content: "\\ebd5" }\n.codicon-compass-dot:before { content: "\\ebd6" }\n.codicon-compass-active:before { content: "\\ebd7" }\n.codicon-azure:before { content: "\\ebd8" }\n.codicon-issue-draft:before { content: "\\ebd9" }\n.codicon-git-pull-request-closed:before { content: "\\ebda" }\n.codicon-git-pull-request-draft:before { content: "\\ebdb" }\n.codicon-debug-all:before { content: "\\ebdc" }\n.codicon-debug-coverage:before { content: "\\ebdd" }\n.codicon-run-errors:before { content: "\\ebde" }\n.codicon-folder-library:before { content: "\\ebdf" }\n.codicon-debug-continue-small:before { content: "\\ebe0" }\n.codicon-beaker-stop:before { content: "\\ebe1" }\n.codicon-graph-line:before { content: "\\ebe2" }\n.codicon-graph-scatter:before { content: "\\ebe3" }\n.codicon-pie-chart:before { content: "\\ebe4" }\n.codicon-bracket:before { content: "\\eb0f" }\n.codicon-bracket-dot:before { content: "\\ebe5" }\n.codicon-bracket-error:before { content: "\\ebe6" }\n.codicon-lock-small:before { content: "\\ebe7" }\n.codicon-azure-devops:before { content: "\\ebe8" }\n.codicon-verified-filled:before { content: "\\ebe9" }\n.codicon-newline:before { content: "\\ebea" }\n.codicon-layout:before { content: "\\ebeb" }\n.codicon-layout-activitybar-left:before { content: "\\ebec" }\n.codicon-layout-activitybar-right:before { content: "\\ebed" }\n.codicon-layout-panel-left:before { content: "\\ebee" }\n.codicon-layout-panel-center:before { content: "\\ebef" }\n.codicon-layout-panel-justify:before { content: "\\ebf0" }\n.codicon-layout-panel-right:before { content: "\\ebf1" }\n.codicon-layout-panel:before { content: "\\ebf2" }\n.codicon-layout-sidebar-left:before { content: "\\ebf3" }\n.codicon-layout-sidebar-right:before { content: "\\ebf4" }\n.codicon-layout-statusbar:before { content: "\\ebf5" }\n.codicon-layout-menubar:before { content: "\\ebf6" }\n.codicon-layout-centered:before { content: "\\ebf7" }\n.codicon-target:before { content: "\\ebf8" }\n.codicon-indent:before { content: "\\ebf9" }\n.codicon-record-small:before { content: "\\ebfa" }\n.codicon-error-small:before { content: "\\ebfb" }\n.codicon-arrow-circle-down:before { content: "\\ebfc" }\n.codicon-arrow-circle-left:before { content: "\\ebfd" }\n.codicon-arrow-circle-right:before { content: "\\ebfe" }\n.codicon-arrow-circle-up:before { content: "\\ebff" }\n.codicon-layout-sidebar-right-off:before { content: "\\ec00" }\n.codicon-layout-panel-off:before { content: "\\ec01" }\n.codicon-layout-sidebar-left-off:before { content: "\\ec02" }\n.codicon-blank:before { content: "\\ec03" }\n.codicon-heart-filled:before { content: "\\ec04" }\n.codicon-map:before { content: "\\ec05" }\n.codicon-map-filled:before { content: "\\ec06" }\n.codicon-circle-small:before { content: "\\ec07" }\n.codicon-bell-slash:before { content: "\\ec08" }\n.codicon-bell-slash-dot:before { content: "\\ec09" }\n.codicon-comment-unresolved:before { content: "\\ec0a" }\n.codicon-git-pull-request-go-to-changes:before { content: "\\ec0b" }\n.codicon-git-pull-request-new-changes:before { content: "\\ec0c" }\n\n@layer kol-component {\n\t:host {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t:host > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t/*\n   * The <code>:important</code> is important, because we should always override the font icon style.\n   */\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n'}},7702:(e,o,n)=>{n.d(o,{a:()=>l,c:()=>d,h:()=>i,v:()=>f});var c=n(9003),t=n(7052);const b=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function i(e,o=1){return function(e){var o;return"string"==typeof e&&(null===(o=e.match(b))||void 0===o?void 0:o.length)||0}(e)>=o}function d(e){return r.test(e)}const a=new Set(["string"]),f=(e,o,n={})=>{(0,t.w)(e,"_label",(e=>"string"==typeof e),a,o,function(e){var o;return{hooks:{afterPatch:(o,n,t,b)=>{var r,a;"function"==typeof(null===(r=e.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(a=e.hooks)||void 0===a||a.afterPatch(o,n,t,b)),"string"==typeof o&&!1===i(o,3)&&!1===d(o)&&(0,c.a)(`The heading or label ("${o}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof o&&o.length>80&&(0,c.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(o=e.hooks)||void 0===o?void 0:o.beforePatch}}}(n))},l=f}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[4891],{4891:(e,o,n)=>{n.r(o),n.d(o,{kol_icon:()=>r});var c=n(1349),t=n(1292),b=n(5382);const r=class{constructor(e){(0,c.r)(this,e),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const e=this.state._label.length>0;return(0,c.h)(c.H,{exportparts:"icon"},(0,c.h)("i",{"aria-hidden":e?void 0:"true","aria-label":e?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(e){(0,b.d)(this,"_icons",e)}validateLabel(e){(0,t.v)(this,e)}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};r.style={default:'/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n@font-face {\n\tfont-family: "codicon";\n\tfont-display: block;\n\tsrc: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n\n.codicon[class*=\'codicon-\'] {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n\t/* Use steps to throttle FPS to reduce CPU usage */\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n\topacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n\topacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n\n.codicon-add:before { content: "\\ea60" }\n.codicon-plus:before { content: "\\ea60" }\n.codicon-gist-new:before { content: "\\ea60" }\n.codicon-repo-create:before { content: "\\ea60" }\n.codicon-lightbulb:before { content: "\\ea61" }\n.codicon-light-bulb:before { content: "\\ea61" }\n.codicon-repo:before { content: "\\ea62" }\n.codicon-repo-delete:before { content: "\\ea62" }\n.codicon-gist-fork:before { content: "\\ea63" }\n.codicon-repo-forked:before { content: "\\ea63" }\n.codicon-git-pull-request:before { content: "\\ea64" }\n.codicon-git-pull-request-abandoned:before { content: "\\ea64" }\n.codicon-record-keys:before { content: "\\ea65" }\n.codicon-keyboard:before { content: "\\ea65" }\n.codicon-tag:before { content: "\\ea66" }\n.codicon-tag-add:before { content: "\\ea66" }\n.codicon-tag-remove:before { content: "\\ea66" }\n.codicon-person:before { content: "\\ea67" }\n.codicon-person-follow:before { content: "\\ea67" }\n.codicon-person-outline:before { content: "\\ea67" }\n.codicon-person-filled:before { content: "\\ea67" }\n.codicon-git-branch:before { content: "\\ea68" }\n.codicon-git-branch-create:before { content: "\\ea68" }\n.codicon-git-branch-delete:before { content: "\\ea68" }\n.codicon-source-control:before { content: "\\ea68" }\n.codicon-mirror:before { content: "\\ea69" }\n.codicon-mirror-public:before { content: "\\ea69" }\n.codicon-star:before { content: "\\ea6a" }\n.codicon-star-add:before { content: "\\ea6a" }\n.codicon-star-delete:before { content: "\\ea6a" }\n.codicon-star-empty:before { content: "\\ea6a" }\n.codicon-comment:before { content: "\\ea6b" }\n.codicon-comment-add:before { content: "\\ea6b" }\n.codicon-alert:before { content: "\\ea6c" }\n.codicon-warning:before { content: "\\ea6c" }\n.codicon-search:before { content: "\\ea6d" }\n.codicon-search-save:before { content: "\\ea6d" }\n.codicon-log-out:before { content: "\\ea6e" }\n.codicon-sign-out:before { content: "\\ea6e" }\n.codicon-log-in:before { content: "\\ea6f" }\n.codicon-sign-in:before { content: "\\ea6f" }\n.codicon-eye:before { content: "\\ea70" }\n.codicon-eye-unwatch:before { content: "\\ea70" }\n.codicon-eye-watch:before { content: "\\ea70" }\n.codicon-circle-filled:before { content: "\\ea71" }\n.codicon-primitive-dot:before { content: "\\ea71" }\n.codicon-close-dirty:before { content: "\\ea71" }\n.codicon-debug-breakpoint:before { content: "\\ea71" }\n.codicon-debug-breakpoint-disabled:before { content: "\\ea71" }\n.codicon-debug-hint:before { content: "\\ea71" }\n.codicon-primitive-square:before { content: "\\ea72" }\n.codicon-edit:before { content: "\\ea73" }\n.codicon-pencil:before { content: "\\ea73" }\n.codicon-info:before { content: "\\ea74" }\n.codicon-issue-opened:before { content: "\\ea74" }\n.codicon-gist-private:before { content: "\\ea75" }\n.codicon-git-fork-private:before { content: "\\ea75" }\n.codicon-lock:before { content: "\\ea75" }\n.codicon-mirror-private:before { content: "\\ea75" }\n.codicon-close:before { content: "\\ea76" }\n.codicon-remove-close:before { content: "\\ea76" }\n.codicon-x:before { content: "\\ea76" }\n.codicon-repo-sync:before { content: "\\ea77" }\n.codicon-sync:before { content: "\\ea77" }\n.codicon-clone:before { content: "\\ea78" }\n.codicon-desktop-download:before { content: "\\ea78" }\n.codicon-beaker:before { content: "\\ea79" }\n.codicon-microscope:before { content: "\\ea79" }\n.codicon-vm:before { content: "\\ea7a" }\n.codicon-device-desktop:before { content: "\\ea7a" }\n.codicon-file:before { content: "\\ea7b" }\n.codicon-file-text:before { content: "\\ea7b" }\n.codicon-more:before { content: "\\ea7c" }\n.codicon-ellipsis:before { content: "\\ea7c" }\n.codicon-kebab-horizontal:before { content: "\\ea7c" }\n.codicon-mail-reply:before { content: "\\ea7d" }\n.codicon-reply:before { content: "\\ea7d" }\n.codicon-organization:before { content: "\\ea7e" }\n.codicon-organization-filled:before { content: "\\ea7e" }\n.codicon-organization-outline:before { content: "\\ea7e" }\n.codicon-new-file:before { content: "\\ea7f" }\n.codicon-file-add:before { content: "\\ea7f" }\n.codicon-new-folder:before { content: "\\ea80" }\n.codicon-file-directory-create:before { content: "\\ea80" }\n.codicon-trash:before { content: "\\ea81" }\n.codicon-trashcan:before { content: "\\ea81" }\n.codicon-history:before { content: "\\ea82" }\n.codicon-clock:before { content: "\\ea82" }\n.codicon-folder:before { content: "\\ea83" }\n.codicon-file-directory:before { content: "\\ea83" }\n.codicon-symbol-folder:before { content: "\\ea83" }\n.codicon-logo-github:before { content: "\\ea84" }\n.codicon-mark-github:before { content: "\\ea84" }\n.codicon-github:before { content: "\\ea84" }\n.codicon-terminal:before { content: "\\ea85" }\n.codicon-console:before { content: "\\ea85" }\n.codicon-repl:before { content: "\\ea85" }\n.codicon-zap:before { content: "\\ea86" }\n.codicon-symbol-event:before { content: "\\ea86" }\n.codicon-error:before { content: "\\ea87" }\n.codicon-stop:before { content: "\\ea87" }\n.codicon-variable:before { content: "\\ea88" }\n.codicon-symbol-variable:before { content: "\\ea88" }\n.codicon-array:before { content: "\\ea8a" }\n.codicon-symbol-array:before { content: "\\ea8a" }\n.codicon-symbol-module:before { content: "\\ea8b" }\n.codicon-symbol-package:before { content: "\\ea8b" }\n.codicon-symbol-namespace:before { content: "\\ea8b" }\n.codicon-symbol-object:before { content: "\\ea8b" }\n.codicon-symbol-method:before { content: "\\ea8c" }\n.codicon-symbol-function:before { content: "\\ea8c" }\n.codicon-symbol-constructor:before { content: "\\ea8c" }\n.codicon-symbol-boolean:before { content: "\\ea8f" }\n.codicon-symbol-null:before { content: "\\ea8f" }\n.codicon-symbol-numeric:before { content: "\\ea90" }\n.codicon-symbol-number:before { content: "\\ea90" }\n.codicon-symbol-structure:before { content: "\\ea91" }\n.codicon-symbol-struct:before { content: "\\ea91" }\n.codicon-symbol-parameter:before { content: "\\ea92" }\n.codicon-symbol-type-parameter:before { content: "\\ea92" }\n.codicon-symbol-key:before { content: "\\ea93" }\n.codicon-symbol-text:before { content: "\\ea93" }\n.codicon-symbol-reference:before { content: "\\ea94" }\n.codicon-go-to-file:before { content: "\\ea94" }\n.codicon-symbol-enum:before { content: "\\ea95" }\n.codicon-symbol-value:before { content: "\\ea95" }\n.codicon-symbol-ruler:before { content: "\\ea96" }\n.codicon-symbol-unit:before { content: "\\ea96" }\n.codicon-activate-breakpoints:before { content: "\\ea97" }\n.codicon-archive:before { content: "\\ea98" }\n.codicon-arrow-both:before { content: "\\ea99" }\n.codicon-arrow-down:before { content: "\\ea9a" }\n.codicon-arrow-left:before { content: "\\ea9b" }\n.codicon-arrow-right:before { content: "\\ea9c" }\n.codicon-arrow-small-down:before { content: "\\ea9d" }\n.codicon-arrow-small-left:before { content: "\\ea9e" }\n.codicon-arrow-small-right:before { content: "\\ea9f" }\n.codicon-arrow-small-up:before { content: "\\eaa0" }\n.codicon-arrow-up:before { content: "\\eaa1" }\n.codicon-bell:before { content: "\\eaa2" }\n.codicon-bold:before { content: "\\eaa3" }\n.codicon-book:before { content: "\\eaa4" }\n.codicon-bookmark:before { content: "\\eaa5" }\n.codicon-debug-breakpoint-conditional-unverified:before { content: "\\eaa6" }\n.codicon-debug-breakpoint-conditional:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-conditional-disabled:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-data-unverified:before { content: "\\eaa8" }\n.codicon-debug-breakpoint-data:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-data-disabled:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-log-unverified:before { content: "\\eaaa" }\n.codicon-debug-breakpoint-log:before { content: "\\eaab" }\n.codicon-debug-breakpoint-log-disabled:before { content: "\\eaab" }\n.codicon-briefcase:before { content: "\\eaac" }\n.codicon-broadcast:before { content: "\\eaad" }\n.codicon-browser:before { content: "\\eaae" }\n.codicon-bug:before { content: "\\eaaf" }\n.codicon-calendar:before { content: "\\eab0" }\n.codicon-case-sensitive:before { content: "\\eab1" }\n.codicon-check:before { content: "\\eab2" }\n.codicon-checklist:before { content: "\\eab3" }\n.codicon-chevron-down:before { content: "\\eab4" }\n.codicon-chevron-left:before { content: "\\eab5" }\n.codicon-chevron-right:before { content: "\\eab6" }\n.codicon-chevron-up:before { content: "\\eab7" }\n.codicon-chrome-close:before { content: "\\eab8" }\n.codicon-chrome-maximize:before { content: "\\eab9" }\n.codicon-chrome-minimize:before { content: "\\eaba" }\n.codicon-chrome-restore:before { content: "\\eabb" }\n.codicon-circle-outline:before { content: "\\eabc" }\n.codicon-debug-breakpoint-unverified:before { content: "\\eabc" }\n.codicon-circle-slash:before { content: "\\eabd" }\n.codicon-circuit-board:before { content: "\\eabe" }\n.codicon-clear-all:before { content: "\\eabf" }\n.codicon-clippy:before { content: "\\eac0" }\n.codicon-close-all:before { content: "\\eac1" }\n.codicon-cloud-download:before { content: "\\eac2" }\n.codicon-cloud-upload:before { content: "\\eac3" }\n.codicon-code:before { content: "\\eac4" }\n.codicon-collapse-all:before { content: "\\eac5" }\n.codicon-color-mode:before { content: "\\eac6" }\n.codicon-comment-discussion:before { content: "\\eac7" }\n.codicon-credit-card:before { content: "\\eac9" }\n.codicon-dash:before { content: "\\eacc" }\n.codicon-dashboard:before { content: "\\eacd" }\n.codicon-database:before { content: "\\eace" }\n.codicon-debug-continue:before { content: "\\eacf" }\n.codicon-debug-disconnect:before { content: "\\ead0" }\n.codicon-debug-pause:before { content: "\\ead1" }\n.codicon-debug-restart:before { content: "\\ead2" }\n.codicon-debug-start:before { content: "\\ead3" }\n.codicon-debug-step-into:before { content: "\\ead4" }\n.codicon-debug-step-out:before { content: "\\ead5" }\n.codicon-debug-step-over:before { content: "\\ead6" }\n.codicon-debug-stop:before { content: "\\ead7" }\n.codicon-debug:before { content: "\\ead8" }\n.codicon-device-camera-video:before { content: "\\ead9" }\n.codicon-device-camera:before { content: "\\eada" }\n.codicon-device-mobile:before { content: "\\eadb" }\n.codicon-diff-added:before { content: "\\eadc" }\n.codicon-diff-ignored:before { content: "\\eadd" }\n.codicon-diff-modified:before { content: "\\eade" }\n.codicon-diff-removed:before { content: "\\eadf" }\n.codicon-diff-renamed:before { content: "\\eae0" }\n.codicon-diff:before { content: "\\eae1" }\n.codicon-discard:before { content: "\\eae2" }\n.codicon-editor-layout:before { content: "\\eae3" }\n.codicon-empty-window:before { content: "\\eae4" }\n.codicon-exclude:before { content: "\\eae5" }\n.codicon-extensions:before { content: "\\eae6" }\n.codicon-eye-closed:before { content: "\\eae7" }\n.codicon-file-binary:before { content: "\\eae8" }\n.codicon-file-code:before { content: "\\eae9" }\n.codicon-file-media:before { content: "\\eaea" }\n.codicon-file-pdf:before { content: "\\eaeb" }\n.codicon-file-submodule:before { content: "\\eaec" }\n.codicon-file-symlink-directory:before { content: "\\eaed" }\n.codicon-file-symlink-file:before { content: "\\eaee" }\n.codicon-file-zip:before { content: "\\eaef" }\n.codicon-files:before { content: "\\eaf0" }\n.codicon-filter:before { content: "\\eaf1" }\n.codicon-flame:before { content: "\\eaf2" }\n.codicon-fold-down:before { content: "\\eaf3" }\n.codicon-fold-up:before { content: "\\eaf4" }\n.codicon-fold:before { content: "\\eaf5" }\n.codicon-folder-active:before { content: "\\eaf6" }\n.codicon-folder-opened:before { content: "\\eaf7" }\n.codicon-gear:before { content: "\\eaf8" }\n.codicon-gift:before { content: "\\eaf9" }\n.codicon-gist-secret:before { content: "\\eafa" }\n.codicon-gist:before { content: "\\eafb" }\n.codicon-git-commit:before { content: "\\eafc" }\n.codicon-git-compare:before { content: "\\eafd" }\n.codicon-compare-changes:before { content: "\\eafd" }\n.codicon-git-merge:before { content: "\\eafe" }\n.codicon-github-action:before { content: "\\eaff" }\n.codicon-github-alt:before { content: "\\eb00" }\n.codicon-globe:before { content: "\\eb01" }\n.codicon-grabber:before { content: "\\eb02" }\n.codicon-graph:before { content: "\\eb03" }\n.codicon-gripper:before { content: "\\eb04" }\n.codicon-heart:before { content: "\\eb05" }\n.codicon-home:before { content: "\\eb06" }\n.codicon-horizontal-rule:before { content: "\\eb07" }\n.codicon-hubot:before { content: "\\eb08" }\n.codicon-inbox:before { content: "\\eb09" }\n.codicon-issue-reopened:before { content: "\\eb0b" }\n.codicon-issues:before { content: "\\eb0c" }\n.codicon-italic:before { content: "\\eb0d" }\n.codicon-jersey:before { content: "\\eb0e" }\n.codicon-json:before { content: "\\eb0f" }\n.codicon-kebab-vertical:before { content: "\\eb10" }\n.codicon-key:before { content: "\\eb11" }\n.codicon-law:before { content: "\\eb12" }\n.codicon-lightbulb-autofix:before { content: "\\eb13" }\n.codicon-link-external:before { content: "\\eb14" }\n.codicon-link:before { content: "\\eb15" }\n.codicon-list-ordered:before { content: "\\eb16" }\n.codicon-list-unordered:before { content: "\\eb17" }\n.codicon-live-share:before { content: "\\eb18" }\n.codicon-loading:before { content: "\\eb19" }\n.codicon-location:before { content: "\\eb1a" }\n.codicon-mail-read:before { content: "\\eb1b" }\n.codicon-mail:before { content: "\\eb1c" }\n.codicon-markdown:before { content: "\\eb1d" }\n.codicon-megaphone:before { content: "\\eb1e" }\n.codicon-mention:before { content: "\\eb1f" }\n.codicon-milestone:before { content: "\\eb20" }\n.codicon-mortar-board:before { content: "\\eb21" }\n.codicon-move:before { content: "\\eb22" }\n.codicon-multiple-windows:before { content: "\\eb23" }\n.codicon-mute:before { content: "\\eb24" }\n.codicon-no-newline:before { content: "\\eb25" }\n.codicon-note:before { content: "\\eb26" }\n.codicon-octoface:before { content: "\\eb27" }\n.codicon-open-preview:before { content: "\\eb28" }\n.codicon-package:before { content: "\\eb29" }\n.codicon-paintcan:before { content: "\\eb2a" }\n.codicon-pin:before { content: "\\eb2b" }\n.codicon-play:before { content: "\\eb2c" }\n.codicon-run:before { content: "\\eb2c" }\n.codicon-plug:before { content: "\\eb2d" }\n.codicon-preserve-case:before { content: "\\eb2e" }\n.codicon-preview:before { content: "\\eb2f" }\n.codicon-project:before { content: "\\eb30" }\n.codicon-pulse:before { content: "\\eb31" }\n.codicon-question:before { content: "\\eb32" }\n.codicon-quote:before { content: "\\eb33" }\n.codicon-radio-tower:before { content: "\\eb34" }\n.codicon-reactions:before { content: "\\eb35" }\n.codicon-references:before { content: "\\eb36" }\n.codicon-refresh:before { content: "\\eb37" }\n.codicon-regex:before { content: "\\eb38" }\n.codicon-remote-explorer:before { content: "\\eb39" }\n.codicon-remote:before { content: "\\eb3a" }\n.codicon-remove:before { content: "\\eb3b" }\n.codicon-replace-all:before { content: "\\eb3c" }\n.codicon-replace:before { content: "\\eb3d" }\n.codicon-repo-clone:before { content: "\\eb3e" }\n.codicon-repo-force-push:before { content: "\\eb3f" }\n.codicon-repo-pull:before { content: "\\eb40" }\n.codicon-repo-push:before { content: "\\eb41" }\n.codicon-report:before { content: "\\eb42" }\n.codicon-request-changes:before { content: "\\eb43" }\n.codicon-rocket:before { content: "\\eb44" }\n.codicon-root-folder-opened:before { content: "\\eb45" }\n.codicon-root-folder:before { content: "\\eb46" }\n.codicon-rss:before { content: "\\eb47" }\n.codicon-ruby:before { content: "\\eb48" }\n.codicon-save-all:before { content: "\\eb49" }\n.codicon-save-as:before { content: "\\eb4a" }\n.codicon-save:before { content: "\\eb4b" }\n.codicon-screen-full:before { content: "\\eb4c" }\n.codicon-screen-normal:before { content: "\\eb4d" }\n.codicon-search-stop:before { content: "\\eb4e" }\n.codicon-server:before { content: "\\eb50" }\n.codicon-settings-gear:before { content: "\\eb51" }\n.codicon-settings:before { content: "\\eb52" }\n.codicon-shield:before { content: "\\eb53" }\n.codicon-smiley:before { content: "\\eb54" }\n.codicon-sort-precedence:before { content: "\\eb55" }\n.codicon-split-horizontal:before { content: "\\eb56" }\n.codicon-split-vertical:before { content: "\\eb57" }\n.codicon-squirrel:before { content: "\\eb58" }\n.codicon-star-full:before { content: "\\eb59" }\n.codicon-star-half:before { content: "\\eb5a" }\n.codicon-symbol-class:before { content: "\\eb5b" }\n.codicon-symbol-color:before { content: "\\eb5c" }\n.codicon-symbol-constant:before { content: "\\eb5d" }\n.codicon-symbol-enum-member:before { content: "\\eb5e" }\n.codicon-symbol-field:before { content: "\\eb5f" }\n.codicon-symbol-file:before { content: "\\eb60" }\n.codicon-symbol-interface:before { content: "\\eb61" }\n.codicon-symbol-keyword:before { content: "\\eb62" }\n.codicon-symbol-misc:before { content: "\\eb63" }\n.codicon-symbol-operator:before { content: "\\eb64" }\n.codicon-symbol-property:before { content: "\\eb65" }\n.codicon-wrench:before { content: "\\eb65" }\n.codicon-wrench-subaction:before { content: "\\eb65" }\n.codicon-symbol-snippet:before { content: "\\eb66" }\n.codicon-tasklist:before { content: "\\eb67" }\n.codicon-telescope:before { content: "\\eb68" }\n.codicon-text-size:before { content: "\\eb69" }\n.codicon-three-bars:before { content: "\\eb6a" }\n.codicon-thumbsdown:before { content: "\\eb6b" }\n.codicon-thumbsup:before { content: "\\eb6c" }\n.codicon-tools:before { content: "\\eb6d" }\n.codicon-triangle-down:before { content: "\\eb6e" }\n.codicon-triangle-left:before { content: "\\eb6f" }\n.codicon-triangle-right:before { content: "\\eb70" }\n.codicon-triangle-up:before { content: "\\eb71" }\n.codicon-twitter:before { content: "\\eb72" }\n.codicon-unfold:before { content: "\\eb73" }\n.codicon-unlock:before { content: "\\eb74" }\n.codicon-unmute:before { content: "\\eb75" }\n.codicon-unverified:before { content: "\\eb76" }\n.codicon-verified:before { content: "\\eb77" }\n.codicon-versions:before { content: "\\eb78" }\n.codicon-vm-active:before { content: "\\eb79" }\n.codicon-vm-outline:before { content: "\\eb7a" }\n.codicon-vm-running:before { content: "\\eb7b" }\n.codicon-watch:before { content: "\\eb7c" }\n.codicon-whitespace:before { content: "\\eb7d" }\n.codicon-whole-word:before { content: "\\eb7e" }\n.codicon-window:before { content: "\\eb7f" }\n.codicon-word-wrap:before { content: "\\eb80" }\n.codicon-zoom-in:before { content: "\\eb81" }\n.codicon-zoom-out:before { content: "\\eb82" }\n.codicon-list-filter:before { content: "\\eb83" }\n.codicon-list-flat:before { content: "\\eb84" }\n.codicon-list-selection:before { content: "\\eb85" }\n.codicon-selection:before { content: "\\eb85" }\n.codicon-list-tree:before { content: "\\eb86" }\n.codicon-debug-breakpoint-function-unverified:before { content: "\\eb87" }\n.codicon-debug-breakpoint-function:before { content: "\\eb88" }\n.codicon-debug-breakpoint-function-disabled:before { content: "\\eb88" }\n.codicon-debug-stackframe-active:before { content: "\\eb89" }\n.codicon-circle-small-filled:before { content: "\\eb8a" }\n.codicon-debug-stackframe-dot:before { content: "\\eb8a" }\n.codicon-debug-stackframe:before { content: "\\eb8b" }\n.codicon-debug-stackframe-focused:before { content: "\\eb8b" }\n.codicon-debug-breakpoint-unsupported:before { content: "\\eb8c" }\n.codicon-symbol-string:before { content: "\\eb8d" }\n.codicon-debug-reverse-continue:before { content: "\\eb8e" }\n.codicon-debug-step-back:before { content: "\\eb8f" }\n.codicon-debug-restart-frame:before { content: "\\eb90" }\n.codicon-debug-alt:before { content: "\\eb91" }\n.codicon-call-incoming:before { content: "\\eb92" }\n.codicon-call-outgoing:before { content: "\\eb93" }\n.codicon-menu:before { content: "\\eb94" }\n.codicon-expand-all:before { content: "\\eb95" }\n.codicon-feedback:before { content: "\\eb96" }\n.codicon-group-by-ref-type:before { content: "\\eb97" }\n.codicon-ungroup-by-ref-type:before { content: "\\eb98" }\n.codicon-account:before { content: "\\eb99" }\n.codicon-bell-dot:before { content: "\\eb9a" }\n.codicon-debug-console:before { content: "\\eb9b" }\n.codicon-library:before { content: "\\eb9c" }\n.codicon-output:before { content: "\\eb9d" }\n.codicon-run-all:before { content: "\\eb9e" }\n.codicon-sync-ignored:before { content: "\\eb9f" }\n.codicon-pinned:before { content: "\\eba0" }\n.codicon-github-inverted:before { content: "\\eba1" }\n.codicon-server-process:before { content: "\\eba2" }\n.codicon-server-environment:before { content: "\\eba3" }\n.codicon-pass:before { content: "\\eba4" }\n.codicon-issue-closed:before { content: "\\eba4" }\n.codicon-stop-circle:before { content: "\\eba5" }\n.codicon-play-circle:before { content: "\\eba6" }\n.codicon-record:before { content: "\\eba7" }\n.codicon-debug-alt-small:before { content: "\\eba8" }\n.codicon-vm-connect:before { content: "\\eba9" }\n.codicon-cloud:before { content: "\\ebaa" }\n.codicon-merge:before { content: "\\ebab" }\n.codicon-export:before { content: "\\ebac" }\n.codicon-graph-left:before { content: "\\ebad" }\n.codicon-magnet:before { content: "\\ebae" }\n.codicon-notebook:before { content: "\\ebaf" }\n.codicon-redo:before { content: "\\ebb0" }\n.codicon-check-all:before { content: "\\ebb1" }\n.codicon-pinned-dirty:before { content: "\\ebb2" }\n.codicon-pass-filled:before { content: "\\ebb3" }\n.codicon-circle-large-filled:before { content: "\\ebb4" }\n.codicon-circle-large-outline:before { content: "\\ebb5" }\n.codicon-combine:before { content: "\\ebb6" }\n.codicon-gather:before { content: "\\ebb6" }\n.codicon-table:before { content: "\\ebb7" }\n.codicon-variable-group:before { content: "\\ebb8" }\n.codicon-type-hierarchy:before { content: "\\ebb9" }\n.codicon-type-hierarchy-sub:before { content: "\\ebba" }\n.codicon-type-hierarchy-super:before { content: "\\ebbb" }\n.codicon-git-pull-request-create:before { content: "\\ebbc" }\n.codicon-run-above:before { content: "\\ebbd" }\n.codicon-run-below:before { content: "\\ebbe" }\n.codicon-notebook-template:before { content: "\\ebbf" }\n.codicon-debug-rerun:before { content: "\\ebc0" }\n.codicon-workspace-trusted:before { content: "\\ebc1" }\n.codicon-workspace-untrusted:before { content: "\\ebc2" }\n.codicon-workspace-unknown:before { content: "\\ebc3" }\n.codicon-terminal-cmd:before { content: "\\ebc4" }\n.codicon-terminal-debian:before { content: "\\ebc5" }\n.codicon-terminal-linux:before { content: "\\ebc6" }\n.codicon-terminal-powershell:before { content: "\\ebc7" }\n.codicon-terminal-tmux:before { content: "\\ebc8" }\n.codicon-terminal-ubuntu:before { content: "\\ebc9" }\n.codicon-terminal-bash:before { content: "\\ebca" }\n.codicon-arrow-swap:before { content: "\\ebcb" }\n.codicon-copy:before { content: "\\ebcc" }\n.codicon-person-add:before { content: "\\ebcd" }\n.codicon-filter-filled:before { content: "\\ebce" }\n.codicon-wand:before { content: "\\ebcf" }\n.codicon-debug-line-by-line:before { content: "\\ebd0" }\n.codicon-inspect:before { content: "\\ebd1" }\n.codicon-layers:before { content: "\\ebd2" }\n.codicon-layers-dot:before { content: "\\ebd3" }\n.codicon-layers-active:before { content: "\\ebd4" }\n.codicon-compass:before { content: "\\ebd5" }\n.codicon-compass-dot:before { content: "\\ebd6" }\n.codicon-compass-active:before { content: "\\ebd7" }\n.codicon-azure:before { content: "\\ebd8" }\n.codicon-issue-draft:before { content: "\\ebd9" }\n.codicon-git-pull-request-closed:before { content: "\\ebda" }\n.codicon-git-pull-request-draft:before { content: "\\ebdb" }\n.codicon-debug-all:before { content: "\\ebdc" }\n.codicon-debug-coverage:before { content: "\\ebdd" }\n.codicon-run-errors:before { content: "\\ebde" }\n.codicon-folder-library:before { content: "\\ebdf" }\n.codicon-debug-continue-small:before { content: "\\ebe0" }\n.codicon-beaker-stop:before { content: "\\ebe1" }\n.codicon-graph-line:before { content: "\\ebe2" }\n.codicon-graph-scatter:before { content: "\\ebe3" }\n.codicon-pie-chart:before { content: "\\ebe4" }\n.codicon-bracket:before { content: "\\eb0f" }\n.codicon-bracket-dot:before { content: "\\ebe5" }\n.codicon-bracket-error:before { content: "\\ebe6" }\n.codicon-lock-small:before { content: "\\ebe7" }\n.codicon-azure-devops:before { content: "\\ebe8" }\n.codicon-verified-filled:before { content: "\\ebe9" }\n.codicon-newline:before { content: "\\ebea" }\n.codicon-layout:before { content: "\\ebeb" }\n.codicon-layout-activitybar-left:before { content: "\\ebec" }\n.codicon-layout-activitybar-right:before { content: "\\ebed" }\n.codicon-layout-panel-left:before { content: "\\ebee" }\n.codicon-layout-panel-center:before { content: "\\ebef" }\n.codicon-layout-panel-justify:before { content: "\\ebf0" }\n.codicon-layout-panel-right:before { content: "\\ebf1" }\n.codicon-layout-panel:before { content: "\\ebf2" }\n.codicon-layout-sidebar-left:before { content: "\\ebf3" }\n.codicon-layout-sidebar-right:before { content: "\\ebf4" }\n.codicon-layout-statusbar:before { content: "\\ebf5" }\n.codicon-layout-menubar:before { content: "\\ebf6" }\n.codicon-layout-centered:before { content: "\\ebf7" }\n.codicon-target:before { content: "\\ebf8" }\n.codicon-indent:before { content: "\\ebf9" }\n.codicon-record-small:before { content: "\\ebfa" }\n.codicon-error-small:before { content: "\\ebfb" }\n.codicon-arrow-circle-down:before { content: "\\ebfc" }\n.codicon-arrow-circle-left:before { content: "\\ebfd" }\n.codicon-arrow-circle-right:before { content: "\\ebfe" }\n.codicon-arrow-circle-up:before { content: "\\ebff" }\n.codicon-layout-sidebar-right-off:before { content: "\\ec00" }\n.codicon-layout-panel-off:before { content: "\\ec01" }\n.codicon-layout-sidebar-left-off:before { content: "\\ec02" }\n.codicon-blank:before { content: "\\ec03" }\n.codicon-heart-filled:before { content: "\\ec04" }\n.codicon-map:before { content: "\\ec05" }\n.codicon-map-filled:before { content: "\\ec06" }\n.codicon-circle-small:before { content: "\\ec07" }\n.codicon-bell-slash:before { content: "\\ec08" }\n.codicon-bell-slash-dot:before { content: "\\ec09" }\n.codicon-comment-unresolved:before { content: "\\ec0a" }\n.codicon-git-pull-request-go-to-changes:before { content: "\\ec0b" }\n.codicon-git-pull-request-new-changes:before { content: "\\ec0c" }\n\n@layer kol-component {\n\t:host {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t:host > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t/*\n   * The <code>:important</code> is important, because we should always override the font icon style.\n   */\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n'}},1292:(e,o,n)=>{n.d(o,{a:()=>l,c:()=>d,h:()=>i,v:()=>f});var c=n(2333),t=n(5382);const b=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function i(e,o=1){return function(e){var o;return"string"==typeof e&&(null===(o=e.match(b))||void 0===o?void 0:o.length)||0}(e)>=o}function d(e){return r.test(e)}const a=new Set(["string"]),f=(e,o,n={})=>{(0,t.w)(e,"_label",(e=>"string"==typeof e),a,o,function(e){var o;return{hooks:{afterPatch:(o,n,t,b)=>{var r,a;"function"==typeof(null===(r=e.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(a=e.hooks)||void 0===a||a.afterPatch(o,n,t,b)),"string"==typeof o&&!1===i(o,3)&&!1===d(o)&&(0,c.a)(`The heading or label ("${o}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof o&&o.length>80&&(0,c.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(o=e.hooks)||void 0===o?void 0:o.beforePatch}}}(n))},l=f}}]);

package/dist/5183.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5183.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5183],{5183:(t,n,e)=>{e.r(n),e.d(n,{kol_breadcrumb:()=>r});var i=e(664),l=e(7702),a=e(9003),o=e(8230),s=e(904);const r=class{constructor(t){(0,i.r)(this,t),this.renderLink=(t,n)=>{const e=this.state._links.length-1;return(0,i.h)("li",{key:n},0!==n&&(0,i.h)("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),n===e?(0,i.h)("span",null,t._hideLabel?(0,i.h)("kol-icon",{_label:t._label,_icons:"string"==typeof t._icons?t._icons:"codicon codicon-symbol-event"}):(0,i.h)(i.F,null,t._label)):(0,i.h)("kol-link",Object.assign({},t)))},this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){return(0,i.h)(i.H,null,(0,i.h)("nav",{"aria-label":this.state._label},(0,i.h)("ul",null,0===this.state._links.length&&(0,i.h)("li",null,(0,i.h)("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(t,n,e=!1){e||(0,o.r)(this.state._label),(0,l.v)(this,t),(0,a.b)(t),(0,o.a)(this.state._label)}validateLinks(t){(0,s.w)("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){(0,o.r)(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};r.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tli,\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tflex-wrap: wrap;\n\t\tplace-items: center;\n\t}\n\n\tkol-icon::part(separator) {\n\t\tfont-weight: 900;\n\t\tfont-size: 0.7em;\n\t}\n\n\tkol-icon::part(separator):before {\n\t\tcontent: '\\f054';\n\t\tfont-family: 'Font Awesome 6 Free';\n\t}\n}\n"}},7702:(t,n,e)=>{e.d(n,{a:()=>d,c:()=>r,h:()=>s,v:()=>c});var i=e(9003),l=e(7052);const a=/[a-zA-Z0-9äöüÄÖÜß]/g,o=/^\d+$/;function s(t,n=1){return function(t){var n;return"string"==typeof t&&(null===(n=t.match(a))||void 0===n?void 0:n.length)||0}(t)>=n}function r(t){return o.test(t)}const h=new Set(["string"]),c=(t,n,e={})=>{(0,l.w)(t,"_label",(t=>"string"==typeof t),h,n,function(t){var n;return{hooks:{afterPatch:(n,e,l,a)=>{var o,h;"function"==typeof(null===(o=t.hooks)||void 0===o?void 0:o.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(n,e,l,a)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=t.hooks)||void 0===n?void 0:n.beforePatch}}}(e))},d=c},8230:(t,n,e)=>{e.d(n,{a:()=>l,r:()=>a});const i=new Set;function l(t){i.has(t)?console.error(`There already is a nav element with the label "${t}"`):i.add(t)}function a(t){i.delete(t)}},904:(t,n,e)=>{e.d(n,{w:()=>a});var i=e(9003),l=e(7052);const a=(t,n,e)=>{(0,l.c)(n,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),e),(0,i.c)(t,n.state._links.length)}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5183],{5183:(t,n,e)=>{e.r(n),e.d(n,{kol_breadcrumb:()=>r});var i=e(1349),o=e(1292),a=e(2333),l=e(6297),s=e(4364);const r=class{constructor(t){(0,i.r)(this,t),this.renderLink=(t,n)=>{const e=this.state._links.length-1;return(0,i.h)("li",{key:n},0!==n&&(0,i.h)("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),n===e?(0,i.h)("span",null,t._hideLabel?(0,i.h)("kol-icon",{_label:t._label,_icons:"string"==typeof t._icons?t._icons:"codicon codicon-symbol-event"}):(0,i.h)(i.F,null,t._label)):(0,i.h)("kol-link",Object.assign({},t)))},this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){return(0,i.h)(i.H,null,(0,i.h)("nav",{"aria-label":this.state._label},(0,i.h)("ul",null,0===this.state._links.length&&(0,i.h)("li",null,(0,i.h)("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(t,n,e=!1){e||(0,l.r)(this.state._label),(0,o.v)(this,t),(0,a.b)(t),(0,l.a)(this.state._label)}validateLinks(t){(0,s.w)("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){(0,l.r)(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};r.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\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\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tli,\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tflex-wrap: wrap;\n\t\tplace-items: center;\n\t}\n\n\tkol-icon::part(separator) {\n\t\tfont-weight: 900;\n\t\tfont-size: 0.7em;\n\t}\n\n\tkol-icon::part(separator):before {\n\t\tcontent: '\\f054';\n\t\tfont-family: 'Font Awesome 6 Free';\n\t}\n}\n"}},1292:(t,n,e)=>{e.d(n,{a:()=>d,c:()=>r,h:()=>s,v:()=>c});var i=e(2333),o=e(5382);const a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(t,n=1){return function(t){var n;return"string"==typeof t&&(null===(n=t.match(a))||void 0===n?void 0:n.length)||0}(t)>=n}function r(t){return l.test(t)}const h=new Set(["string"]),c=(t,n,e={})=>{(0,o.w)(t,"_label",(t=>"string"==typeof t),h,n,function(t){var n;return{hooks:{afterPatch:(n,e,o,a)=>{var l,h;"function"==typeof(null===(l=t.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(n,e,o,a)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=t.hooks)||void 0===n?void 0:n.beforePatch}}}(e))},d=c},6297:(t,n,e)=>{e.d(n,{a:()=>o,r:()=>a});const i=new Set;function o(t){i.has(t)?console.error(`There already is a nav element with the label "${t}"`):i.add(t)}function a(t){i.delete(t)}},4364:(t,n,e)=>{e.d(n,{w:()=>a});var i=e(2333),o=e(5382);const a=(t,n,e)=>{(0,o.c)(n,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),e),(0,i.c)(t,n.state._links.length)}}}]);

package/dist/5369.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5369.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5369],{9779:(t,e,n)=>{n.d(e,{a:()=>l,p:()=>r});var i=n(9003),a=n(8260),s=n(7052);const o=t=>{for((0,a.d)()&&((0,i.d)("↓ Search form element start."),console.log(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&"KOL-FORM"!==t.tagName;){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,a.d)()&&(console.log(t),(0,i.d)("↑ Search form element finished."))}return t},l=(t={})=>{var e,n;const i=o(t.form);if(i instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)(0,s.f)(t,i),i.dispatchEvent(t);else if("KOL-FORM"===i.tagName){(0,s.f)(t,s.K.querySelector("form",i));const a=i;"function"==typeof(null===(e=a._on)||void 0===e?void 0:e.onReset)&&(null===(n=a._on)||void 0===n||n.onReset(t))}}},r=(t={})=>{var e,n;const i=o(t.form);if(i instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:i});if("FORM"===i.tagName)(0,s.f)(t,i),i.dispatchEvent(t),i.submit();else if("KOL-FORM"===i.tagName){(0,s.f)(t,s.K.querySelector("form",i));const a=i;"function"==typeof(null===(e=a._on)||void 0===e?void 0:e.onSubmit)&&(null===(n=a._on)||void 0===n||n.onSubmit(t))}}}},5369:(t,e,n)=>{n.r(e),n.d(e,{kol_input_range:()=>m});var i=n(664),a=n(8260),s=n(2180),o=n(9779),l=n(7903),r=n(7556),d=n(9003),h=n(7052),p=n(5791),c=n(569);class u extends p.I{constructor(t,e,n){super(t,e,n),this.component=t}validateAutoComplete(t){(0,h.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHideError(t){(0,l.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,d.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMax(t){(0,h.e)(this.component,"_max",t)}validateMin(t){(0,h.e)(this.component,"_min",t)}validateStep(t){(0,h.e)(this.component,"_step",t)}validateSuggestions(t){(0,r.v)(this.component,t)}validateValue(t){(0,h.e)(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHideError(this.component._hideError),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateStep(this.component._step),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const m=class{render(){const{ariaDescribedBy:t}=(0,l.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,s.s)(this.state._label);return(0,i.h)(i.H,null,(0,i.h)("kol-input",{class:{range:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},(0,i.h)("span",{slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,i.h)(i.F,null,(0,i.h)(c.I,{accessKey:this.state._accessKey,label:this.state._label})," ",(0,i.h)("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{slot:"input"},(0,i.h)("div",{class:"inputs-wrapper",style:{"--kolibri-input-range--input-number--width":`${this.state._max}`.length+.5+"em"}},(0,i.h)("input",Object.assign({title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,list:e?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-range`:void 0,spellcheck:"false",step:this.state._step,tabIndex:-1,type:"range",value:this.state._value},this.controller.onFacade,{onChange:this.onChange})),(0,i.h)("input",Object.assign({ref:this.catchInputNumberRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-number`:void 0,step:this.state._step,type:"number",value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp,onChange:this.onChange}))),e&&[(0,i.h)("datalist",{id:`${this.state._id}-list`},this.state._suggestions.map((t=>(0,i.h)("option",{value:t}))))])))}constructor(t){(0,i.r)(this,t),this.catchInputNumberRef=t=>{var e;t&&(this.ref=t,(0,s.a)(this.host,t),!this._value&&(null===(e=this.ref)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.ref.value)))},this.onChange=t=>{var e,n;let i=parseFloat(t.target.value);this.state._max&&i>this.state._max&&(i=this.state._max),this.state._min&&i<this.state._min&&(i=this.state._min),this.validateValue(i),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onChange)&&(null===(n=this.state._on)||void 0===n||n.onChange(t,i))},this.onKeyUp=t=>{"Enter"===t.code?(0,o.p)({form:this.host,ref:this.ref}):this.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._max=void 0,this._min=void 0,this._name=void 0,this._on=void 0,this._step=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideError:!1,_id:`id-${(0,a.n)()}`,_label:"",_suggestions:[]},this.controller=new u(this,"input-range",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateStep(t){this.controller.validateStep(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_name:["validateName"],_on:["validateOn"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};m.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t/* input[type='checkbox'], */\n\t/* input[type='radio'], */\n\t/* input[type='range'], */\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.inputs-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tinput[type='number'] {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t\twidth: var(--kolibri-input-range--input-number--width);\n\t}\n\n\t/*\n   * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n   */\n\tinput[type='range'] {\n\t\tappearance: none;\n\t\tbackground-color: #d3d3d3;\n\t\tborder: 1px solid #000;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 1;\n\t\theight: 0.5rem;\n\t\tline-height: 1.5em;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\twidth: 0; /* Design-Hack - related with flex-grow */\n\t}\n\n\tinput[type='range']::-webkit-slider-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-webkit-appearance: none;\n\t}\n\n\tinput[type='range']::-moz-range-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-moz-appearance: none;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n\t::-webkit-slider-thumb {\n\t\toutline: 1px solid currentColor;\n\t}\n}\n"}},7556:(t,e,n)=>{n.d(e,{v:()=>s});var i=n(7052),a=n(9003);const s=(t,e)=>{(0,i.c)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,a.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5369],{8587:(t,e,n)=>{n.d(e,{a:()=>l,p:()=>r});var i=n(2333),a=n(5578),o=n(5382);const s=t=>{for((0,a.a)()&&((0,i.d)("↓ Search form element start."),console.log(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&"KOL-FORM"!==t.tagName;){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,a.a)()&&(console.log(t),(0,i.d)("↑ Search form element finished."))}return t},l=(t={})=>{var e,n;const i=s(t.form);if(i instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)(0,o.f)(t,i),i.dispatchEvent(t);else if("KOL-FORM"===i.tagName){(0,o.f)(t,o.K.querySelector("form",i));const a=i;"function"==typeof(null===(e=a._on)||void 0===e?void 0:e.onReset)&&(null===(n=a._on)||void 0===n||n.onReset(t))}}},r=(t={})=>{var e,n;const i=s(t.form);if(i instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:i});if("FORM"===i.tagName)(0,o.f)(t,i),i.dispatchEvent(t),i.submit();else if("KOL-FORM"===i.tagName){(0,o.f)(t,o.K.querySelector("form",i));const a=i;"function"==typeof(null===(e=a._on)||void 0===e?void 0:e.onSubmit)&&(null===(n=a._on)||void 0===n||n.onSubmit(t))}}}},5369:(t,e,n)=>{n.r(e),n.d(e,{kol_input_range:()=>u});var i=n(1349),a=n(5578),o=n(6088),s=n(8587),l=n(6715),r=n(3554),d=n(5382),h=n(5547),c=n(4336);class p extends h.I{constructor(t,e,n){super(t,e,n),this.component=t}validateAutoComplete(t){(0,d.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateMax(t){(0,d.e)(this.component,"_max",t)}validateMin(t){(0,d.e)(this.component,"_min",t)}validateStep(t){(0,d.e)(this.component,"_step",t)}validateSuggestions(t){(0,r.v)(this.component,t)}validateValue(t){(0,d.e)(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateStep(this.component._step),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const u=class{getSanitizedFloatValue(t){const e=parseFloat(t);return this.state._max&&e>this.state._max?this.state._max:this.state._min&&e<this.state._min?this.state._min:e}getValue(){return t=this,null,e=function*(){if(void 0!==this.refInputNumber){const t=this.refInputNumber.value;return this.getSanitizedFloatValue(t)}},new Promise(((n,i)=>{var a=t=>{try{s(e.next(t))}catch(t){i(t)}},o=t=>{try{s(e.throw(t))}catch(t){i(t)}},s=t=>t.done?n(t.value):Promise.resolve(t.value).then(a,o);s((e=e.apply(t,null)).next())}));var t,e}componentDidLoad(){var t;!this._value&&(null===(t=this.refInputRange)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputRange.value))}render(){const{ariaDescribedBy:t}=(0,l.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,o.s)(this.state._label);return(0,i.h)(i.H,null,(0,i.h)("kol-input",{class:{range:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched},(0,i.h)("span",{slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,i.h)(i.F,null,(0,i.h)(c.I,{accessKey:this.state._accessKey,label:this.state._label})," ",(0,i.h)("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{slot:"input"},(0,i.h)("div",{class:"inputs-wrapper",style:{"--kolibri-input-range--input-number--width":`${this.state._max}`.length+.5+"em"}},(0,i.h)("input",Object.assign({ref:this.catchInputRangeRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-hidden":"true",autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,list:e?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-range`:void 0,spellcheck:"false",step:this.state._step,tabIndex:-1,type:"range",value:this.state._value},this.controller.onFacade,{onChange:this.onChange})),(0,i.h)("input",Object.assign({ref:this.catchInputNumberRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,max:this.state._max,min:this.state._min,name:this.state._name?`${this.state._name}-number`:void 0,step:this.state._step,type:"number",value:this.state._value},this.controller.onFacade,{onKeyUp:this.onKeyUp,onChange:this.onChange}))),e&&[(0,i.h)("datalist",{id:`${this.state._id}-list`},this.state._suggestions.map((t=>(0,i.h)("option",{value:t}))))])))}constructor(t){(0,i.r)(this,t),this.catchInputNumberRef=t=>{var e;t&&(this.refInputNumber=t,(0,o.a)(this.host,t),!this._value&&(null===(e=this.refInputNumber)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=t=>{t&&(this.refInputRange=t)},this.onChange=t=>{var e,n;const i=t.target.value,a=this.getSanitizedFloatValue(i);this.validateValue(a),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onChange)&&(null===(n=this.state._on)||void 0===n||n.onChange(t,a))},this.onKeyUp=t=>{"Enter"===t.code?(0,s.p)({form:this.host,ref:this.refInputNumber}):this.onChange(t)},this._accessKey=void 0,this._alert=!0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._max=void 0,this._min=void 0,this._name=void 0,this._on=void 0,this._step=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_hideError:!1,_id:`id-${(0,a.n)()}`,_label:"",_suggestions:[]},this.controller=new p(this,"input-range",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMax(t){this.controller.validateMax(t)}validateMin(t){this.controller.validateMin(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateStep(t){this.controller.validateStep(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_name:["validateName"],_on:["validateOn"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\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\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t/* input[type='checkbox'], */\n\t/* input[type='radio'], */\n\t/* input[type='range'], */\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, option, select, textarea, .input-label) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.inputs-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tinput[type='number'] {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t\twidth: var(--kolibri-input-range--input-number--width);\n\t}\n\n\t/*\n   * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n   */\n\tinput[type='range'] {\n\t\tappearance: none;\n\t\tbackground-color: #d3d3d3;\n\t\tborder: 1px solid #000;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 1;\n\t\theight: 0.5rem;\n\t\tline-height: 1.5em;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\twidth: 0; /* Design-Hack - related with flex-grow */\n\t}\n\n\tinput[type='range']::-webkit-slider-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-webkit-appearance: none;\n\t}\n\n\tinput[type='range']::-moz-range-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-moz-appearance: none;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n\t::-webkit-slider-thumb {\n\t\toutline: 1px solid currentColor;\n\t}\n}\n"}},3554:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(5382),a=n(2333);const o=(t,e)=>{(0,i.c)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,a.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);

package/dist/5382.js

@@ -0,0 +1,2 @@
+/*! For license information please see 5382.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5382],{2333:(e,t,r)=>{r.d(t,{a:()=>a,b:()=>g,c:()=>b,d:()=>l,e:()=>h,f:()=>u,g:()=>c,u:()=>f});var n=r(5578);const o=new Set,a=(e,t)=>{(!1===o.has(e)||(null==t?void 0:t.force))&&(o.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},i=new Set,l=(e,t)=>{(!1===i.has(e)||(null==t?void 0:t.force))&&(i.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},c=(e,t)=>{(!1===i.has(e)||(null==t?void 0:t.force))&&(i.add(e),n.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},s=new Set,u=(e,t=!1,r)=>{(!1===s.has(e)||(null==r?void 0:r.force))&&(s.add(e),e+=!0===t?" ✅":"",n.L.debug([e].concat((null==r?void 0:r.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};l("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const d=new Set,f=(e,t)=>{(!1===d.has(e)||(null==t?void 0:t.force))&&(d.add(e),n.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},h=()=>{a('"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')},g=e=>{"string"==typeof e&&""!==e||a("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")},b=(e,t=8)=>{t>7&&f(`[${e}] 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`)}},5382:(e,t,r)=>{r.d(t,{K:()=>G,a:()=>C,b:()=>k,c:()=>D,d:()=>j,e:()=>H,f:()=>A,g:()=>L,h:()=>J,i:()=>W,j:()=>Y,k:()=>I,l:()=>Z,m:()=>_,n:()=>B,o:()=>x,p:()=>z,q:()=>V,r:()=>c,s:()=>M,t:()=>T,w:()=>E});var n=r(5578),o=r(2333);const a=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},i=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const r=new Set;a(r,t.querySelectorAll(e));const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const o=n[t].shadowRoot;a(r,i(e,"object"==typeof o&&null!==o?o:n[t]))}return Array.from(r)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},l=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let r=t.querySelector(e);if(null===r){const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const o=n[t].shadowRoot;if(r=l(e,"object"==typeof o&&null!==o?o:n[t]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var c=u,s=u;function u(e){var t=d(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function d(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),r=t.length;if(3==r||4==r){var n=h(t[0]),o=h(t[1]),a=h(t[2]),i=3==r?255:h(t[3]);if(isNaN(n)||isNaN(o)||isNaN(a)||isNaN(i))return;return[n,o,a,i]}}(e)||function(e){var t=e.replace(/^#/,""),r=t.length;if(6==r||8==r){var n=h(t.slice(0,2)),o=h(t.slice(2,4)),a=h(t.slice(4,6)),i=6==r?255:h(t.slice(6,8));if(isNaN(n)||isNaN(o)||isNaN(a)||isNaN(i))return;return[n,o,a,i]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=g(t[0],!0),n=g(t[1],!0),o=g(t[2],!0);if(-1!=r&&-1!=n&&-1!=o)return[r,n,o,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),r=g(t[0],!0),n=g(t[1],!0),o=g(t[2],!0),a=g(255*t[3]);if(-1!=r&&-1!=n&&-1!=o&&-1!=a)return[r,n,o,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=g(null!=e.r?e.r:null!=e.red?e.red:0,!0),r=g(null!=e.g?e.g:null!=e.green?e.green:0,!0),n=g(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),o=g(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=r&&-1!=n&&-1!=o)return[t,r,n,o]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=g(e[0],!0),r=g(e[1],!0),n=g(e[2],!0),o=g(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=r&&-1!=n&&-1!=o)return[t,r,n,o]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function f(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function h(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function g(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}c.arr=s,c.obj=function(e){var t=d(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},c.css=function(e){var t=d(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},c.hex=function(e){3==(a=d(e)).length&&a.push(255);var t=255==a[3],r=f(a[0]),n=f(a[1]),o=f(a[2]),a=f(Math.round(a[3])),i=function(e,t,r,n){var o=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=o.indexOf(e)&&-1!=o.indexOf(t)&&-1!=o.indexOf(r)&&-1!=o.indexOf(n)}(r,n,o,a);return t?i?"#"+r.charAt(0)+n.charAt(0)+o.charAt(0):"#"+r+n+o:i?"#"+r.charAt(0)+n.charAt(0)+o.charAt(0)+a.charAt(0):"#"+r+n+o+a},c.num=function(e){var t=d(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};var b=.2126,p=.7152,m=.0722,y=1/12.92;function v(e){return Math.pow((e+.055)/1.055,2.4)}function w(e){var t=e[0]/255,r=e[1]/255,n=e[2]/255,o=t<=.03928?t*y:v(t),a=r<=.03928?r*y:v(r),i=n<=.03928?n*y:v(n);return o*b+a*p+i*m}function S(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var r=parseInt(e,16);return[r>>16,r>>8&255,255&r,t]}function k(e,t){return function(e,t){return function(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}(w(e),w(t))}(S(e),S(t))}const N=/\[object Object\]/,x=(e,t)=>{"string"==typeof e&&N.test(e)||t()},L=(e,t)=>{"string"==typeof e&&""===e||t()},A=(e,t)=>{(0,n.a)()&&(n.L.debug([e,t]),n.L.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},M=(e,t,r,n={})=>{var o,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==r&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof n.afterPatch&&(null===(o=e.nextHooks.get(t))||void 0===o||o.set("afterPatch",n.afterPatch)),"function"==typeof n.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",n.beforePatch)),e.nextState.set(t,r),(e=>{var t,r,n;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,r)=>{var n;const o=t.get("beforePatch");"function"==typeof o&&o(null===(n=e.nextState)||void 0===n?void 0:n.get(r),e.nextState,e,r)})),(null===(r=e.nextState)||void 0===r?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(n=e.nextHooks)||void 0===n||n.forEach(((t,r)=>{const n=t.get("afterPatch");"function"==typeof n&&n(e.state[r],e.state,e,r)}))),delete e.nextHooks})(e))},O=(e,t,r,n)=>{(0,o.d)(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(n).join(", ")}`)};function E(e,t,r,n,o,a={}){r(o)?M(e,t,o,a.hooks):null!=o||a.required?(a.required||n.add(null),O(e,t,o,n)):M(e,t,a.defaultValue,a.hooks)}const C=(e,t,r,n)=>{E(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),r,n)},j=(e,t,r,n={})=>{const o="number"==typeof n.minLength?null==n?void 0:n.minLength:0;E(e,t,(e=>"string"==typeof e&&e.length>=o&&(void 0===(null==n?void 0:n.maxLength)||e.length<=n.maxLength)),new Set(["String"]),r,n)},H=(e,t,r,n)=>{E(e,t,(e=>"number"==typeof e&&(void 0===(null==n?void 0:n.min)||"number"==typeof(null==n?void 0:n.min)&&e>=n.min)&&(void 0===(null==n?void 0:n.max)||"number"==typeof(null==n?void 0:n.max)&&e<=n.max)),new Set(["Number"]),r,n)},D=(e,t,r,o,a=(e=>e==e),i={})=>{L(o,(()=>{x(o,(()=>{void 0===o&&(o=[]);try{try{o=z(o)}catch(e){}if(Array.isArray(o)){const l=o.find((e=>!r(e)));void 0===l&&a(o)?M(e,t,o,i.hooks):x(l,(()=>{throw n.L.debug(l),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else x(o,(()=>{throw n.L.debug(o),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n.L.debug(e)}}))}))},q=/^(true|false)$/,P=/^-?(0|[1-9]\d*)$/,$=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,_=e=>{const t=typeof e,r=`${e}`;if("string"==typeof e)if(q.test(e))e="true"===e;else if(P.test(e))e=parseInt(e);else if($.test(e))e=parseFloat(e);else if(R.test(e))try{e=z(e)}catch(e){}return t!==typeof e&&(0,o.d)(`You have used a stringified property value (${r} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},T=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw n.L.warn(["stringifyJson",e]),n.L.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},R=/^[{[]/,z=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(R.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){n.L.warn(["parseJson",e]),n.L.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}throw new Error},J=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,W=e=>"string"==typeof e?e:J(e),I=(e,t)=>l(e,t||(0,n.g)()),B=(e,t)=>i(e,t||(0,n.g)());let K=null;const F=()=>(K=K||{backgroundColor:"#00000000",color:"#00000000",domNode:(0,n.g)().body,level:"Fail",score:1},K),U=/(\d+, ){3}0\)/,Z=(e,t=F())=>{const r=getComputedStyle(e),o=U.test(r.backgroundColor)?t.backgroundColor:c.hex(r.backgroundColor),a=U.test(r.color)?t.color:c.hex(r.color),i=k(o,a),l={backgroundColor:o,color:a,domNode:e,level:(s=i,s>=7?"AAA":s>=4.5?"AA":s>=3?"AA Large":"Fail"),score:i};var s;return i<4.5&&n.L.error(["Color-Contrast-Error",{backgroundColor:l.backgroundColor,color:l.color,level:l.level,score:l.score},l.domNode]),l},V=(e,t=F())=>{t.domNode instanceof HTMLElement&&(t=Z(t.domNode,t));const r=t.domNode.querySelector(e);if(null===r){const r=t.domNode.querySelectorAll('[class="hydrated"]');for(let n=0;n<r.length&&(t.domNode=r[n],null===(t=V(e,t)).domNode);n++);return t}return Z(r,t)};class Y{static queryHtmlElementColors(e,t,r=!1,o=!0){let a=null;if(!0===r||!1===Y.executionLock)if(!1===r&&(Y.cache.clear(),Y.cache.set(t.domNode,t),Y.executionLock=!0,!0===o&&n.L.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const r=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)r.add(e[t])}const n=t.domNode;if("function"==typeof n.assignedNodes){const e=n.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&r.add(e[t])}const o=t.domNode.children;for(let e=0;e<o.length;e++)r.add(o[e]);const i=Array.from(r);for(let r=0;r<i.length;r++){let n=Y.cache.get(i[r]);void 0===n&&(n=Z(i[r],t)),Y.cache.set(i[r],n);const o=Y.queryHtmlElementColors(e,n,!0,!1);if(null!==o){a=o;break}}}else n.L.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===r&&(!0===o&&n.L.debug(`[KoliBriUtils] Color contrast analysis finished (${Y.cache.size} DOM elements are analysed).`),Y.executionLock=!1,Y.cache.clear()),a}}Y.executionLock=!1,Y.cache=new Map;class G{}G.patchTheme=n.b,G.patchThemeTag=n.A,G.querySelector=I,G.querySelectorAll=B,G.stringifyJson=T}}]);

package/dist/5390.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5390.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5390],{824:(t,n,e)=>{e.d(n,{a:()=>o,v:()=>a});var i=e(7052);const l=["left","right","top","bottom"],o=(t,n)=>{a(t,"_align",n)},a=(t,n,e)=>{(0,i.w)(t,n,(t=>"string"==typeof t&&l.includes(t)),new Set(l),e,{defaultValue:"top"})}},5390:(t,n,e)=>{e.r(n),e.d(n,{kol_abbr:()=>s});var i=e(664),l=e(7702),o=e(7620),a=e(8260);const s=class{constructor(t){(0,i.r)(this,t),this.nonce=(0,a.n)(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"…",_tooltipAlign:"top"}}render(){return(0,i.h)(i.H,null,(0,i.h)("abbr",{"aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},(0,i.h)("span",{title:""},(0,i.h)("slot",null))),(0,i.h)("kol-tooltip-wc",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){(0,l.v)(this,t)}validateTooltipAlign(t){(0,o.v)(this,t)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t:host > abbr {\n\t\tcursor: help;\n\t}\n}\n"}},7702:(t,n,e)=>{e.d(n,{a:()=>c,c:()=>r,h:()=>s,v:()=>d});var i=e(9003),l=e(7052);const o=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function s(t,n=1){return function(t){var n;return"string"==typeof t&&(null===(n=t.match(o))||void 0===n?void 0:n.length)||0}(t)>=n}function r(t){return a.test(t)}const h=new Set(["string"]),d=(t,n,e={})=>{(0,l.w)(t,"_label",(t=>"string"==typeof t),h,n,function(t){var n;return{hooks:{afterPatch:(n,e,l,o)=>{var a,h;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(n,e,l,o)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=t.hooks)||void 0===n?void 0:n.beforePatch}}}(e))},c=d},7620:(t,n,e)=>{e.d(n,{v:()=>l});var i=e(824);const l=(t,n)=>{(0,i.v)(t,"_tooltipAlign",n)}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5390],{2853:(t,n,e)=>{e.d(n,{a:()=>l,v:()=>a});var i=e(5382);const o=["left","right","top","bottom"],l=(t,n)=>{a(t,"_align",n)},a=(t,n,e)=>{(0,i.w)(t,n,(t=>"string"==typeof t&&o.includes(t)),new Set(o),e,{defaultValue:"top"})}},5390:(t,n,e)=>{e.r(n),e.d(n,{kol_abbr:()=>s});var i=e(1349),o=e(1292),l=e(1124),a=e(5578);const s=class{constructor(t){(0,i.r)(this,t),this.nonce=(0,a.n)(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"…",_tooltipAlign:"top"}}render(){return(0,i.h)(i.H,null,(0,i.h)("abbr",{"aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},(0,i.h)("span",{title:""},(0,i.h)("slot",null))),(0,i.h)("kol-tooltip-wc",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){(0,o.v)(this,t)}validateTooltipAlign(t){(0,l.v)(this,t)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\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\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t:host > abbr {\n\t\tcursor: help;\n\t}\n}\n"}},1292:(t,n,e)=>{e.d(n,{a:()=>c,c:()=>r,h:()=>s,v:()=>d});var i=e(2333),o=e(5382);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function s(t,n=1){return function(t){var n;return"string"==typeof t&&(null===(n=t.match(l))||void 0===n?void 0:n.length)||0}(t)>=n}function r(t){return a.test(t)}const h=new Set(["string"]),d=(t,n,e={})=>{(0,o.w)(t,"_label",(t=>"string"==typeof t),h,n,function(t){var n;return{hooks:{afterPatch:(n,e,o,l)=>{var a,h;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(n,e,o,l)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.a)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=t.hooks)||void 0===n?void 0:n.beforePatch}}}(e))},c=d},1124:(t,n,e)=>{e.d(n,{v:()=>o});var i=e(2853);const o=(t,n)=>{(0,i.v)(t,"_tooltipAlign",n)}}}]);

package/dist/540.js

@@ -1,2 +1,2 @@
 /*! For license information please see 540.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[540],{9003:(t,e,n)=>{n.d(e,{a:()=>o,b:()=>p,c:()=>b,d:()=>s,e:()=>u,f:()=>c,g:()=>l,u:()=>g});var i=n(8260);const a=new Set,o=(t,e)=>{(!1===a.has(t)||(null==e?void 0:e.force))&&(a.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},r=new Set,s=(t,e)=>{(!1===r.has(t)||(null==e?void 0:e.force))&&(r.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},l=(t,e)=>{(!1===r.has(t)||(null==e?void 0:e.force))&&(r.add(t),i.L.warn([t].concat((null==e?void 0:e.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},d=new Set,c=(t,e=!1,n)=>{(!1===d.has(t)||(null==n?void 0:n.force))&&(d.add(t),t+=!0===e?" ✅":"",i.L.debug([t].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};s("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const h=new Set,g=(t,e)=>{(!1===h.has(t)||(null==e?void 0:e.force))&&(h.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},u=()=>{o('"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')},p=t=>{"string"==typeof t&&""!==t||o("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")},b=(t,e=8)=>{e>7&&g(`[${t}] 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`)}},6570:(t,e,n)=>{n.d(e,{a:()=>d});var i=n(8900),a=n(9003);const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},s=t=>Object.keys(t).reduce(((e,n)=>(e[`kol-${n}`]=t[n],e)),{}),l=new Set([t=>t("en",s(r)),t=>t("de",s(o))]),d=(t,e)=>{const n=(0,i.g)();if(void 0===n)return(0,a.d)("[I18n] I18nService not available! Please call the global register function."),t;let o=n.translate(t,e);return o===t&&((0,a.d)("[I18n] Locales not initialized! Initialize default locales automatically."),l.forEach((t=>t(((t,e)=>(n.addResourceBundle(t,e),t))))),o=n.translate(t,e)),o}},540:(t,e,n)=>{n.r(e),n.d(e,{kol_link_button:()=>r});var i=n(664),a=n(6570),o=n(2180);const r=class{constructor(t){(0,i.r)(this,t),this.catchRef=t=>{(0,o.a)(this.host,t)},this._accessKey=void 0,this._customClass=void 0,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._listenAriaCurrent=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._targetDescription=(0,a.a)("kol-open-link-in-tab"),this._tooltipAlign="right",this._variant="normal"}render(){return(0,i.h)(i.H,null,(0,i.h)("kol-link-wc",{ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_listenAriaCurrent:this._listenAriaCurrent,_on:this._on,_role:"button",_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign},(0,i.h)("slot",{name:"expert",slot:"expert"})))}get host(){return(0,i.g)(this)}};r.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\n\t\t&::before {\n\t\t\t/* Render zero-width character as first element to set the baseline correctly. */\n\t\t\tcontent: '\\200B';\n\t\t}\n\t}\n\t/* TODO: Why we need this? */\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n"}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[540],{2333:(t,e,n)=>{n.d(e,{a:()=>o,b:()=>p,c:()=>m,d:()=>s,e:()=>g,f:()=>c,g:()=>l,u:()=>u});var i=n(5578);const a=new Set,o=(t,e)=>{(!1===a.has(t)||(null==e?void 0:e.force))&&(a.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},r=new Set,s=(t,e)=>{(!1===r.has(t)||(null==e?void 0:e.force))&&(r.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},l=(t,e)=>{(!1===r.has(t)||(null==e?void 0:e.force))&&(r.add(t),i.L.warn([t].concat((null==e?void 0:e.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},d=new Set,c=(t,e=!1,n)=>{(!1===d.has(t)||(null==n?void 0:n.force))&&(d.add(t),t+=!0===e?" ✅":"",i.L.debug([t].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};s("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const h=new Set,u=(t,e)=>{(!1===h.has(t)||(null==e?void 0:e.force))&&(h.add(t),i.L.debug([t].concat((null==e?void 0:e.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},g=()=>{o('"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')},p=t=>{"string"==typeof t&&""!==t||o("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")},m=(t,e=8)=>{e>7&&u(`[${t}] 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`)}},4481:(t,e,n)=>{n.d(e,{a:()=>d});var i=n(3981),a=n(2333);const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-ascending":"Die Spalte {{column}} ist aufsteigend{{multi}} sortiert.","sort-descending":"Die Spalte {{column}} ist absteigend{{multi}} sortiert.","sort-then-ascending":", dann die Spalte {{column}} aufsteigend","sort-then-descending":", dann die Spalte {{column}} absteigend","sort-then-last-ascending":" und dann die Spalte {{column}} aufsteigend","sort-then-last-descending":" und dann die Spalte {{column}} absteigend","sort-none":"Spalte {{column}} nicht sortiert","table-sort-none":"Keine Spalte ist sortiert.","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"Sorted column {{column}} descending{{multi}}","sort-ascending":"Sorted column {{column}} ascending{{multi}}","sort-then-ascending":", then column {{column}} acending","sort-then-descending":", then column {{column}} descending","sort-then-last-ascending":" and then column {{column}} acending","sort-then-last-descending":" and then column {{column}} descending","sort-none":"column {{column}} not sorted","table-sort-none":"No column is sorted.","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},s=t=>Object.keys(t).reduce(((e,n)=>(e[`kol-${n}`]=t[n],e)),{}),l=new Set([t=>t("en",s(r)),t=>t("de",s(o))]),d=(t,e)=>{const n=(0,i.g)();if(void 0===n)return(0,a.d)("[I18n] I18nService not available! Please call the global register function."),t;let o=n.translate(t,e);return o===t&&((0,a.d)("[I18n] Locales not initialized! Initialize default locales automatically."),l.forEach((t=>t(((t,e)=>(n.addResourceBundle(t,e),t))))),o=n.translate(t,e)),o}},540:(t,e,n)=>{n.r(e),n.d(e,{kol_link_button:()=>r});var i=n(1349),a=n(4481),o=n(6088);const r=class{constructor(t){(0,i.r)(this,t),this.catchRef=t=>{(0,o.a)(this.host,t)},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._customClass=void 0,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._targetDescription=(0,a.a)("kol-open-link-in-tab"),this._tooltipAlign="right",this._variant="normal"}render(){return(0,i.h)(i.H,null,(0,i.h)("kol-link-wc",{ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_tabIndex:this._tabIndex,_target:this._target,_targetDescription:this._targetDescription,_tooltipAlign:this._tooltipAlign},(0,i.h)("slot",{name:"expert",slot:"expert"})))}get host(){return(0,i.g)(this)}};r.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\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\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\n\t\t&::before {\n\t\t\t/* Render zero-width character as first element to set the baseline correctly. */\n\t\t\tcontent: '\\200B';\n\t\t}\n\t}\n\t/* TODO: Why we need this? */\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n"}}}]);

package/dist/5717.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5717.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5717],{806:(e,a,t)=>{t.d(a,{v:()=>n});var i=t(7052);const n=(e,a)=>{(0,i.a)(e,"_hasCloser",a)}},6570:(e,a,t)=>{t.d(a,{a:()=>c});var i=t(8900),n=t(9003);const l={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-descending":"Spalte {{column}} absteigend sortiert","sort-ascending":"Spalte {{column}} aufsteigend sortiert","sort-none":"Spalte {{column}} nicht sortiert","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},s={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"sorted column {{column}} descending","sort-ascending":"sorted column {{column}} ascending","sort-none":"column {{column}} not sorted","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},r=e=>Object.keys(e).reduce(((a,t)=>(a[`kol-${t}`]=e[t],a)),{}),o=new Set([e=>e("en",r(s)),e=>e("de",r(l))]),c=(e,a)=>{const t=(0,i.g)();if(void 0===t)return(0,n.d)("[I18n] I18nService not available! Please call the global register function."),e;let l=t.translate(e,a);return l===e&&((0,n.d)("[I18n] Locales not initialized! Initialize default locales automatically."),o.forEach((e=>e(((e,a)=>(t.addResourceBundle(e,a),e))))),l=t.translate(e,a)),l}},5717:(e,a,t)=>{t.r(a),t.d(a,{kol_alert_wc:()=>v,kol_heading_wc:()=>p});var i=t(664),n=t(6570),l=t(806),s=t(7702),r=t(8260),o=t(7052),c=t(6838);const h=["default","info","success","warning","error"],d=["card","msg"],g=e=>(0,i.h)("kol-icon",{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),u=e=>{switch(e.type){case"error":return(0,i.h)(g,{ariaLabel:(0,n.a)("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return(0,i.h)(g,{ariaLabel:(0,n.a)("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return(0,i.h)(g,{ariaLabel:(0,n.a)("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return(0,i.h)(g,{ariaLabel:(0,n.a)("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return(0,i.h)(g,{ariaLabel:(0,n.a)("kol-message"),icon:"codicon codicon-comment",label:e.label})}},v=class{constructor(e){(0,i.r)(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{r.L.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){r.L.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return(0,i.h)(i.H,{class:{[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},(0,i.h)("div",{class:"heading"},(0,i.h)(u,{label:this.state._label,type:this.state._type}),(0,i.h)("div",null,"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&(0,i.h)("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this._variant&&(0,i.h)("div",{class:"content"},(0,i.h)("slot",null))),this.state._hasCloser&&(0,i.h)("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,n.a)("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this._variant&&(0,i.h)("div",{class:"content"},(0,i.h)("slot",null)))}validateAlert(e){(0,o.a)(this,"_alert",e)}validateHasCloser(e){(0,l.v)(this,e)}validateLabel(e){(0,s.v)(this,e)}validateLevel(e){(0,c.w)(this,e)}validateOn(e){this.validateOnValue(e)&&(0,o.s)(this,"_on",{onClose:e.onClose})}validateType(e){(0,o.w)(this,"_type",(e=>"string"==typeof e&&h.includes(e)),new Set(`String {${h.join(", ")}`),e)}validateVariant(e){(0,o.w)(this,"_variant",(e=>"string"==typeof e&&d.includes(e)),new Set(`AlertVariant {${d.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"]}}},p=class{constructor(e){(0,i.r)(this,e),this.renderHeadline=(e,a)=>{switch(a){case 1:return(0,i.h)("h1",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));case 2:return(0,i.h)("h2",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));case 3:return(0,i.h)("h3",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));case 4:return(0,i.h)("h4",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));case 5:return(0,i.h)("h5",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));case 6:return(0,i.h)("h6",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}));default:return(0,i.h)("strong",{class:"headline"},e,(0,i.h)("slot",{name:"expert"}))}},this.renderSecondaryHeadline=(e,a)=>{switch(a){case 1:return(0,i.h)("span",{class:"secondary-headline"},e);case 2:return(0,i.h)("h2",{class:"secondary-headline"},e);case 3:return(0,i.h)("h3",{class:"secondary-headline"},e);case 4:return(0,i.h)("h4",{class:"secondary-headline"},e);case 5:return(0,i.h)("h5",{class:"secondary-headline"},e);case 6:return(0,i.h)("h6",{class:"secondary-headline"},e);default:return(0,i.h)("strong",{class:"secondary-headline"},e)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"",_level:1}}validateLabel(e){(0,s.a)(this,e)}validateLevel(e){(0,c.w)(this,e)}validateSecondaryHeadline(e){(0,o.d)(this,"_secondaryHeadline",e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return(0,i.h)(i.H,null,"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?(0,i.h)("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}}},7702:(e,a,t)=>{t.d(a,{a:()=>d,c:()=>o,h:()=>r,v:()=>h});var i=t(9003),n=t(7052);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(e,a=1){return function(e){var a;return"string"==typeof e&&(null===(a=e.match(l))||void 0===a?void 0:a.length)||0}(e)>=a}function o(e){return s.test(e)}const c=new Set(["string"]),h=(e,a,t={})=>{(0,n.w)(e,"_label",(e=>"string"==typeof e),c,a,function(e){var a;return{hooks:{afterPatch:(a,t,n,l)=>{var s,c;"function"==typeof(null===(s=e.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(a,t,n,l)),"string"==typeof a&&!1===r(a,3)&&!1===o(a)&&(0,i.a)(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=e.hooks)||void 0===a?void 0:a.beforePatch}}}(t))},d=h},6838:(e,a,t)=>{t.d(a,{w:()=>l});var i=t(7052);const n=[0,1,2,3,4,5,6],l=(e,a)=>{(0,i.w)(e,"_level",(e=>"number"==typeof e&&n.includes(e)),new Set([`Number {${n.join(", ")}`]),a,{defaultValue:1,required:!0})}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5717],{6443:(e,a,t)=>{t.d(a,{v:()=>i});var n=t(5382);const i=(e,a)=>{(0,n.a)(e,"_hasCloser",a)}},4481:(e,a,t)=>{t.d(a,{a:()=>c});var n=t(3981),i=t(2333);const l={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Der Link wird in einem neuen Tab geöffnet.","kolibri-logo":"Logo von KoliBri","sort-ascending":"Die Spalte {{column}} ist aufsteigend{{multi}} sortiert.","sort-descending":"Die Spalte {{column}} ist absteigend{{multi}} sortiert.","sort-then-ascending":", dann die Spalte {{column}} aufsteigend","sort-then-descending":", dann die Spalte {{column}} absteigend","sort-then-last-ascending":" und dann die Spalte {{column}} aufsteigend","sort-then-last-descending":" und dann die Spalte {{column}} absteigend","sort-none":"Spalte {{column}} nicht sortiert","table-sort-none":"Keine Spalte ist sortiert.","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","toast-close-all":"Alle schließen"},s={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"The link will open in a new tab.","kolibri-logo":"KoliBri logo","sort-descending":"Sorted column {{column}} descending{{multi}}","sort-ascending":"Sorted column {{column}} ascending{{multi}}","sort-then-ascending":", then column {{column}} acending","sort-then-descending":", then column {{column}} descending","sort-then-last-ascending":" and then column {{column}} acending","sort-then-last-descending":" and then column {{column}} descending","sort-none":"column {{column}} not sorted","table-sort-none":"No column is sorted.","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","toast-close-all":"Close all"},o=e=>Object.keys(e).reduce(((a,t)=>(a[`kol-${t}`]=e[t],a)),{}),r=new Set([e=>e("en",o(s)),e=>e("de",o(l))]),c=(e,a)=>{const t=(0,n.g)();if(void 0===t)return(0,i.d)("[I18n] I18nService not available! Please call the global register function."),e;let l=t.translate(e,a);return l===e&&((0,i.d)("[I18n] Locales not initialized! Initialize default locales automatically."),r.forEach((e=>e(((e,a)=>(t.addResourceBundle(e,a),e))))),l=t.translate(e,a)),l}},5717:(e,a,t)=>{t.r(a),t.d(a,{kol_alert_wc:()=>v,kol_heading_wc:()=>p});var n=t(1349),i=t(4481),l=t(6443),s=t(1292),o=t(5578),r=t(5382),c=t(2926);const d=["default","info","success","warning","error"],h=["card","msg"],g=e=>(0,n.h)("kol-icon",{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),u=e=>{switch(e.type){case"error":return(0,n.h)(g,{ariaLabel:(0,i.a)("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return(0,n.h)(g,{ariaLabel:(0,i.a)("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return(0,n.h)(g,{ariaLabel:(0,i.a)("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return(0,n.h)(g,{ariaLabel:(0,i.a)("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return(0,n.h)(g,{ariaLabel:(0,i.a)("kol-message"),icon:"codicon codicon-comment",label:e.label})}},v=class{constructor(e){(0,n.r)(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{o.L.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){o.L.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return(0,n.h)(n.H,{class:{alert:!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},(0,n.h)("div",{class:"heading"},(0,n.h)(u,{label:this.state._label,type:this.state._type}),(0,n.h)("div",{class:"heading-content"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&(0,n.h)("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this._variant&&(0,n.h)("div",{class:"content"},(0,n.h)("slot",null))),this.state._hasCloser&&(0,n.h)("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,i.a)("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this._variant&&(0,n.h)("div",{class:"content"},(0,n.h)("slot",null)))}validateAlert(e){(0,r.a)(this,"_alert",e)}validateHasCloser(e){(0,l.v)(this,e)}validateLabel(e){(0,s.v)(this,e)}validateLevel(e){(0,c.w)(this,e)}validateOn(e){this.validateOnValue(e)&&(0,r.s)(this,"_on",{onClose:e.onClose})}validateType(e){(0,r.w)(this,"_type",(e=>"string"==typeof e&&d.includes(e)),new Set(`String {${d.join(", ")}`),e)}validateVariant(e){(0,r.w)(this,"_variant",(e=>"string"==typeof e&&h.includes(e)),new Set(`AlertVariant {${h.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"]}}},b=["h1","h2","h3","h4","h5","h6","strong"],p=class{constructor(e){(0,n.r)(this,e),this.renderHeadline=(e,a)=>{const t="number"==typeof a&&a>0&&a<=6?`h${a}`:"strong",i=this._variant||t;return(0,n.h)(t,{class:{headline:!0,[`headline-${i}`]:!0}},e,(0,n.h)("slot",{name:"expert"}))},this.renderSecondaryHeadline=(e,a)=>{switch(a){case 1:return(0,n.h)("span",{class:"secondary-headline"},e);case 2:return(0,n.h)("h2",{class:"secondary-headline"},e);case 3:return(0,n.h)("h3",{class:"secondary-headline"},e);case 4:return(0,n.h)("h4",{class:"secondary-headline"},e);case 5:return(0,n.h)("h5",{class:"secondary-headline"},e);case 6:return(0,n.h)("h6",{class:"secondary-headline"},e);default:return(0,n.h)("strong",{class:"secondary-headline"},e)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this._variant=void 0,this.state={_label:"",_level:1}}validateLabel(e){(0,s.a)(this,e)}validateLevel(e){(0,c.w)(this,e)}validateSecondaryHeadline(e){(0,r.d)(this,"_secondaryHeadline",e)}validateVariant(e){((e,a)=>{(0,r.w)(e,"_variant",(e=>"string"==typeof e&&b.includes(e)),new Set([`KoliBriHeadingVariant {${b.join(", ")}`]),a)})(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline),this.validateVariant(this._variant)}render(){return(0,n.h)(n.H,null,"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?(0,n.h)("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"],_variant:["validateVariant"]}}}},1292:(e,a,t)=>{t.d(a,{a:()=>h,c:()=>r,h:()=>o,v:()=>d});var n=t(2333),i=t(5382);const l=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function o(e,a=1){return function(e){var a;return"string"==typeof e&&(null===(a=e.match(l))||void 0===a?void 0:a.length)||0}(e)>=a}function r(e){return s.test(e)}const c=new Set(["string"]),d=(e,a,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,a,function(e){var a;return{hooks:{afterPatch:(a,t,i,l)=>{var s,c;"function"==typeof(null===(s=e.hooks)||void 0===s?void 0:s.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(a,t,i,l)),"string"==typeof a&&!1===o(a,3)&&!1===r(a)&&(0,n.a)(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=e.hooks)||void 0===a?void 0:a.beforePatch}}}(t))},h=d},2926:(e,a,t)=>{t.d(a,{w:()=>l});var n=t(5382);const i=[0,1,2,3,4,5,6],l=(e,a)=>{(0,n.w)(e,"_level",(e=>"number"==typeof e&&i.includes(e)),new Set([`Number {${i.join(", ")}`]),a,{defaultValue:1,required:!0})}}}]);

package/dist/{8026.js → 5860.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 8026.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8026],{8026:(e,t,n)=>{var l,a;n.r(t);const i=n(6013).T.getInstance(document);i.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let s=0;null===(l=document.getElementById("oneToast"))||void 0===l||l.addEventListener("kol-click",(()=>{i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})})),null===(a=document.getElementById("manyToast"))||void 0===a||a.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})}))}}]);
+/*! For license information please see 5860.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5860],{5860:(e,t,n)=>{var l,a;n.r(t);const i=n(8026).T.getInstance(document);i.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let s=0;null===(l=document.getElementById("oneToast"))||void 0===l||l.addEventListener("kol-click",(()=>{i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})})),null===(a=document.getElementById("manyToast"))||void 0===a||a.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)i.enqueue({description:"Toasty "+ ++s,label:"Label",type:"warning"})}))}}]);

package/dist/5862.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5862.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5862],{5862:(t,n,e)=>{e.r(n),e.d(n,{kol_heading:()=>l});var i=e(664);const l=class{constructor(t){(0,i.r)(this,t),this._label=void 0,this._level=void 0,this._secondaryHeadline=void 0}render(){return(0,i.h)("kol-heading-wc",{_label:this._label,_level:this._level,_secondaryHeadline:this._secondaryHeadline},(0,i.h)("slot",{name:"expert",slot:"expert"}))}};l.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t:host > kol-heading-wc {\n\t\tdisplay: grid;\n\t}\n\n\t:host > kol-heading-wc > .overline {\n\t\torder: 1;\n\t}\n\n\t:host > kol-heading-wc > .headline {\n\t\torder: 2;\n\t}\n}\n"}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5862],{5862:(t,n,e)=>{e.r(n),e.d(n,{kol_heading:()=>o});var i=e(1349);const o=class{constructor(t){(0,i.r)(this,t),this._label=void 0,this._level=void 0,this._secondaryHeadline=void 0,this._variant=void 0}render(){return(0,i.h)("kol-heading-wc",{_label:this._label,_level:this._level,_secondaryHeadline:this._secondaryHeadline,_variant:this._variant},(0,i.h)("slot",{name:"expert",slot:"expert"}))}};o.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\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\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n"}}}]);