@public-ui/sample-react 2.0.0-rc.4 → 2.0.0-rc.6

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(1167),t=n(8408),b=n(5999);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'}},8408:(e,o,n)=>{n.d(o,{a:()=>l,c:()=>d,h:()=>i,v:()=>f});var c=n(7919),t=n(5999);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(1167),t=n(2412),b=n(3177);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'}},2412:(e,o,n)=>{n.d(o,{a:()=>l,c:()=>d,h:()=>i,v:()=>f});var c=n(8197),t=n(3177);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(1167),l=e(8408),a=e(7919),o=e(8230),s=e(4339);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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}},8408:(t,n,e)=>{e.d(n,{a:()=>d,c:()=>r,h:()=>s,v:()=>c});var i=e(7919),l=e(5999);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)}},4339:(t,n,e)=>{e.d(n,{w:()=>a});var i=e(7919),l=e(5999);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(1167),l=e(2412),a=e(8197),o=e(8230),s=e(3494);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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}},2412:(t,n,e)=>{e.d(n,{a:()=>d,c:()=>r,h:()=>s,v:()=>c});var i=e(8197),l=e(3177);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)}},3494:(t,n,e)=>{e.d(n,{w:()=>a});var i=e(8197),l=e(3177);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)}}}]);

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],{2075:(t,e,n)=>{n.d(e,{a:()=>l,p:()=>r});var i=n(7919),a=n(5095),o=n(5999);const s=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=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(1167),a=n(5095),o=n(2180),s=n(2075),l=n(3346),r=n(5743),d=n(7919),h=n(5999),p=n(2816);class c 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 u=class{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},_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"}):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,o.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,s.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 c(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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5369],{3444:(t,e,n)=>{n.d(e,{a:()=>l,p:()=>r});var i=n(8197),a=n(1884),o=n(3177);const s=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=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:()=>m});var i=n(1167),a=n(1884),o=n(2180),s=n(3444),l=n(7226),r=n(1601),d=n(8197),h=n(3177),p=n(2274),c=n(1765);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,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({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,o.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,s.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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}},1601:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(3177),a=n(8197);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/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],{466:(t,n,e)=>{e.d(n,{v:()=>l});var i=e(5999);const o=new Set([...new Set(['"left", "right"']),...new Set(['"bottom", "top"'])]),l=(t,n,e)=>{(0,i.w)(t,n,(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),o,e,{defaultValue:"top"})}},5390:(t,n,e)=>{e.r(n),e.d(n,{kol_abbr:()=>s});var i=e(1167),o=e(8408),l=e(9586),a=e(5095);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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}},8408:(t,n,e)=>{e.d(n,{a:()=>c,c:()=>r,h:()=>s,v:()=>d});var i=e(7919),o=e(5999);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},9586:(t,n,e)=>{e.d(n,{v:()=>o});var i=e(466);const o=(t,n)=>{(0,i.v)(t,"_tooltipAlign",n)}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5390],{1447:(t,n,e)=>{e.d(n,{a:()=>o,v:()=>a});var i=e(3177);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(1167),l=e(2412),o=e(7284),a=e(1884);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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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"}},2412:(t,n,e)=>{e.d(n,{a:()=>c,c:()=>r,h:()=>s,v:()=>d});var i=e(8197),l=e(3177);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},7284:(t,n,e)=>{e.d(n,{v:()=>l});var i=e(1447);const l=(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],{7919:(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(5095);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`)}},7054:(t,e,n)=>{n.d(e,{a:()=>d});var i=n(9915),a=n(7919);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(1167),a=n(7054),o=n(2180);const r=class{constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.ref=t,(0,o.a)(this.host,this.ref)},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},_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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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\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],{8197:(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(1884);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`)}},5439:(t,e,n)=>{n.d(e,{a:()=>d});var i=n(5750),a=n(8197);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(1167),a=n(5439),o=n(2180);const r=class{constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.ref=t,(0,o.a)(this.host,this.ref)},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:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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/5421.js

@@ -0,0 +1,2 @@
+/*! For license information please see 5421.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5421],{1765:(t,e,o)=>{o.d(e,{I:()=>i});var n=o(1167);const i=({accessKey:t,label:e})=>{let[o,...i]=e.split(t);return 0===i.length&&(t=t.toUpperCase(),[o,...i]=e.split(t)),0===i.length&&(t=t.toLowerCase(),[o,...i]=e.split(t)),(0,n.h)(n.F,null,o,i.length?(0,n.h)(n.F,null,(0,n.h)("u",null,t),i.join(t)):null)}},4606:(t,e,o)=>{o.d(e,{A:()=>a});var n=o(3177),i=o(8197);const s=(0,o(1884).d)();class a{constructor(t,e,o){var n,a;if(this.setFormAssociatedValue=t=>{var e;const o=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==o&&""!==o||(0,i.d)(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const n=this.tryToStringifyValue(t);this.syncValue(t,n,this.formAssociated),this.syncValue(t,n,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(o),this.name=e,s){switch(null===(n=this.host)||void 0===n||n.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(a=this.host)||void 0===a||a.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,o){if(s)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==e||e.setAttribute(t,`${o}`)}catch(o){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,i.g)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,o){o&&("select"===this.name?(o.querySelectorAll("option").forEach((t=>{o.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),o.appendChild(t)}}))):"string"==typeof e?(o.setAttribute("value",e),o.value=e):(o.removeAttribute("value"),o.value=""))}validateName(t){((t,e,o)=>{(0,n.d)(t,"_name",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,i.d)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(s&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},7226:(t,e,o)=>{o.d(e,{I:()=>p,g:()=>h,v:()=>d});var n=o(3177),i=o(6986),s=o(2412),a=o(8197),l=o(9865),r=o(2260),c=o(4606);const h=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,n=[];return!0===e&&n.push(`${t._id}-error`),!0===o&&n.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDescribedBy:n}},d=(t,e,o)=>{(0,n.a)(t,"_hideError",e,o)};class u extends c.A{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){(0,n.a)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,n.a)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class p extends u{constructor(t,e,o){super(t,e,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){(0,n.d)(this.component,"_accessKey",t)}validateAdjustHeight(t){((t,e)=>{(0,n.a)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,n.a)(this.component,"_disabled",t),!0===t&&(0,a.e)()}validateError(t){(0,n.d)(this.component,"_error",t)}validateHideLabel(t){(0,i.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,a.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,n.d)(this.component,"_hint",t)}validateId(t){(0,n.d)(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||(0,a.d)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){(0,s.a)(this.component,t)}validateOn(t){"object"==typeof t&&(0,n.s)(this.component,"_on",t)}validateSmartButton(t){(0,n.o)(t,(()=>{try{t=(0,n.p)(t)}catch(t){}(0,n.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,r.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,(0,l.s)(t),(0,l.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const o=t.target.value;(0,l.s)(t),(0,l.t)("change",this.host,o),this.setFormAssociatedValue(o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o),this.valueChangeListeners.forEach((t=>t(o)))}onClick(t){var e;(0,l.s)(t),(0,l.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,(0,l.s)(t),(0,l.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},2274:(t,e,o)=>{o.d(e,{I:()=>r});var n=o(5741),i=o(3177),s=o(2180),a=o(7226);const l=(t,e)=>{const o=t;"object"==typeof o&&null!==o&&((0,s.i)(o.right,1)&&(o.right={icon:o.right}),(0,s.i)(o.left,1)&&(o.left={icon:o.left}),e.set("_icons",o))};class r extends a.I{constructor(t,e,o){super(t,e,o),this.component=t}validateIcon(t){this.validateIcons(t)}validateIcons(t){(0,i.o)(t,(()=>{try{t=(0,i.p)(t)}catch(t){}(0,i.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,s.i)(t.left,1)||(0,n.i)(t.left)||(0,s.i)(t.right,1)||(0,n.i)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:l},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},9865:(t,e,o)=>{function n(t){t.stopImmediatePropagation(),t.stopPropagation()}function i(t,e,o){e&&function(t,e,o){const n=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,o))}(e,t,o)}o.d(e,{s:()=>n,t:()=>i})},6986:(t,e,o)=>{o.d(e,{v:()=>i});var n=o(3177);const i=(t,e,o={})=>{(0,n.a)(t,"_hideLabel",e,o)}},5741:(t,e,o)=>{o.d(e,{i:()=>a,v:()=>l});var n=o(3177),i=o(2180);const s=(t,e,o)=>{(0,i.c)(o)?t[e]=o:(0,i.i)(o,1)&&(t[e]={icon:o})},a=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,i.b)(t.style))&&(0,i.i)(t.icon,1),l=(t,e)=>{(0,n.o)(e,(()=>{try{e=(0,n.p)(e)}catch(t){}(0,n.w)(t,"_icons",(t=>null===t||(0,i.i)(t,1)||"object"==typeof t&&null!==t&&((0,i.i)(t.left,1)||a(t.left)||(0,i.i)(t.right,1)||a(t.right)||(0,i.i)(t.top,1)||a(t.top)||(0,i.i)(t.bottom,1)||a(t.bottom))),new Set(["KoliBriIcon"]),e,{hooks:{beforePatch:(e,o)=>{null===e&&o.set("_icons",{}),(t=>{var e,o,n;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(o=t.nextState)||void 0===o?void 0:o.get("_icons");null===(n=t.nextState)||void 0===n||n.set("_icons",(t=>{let e={};return(0,i.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(s(e,"top",t.top),s(e,"right",t.right),s(e,"bottom",t.bottom),s(e,"left",t.left)),e})(e))}})(t)}},required:!0})}))}},2412:(t,e,o)=>{o.d(e,{a:()=>d,c:()=>r,h:()=>l,v:()=>h});var n=o(8197),i=o(3177);const s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(s))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return a.test(t)}const c=new Set(["string"]),h=(t,e,o={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),c,e,function(t){var e;return{hooks:{afterPatch:(e,o,i,s)=>{var a,c;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=t.hooks)||void 0===c||c.afterPatch(e,o,i,s)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,n.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(o))},d=h},2260:(t,e,o)=>{o.d(e,{v:()=>a});var n=o(8197),i=o(3177);const s={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,n.a)("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},a=(t,e)=>{(0,i.e)(t,"_tabIndex",e,s)}}}]);

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],{372:(e,a,t)=>{t.d(a,{v:()=>n});var i=t(5999);const n=(e,a)=>{(0,i.a)(e,"_hasCloser",a)}},7054:(e,a,t)=>{t.d(a,{a:()=>c});var i=t(9915),n=t(7919);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:()=>g,kol_heading_wc:()=>u});var i=t(1167),n=t(7054),l=t(372),s=t(8408),r=t(5095),o=t(5999),c=t(9043);const h=e=>(0,i.h)("kol-icon",{class:"heading-icon",_label:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),d=e=>{switch(e.type){case"error":return(0,i.h)(h,{ariaLabel:(0,n.a)("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return(0,i.h)(h,{ariaLabel:(0,n.a)("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return(0,i.h)(h,{ariaLabel:(0,n.a)("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return(0,i.h)(h,{ariaLabel:(0,n.a)("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return(0,i.h)(h,{ariaLabel:(0,n.a)("kol-message"),icon:"codicon codicon-comment",label:e.label})}},g=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)(d,{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&&("default"===e||"error"===e||"info"===e||"success"===e||"warning"===e)),new Set("String {success, info, warning, error}"),e)}validateVariant(e){(0,o.w)(this,"_variant",(e=>"card"===e||"msg"===e),new Set("AlertVariant {card, msg}"),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"]}}},u=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",null));case 2:return(0,i.h)("h2",{class:"headline"},e,(0,i.h)("slot",null));case 3:return(0,i.h)("h3",{class:"headline"},e,(0,i.h)("slot",null));case 4:return(0,i.h)("h4",{class:"headline"},e,(0,i.h)("slot",null));case 5:return(0,i.h)("h5",{class:"headline"},e,(0,i.h)("slot",null));case 6:return(0,i.h)("h6",{class:"headline"},e,(0,i.h)("slot",null));default:return(0,i.h)("strong",{class:"headline"},e,(0,i.h)("slot",null))}},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"]}}}},8408:(e,a,t)=>{t.d(a,{a:()=>d,c:()=>o,h:()=>r,v:()=>h});var i=t(7919),n=t(5999);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},9043:(e,a,t)=>{t.d(a,{w:()=>n});var i=t(5999);const n=(e,a)=>{(0,i.w)(e,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5717],{3272:(e,a,t)=>{t.d(a,{v:()=>n});var i=t(3177);const n=(e,a)=>{(0,i.a)(e,"_hasCloser",a)}},5439:(e,a,t)=>{t.d(a,{a:()=>c});var i=t(5750),n=t(8197);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:()=>b});var i=t(1167),n=t(5439),l=t(3272),s=t(2412),r=t(1884),o=t(3177),c=t(7872);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"]}}},b=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",null));case 2:return(0,i.h)("h2",{class:"headline"},e,(0,i.h)("slot",null));case 3:return(0,i.h)("h3",{class:"headline"},e,(0,i.h)("slot",null));case 4:return(0,i.h)("h4",{class:"headline"},e,(0,i.h)("slot",null));case 5:return(0,i.h)("h5",{class:"headline"},e,(0,i.h)("slot",null));case 6:return(0,i.h)("h6",{class:"headline"},e,(0,i.h)("slot",null));default:return(0,i.h)("strong",{class:"headline"},e,(0,i.h)("slot",null))}},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"]}}}},2412:(e,a,t)=>{t.d(a,{a:()=>d,c:()=>o,h:()=>r,v:()=>h});var i=t(8197),n=t(3177);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},7872:(e,a,t)=>{t.d(a,{w:()=>l});var i=t(3177);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})}}}]);

package/dist/5866.js

@@ -1,2 +1,2 @@
 /*! For license information please see 5866.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5866],{5866:(t,e,n)=>{n.r(e),n.d(e,{kol_progress:()=>h});var a,r,i=n(1167),l=n(8408),s=n(5999);(r=a||(a={})).bar="bar",r.cycle="cycle",r["cycle-value-label"]="cycle-value-label",r["cycle-label-value"]="cycle-label-value";const o=Object.keys(a),h=class{constructor(t){(0,i.r)(this,t),this._label=void 0,this._max=void 0,this._unit="%",this._value=void 0,this._variant=void 0,this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){return(0,i.h)(i.H,null,(t=>{let e="43%",n=t._label?"57%":"50%";switch(t._variant){case"cycle-value-label":t._label&&(e="57%",n="43%");case"cycle":case"cycle-label-value":return(0,i.h)("svg",{class:"cycle",width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("circle",{class:"background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),(0,i.h)("circle",{class:"whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),(0,i.h)("circle",{class:"border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(t._value/t._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"}),t._label&&(0,i.h)("text",{"aria-hidden":"true",x:"50%",y:e,"text-anchor":"middle",fill:"currentColor"},t._label),(0,i.h)("text",{"aria-hidden":"true",x:"50%",y:n,"text-anchor":"middle",fill:"currentColor"},t._value,t._unit));default:return(0,i.h)("div",{class:"bar"},t._label&&(0,i.h)("div",null,t._label),(0,i.h)("div",{style:{display:"flex",gap:"0.3em"}},(0,i.h)("svg",{width:"100",viewBox:"0 0 102 8",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("rect",{class:"background",x:"1",y:"1",height:"10",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100"}),(0,i.h)("rect",{class:"progress",x:"2.5",y:"2.5",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:t._value/t._max*95}),(0,i.h)("rect",{class:"border",x:"1",y:"1",height:"10",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100"})),(0,i.h)("text",{"aria-hidden":"true","text-anchor":"middle","dominant-baseline":"central",fill:"currentColor"},t._value,t._unit)))}})(this.state),(0,i.h)("progress",{"aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),(0,i.h)("span",{"aria-live":"polite","aria-relevant":"removals text",hidden:!0},this.state._liveValue," von ",this.state._max," ",this.state._unit))}validateLabel(t){(0,l.v)(this,t)}validateMax(t){"number"!=typeof t&&(t=100),(0,s.e)(this,"_max",t,{required:!0})}validateUnit(t){(0,s.d)(this,"_unit",t)}validateValue(t){"number"!=typeof t&&(t=0),(0,s.e)(this,"_value",t,{required:!0})}validateVariant(t){(0,s.w)(this,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),t)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.interval=setInterval((()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))}),5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};h.style={default:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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\tprogress {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\toverflow: hidden;\n\t\twidth: 0;\n\t}\n\n\t.bar .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.bar .background {\n\t\tfill: lightgray;\n\t\tstroke: white;\n\t}\n\n\t.bar .progress {\n\t\tfill: #0075ff;\n\t\tstroke: transparent;\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t.cycle .background {\n\t\tfill: transparent;\n\t\tstroke: lightgray;\n\t}\n\n\t.cycle .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.cycle .whitespace {\n\t\tfill: transparent;\n\t\tstroke: white;\n\t}\n\n\t.cycle .progress {\n\t\tfill: transparent;\n\t\tstroke: #0075ff;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t/* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */\n\t@media (prefers-reduced-motion) {\n\t\t.progress {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}\n"}},8408:(t,e,n)=>{n.d(e,{a:()=>d,c:()=>o,h:()=>s,v:()=>c});var a=n(7919),r=n(5999);const i=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(i))||void 0===e?void 0:e.length)||0}(t)>=e}function o(t){return l.test(t)}const h=new Set(["string"]),c=(t,e,n={})=>{(0,r.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,n,r,i)=>{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(e,n,r,i)),"string"==typeof e&&!1===s(e,3)&&!1===o(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(n))},d=c}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[5866],{5866:(t,e,n)=>{n.r(e),n.d(e,{kol_progress:()=>h});var a,r,i=n(1167),l=n(2412),s=n(3177);(r=a||(a={})).bar="bar",r.cycle="cycle",r["cycle-value-label"]="cycle-value-label",r["cycle-label-value"]="cycle-label-value";const o=Object.keys(a),h=class{constructor(t){(0,i.r)(this,t),this._label=void 0,this._max=void 0,this._unit="%",this._value=void 0,this._variant=void 0,this.state={_max:100,_unit:"%",_value:0,_variant:"bar",_liveValue:0}}render(){return(0,i.h)(i.H,null,(t=>{let e="43%",n=t._label?"57%":"50%";switch(t._variant){case"cycle-value-label":t._label&&(e="57%",n="43%");case"cycle":case"cycle-label-value":return(0,i.h)("svg",{class:"cycle",width:"100",viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("circle",{class:"background",cx:"60",cy:"60",r:"54.5",fill:"currentColor",stroke:"currentColor","stroke-width":"8"}),(0,i.h)("circle",{class:"whitespace",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"3"}),(0,i.h)("circle",{class:"border",cx:"60",cy:"60",r:"59",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"whitespace",cx:"60",cy:"60",r:"51",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"border",cx:"60",cy:"60",r:"50",fill:"currentColor",stroke:"currentColor","stroke-width":"1"}),(0,i.h)("circle",{class:"progress",fill:"currentColor",stroke:"currentColor","stroke-linecap":"round","stroke-dasharray":`${Math.round(t._value/t._max*342)}px 342px`,"stroke-width":"6",cx:"60",cy:"60",r:"54.5"}),t._label&&(0,i.h)("text",{"aria-hidden":"true",x:"50%",y:e,"text-anchor":"middle",fill:"currentColor"},t._label),(0,i.h)("text",{"aria-hidden":"true",x:"50%",y:n,"text-anchor":"middle",fill:"currentColor"},t._value,t._unit));default:return(0,i.h)("div",{class:"bar"},t._label&&(0,i.h)("div",null,t._label),(0,i.h)("div",{style:{display:"flex",gap:"0.3em"}},(0,i.h)("svg",{width:"100",viewBox:"0 0 102 8",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("rect",{class:"background",x:"1",y:"1",height:"10",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100"}),(0,i.h)("rect",{class:"progress",x:"2.5",y:"2.5",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:t._value/t._max*95}),(0,i.h)("rect",{class:"border",x:"1",y:"1",height:"10",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100"})),(0,i.h)("text",{"aria-hidden":"true","text-anchor":"middle","dominant-baseline":"central",fill:"currentColor"},t._value,t._unit)))}})(this.state),(0,i.h)("progress",{"aria-busy":this.state._value<this.state._max?"true":"false",max:this.state._max,value:this.state._value}),(0,i.h)("span",{"aria-live":"polite","aria-relevant":"removals text",hidden:!0},this.state._liveValue," von ",this.state._max," ",this.state._unit))}validateLabel(t){(0,l.v)(this,t)}validateMax(t){"number"!=typeof t&&(t=100),(0,s.e)(this,"_max",t,{required:!0})}validateUnit(t){(0,s.d)(this,"_unit",t)}validateValue(t){"number"!=typeof t&&(t=0),(0,s.e)(this,"_value",t,{required:!0})}validateVariant(t){(0,s.w)(this,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),t)}componentWillLoad(){this.validateLabel(this._label),this.validateMax(this._max),this.validateUnit(this._unit),this.validateValue(this._value),this.validateVariant(this._variant),this.interval=setInterval((()=>{this.state._liveValue!==this.state._value&&(this.state=Object.assign(Object.assign({},this.state),{_liveValue:this.state._value}))}),5e3)}disconnectedCallback(){clearInterval(this.interval)}static get watchers(){return{_label:["validateLabel"],_max:["validateMax"],_unit:["validateUnit"],_value:["validateValue"],_variant:["validateVariant"]}}};h.style={default:"@layer kol-global {\n\t/*\n\t * This file contains all rules for accessibility.\n\t */\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\tfont-size: inherit;\n\t}\n\n\t* {\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\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/* font-family is NOT inherited all HTML elements. */\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\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\tprogress {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\toverflow: hidden;\n\t\twidth: 0;\n\t}\n\n\t.bar .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.bar .background {\n\t\tfill: lightgray;\n\t\tstroke: white;\n\t}\n\n\t.bar .progress {\n\t\tfill: #0075ff;\n\t\tstroke: transparent;\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t.cycle .background {\n\t\tfill: transparent;\n\t\tstroke: lightgray;\n\t}\n\n\t.cycle .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.cycle .whitespace {\n\t\tfill: transparent;\n\t\tstroke: white;\n\t}\n\n\t.cycle .progress {\n\t\tfill: transparent;\n\t\tstroke: #0075ff;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t/* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */\n\t@media (prefers-reduced-motion) {\n\t\t.progress {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}\n"}},2412:(t,e,n)=>{n.d(e,{a:()=>d,c:()=>o,h:()=>s,v:()=>c});var a=n(8197),r=n(3177);const i=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(i))||void 0===e?void 0:e.length)||0}(t)>=e}function o(t){return l.test(t)}const h=new Set(["string"]),c=(t,e,n={})=>{(0,r.w)(t,"_label",(t=>"string"==typeof t),h,e,function(t){var e;return{hooks:{afterPatch:(e,n,r,i)=>{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(e,n,r,i)),"string"==typeof e&&!1===s(e,3)&&!1===o(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}}}(n))},d=c}}]);