@public-ui/sample-react 2.0.12-rc.0 → 2.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/1051.js +1 -1
  2. package/dist/1278.js +1 -1
  3. package/dist/1499.js +1 -1
  4. package/dist/1502.js +1 -1
  5. package/dist/1517.js +1 -1
  6. package/dist/1699.js +1 -1
  7. package/dist/1848.js +1 -1
  8. package/dist/1940.js +1 -1
  9. package/dist/2015.js +1 -1
  10. package/dist/2156.js +1 -1
  11. package/dist/2182.js +1 -1
  12. package/dist/2439.js +1 -1
  13. package/dist/2619.js +1 -1
  14. package/dist/2624.js +1 -1
  15. package/dist/2671.js +1 -1
  16. package/dist/2926.js +1 -1
  17. package/dist/3028.js +1 -1
  18. package/dist/3316.js +2 -0
  19. package/dist/351.js +1 -1
  20. package/dist/3625.js +1 -1
  21. package/dist/4619.js +1 -1
  22. package/dist/4937.js +1 -1
  23. package/dist/5172.js +1 -1
  24. package/dist/528.js +1 -1
  25. package/dist/5342.js +1 -1
  26. package/dist/5431.js +1 -1
  27. package/dist/5784.js +1 -1
  28. package/dist/5896.js +1 -1
  29. package/dist/6114.js +1 -1
  30. package/dist/6329.js +1 -1
  31. package/dist/6357.js +1 -1
  32. package/dist/6511.js +1 -1
  33. package/dist/7086.js +1 -1
  34. package/dist/710.js +1 -1
  35. package/dist/7160.js +1 -1
  36. package/dist/7240.js +1 -1
  37. package/dist/7435.js +1 -1
  38. package/dist/7628.js +1 -1
  39. package/dist/7732.js +1 -1
  40. package/dist/7748.js +1 -1
  41. package/dist/7950.js +1 -1
  42. package/dist/7986.js +1 -1
  43. package/dist/8240.js +1 -1
  44. package/dist/8247.js +1 -1
  45. package/dist/8256.js +1 -1
  46. package/dist/8494.js +1 -1
  47. package/dist/8507.js +1 -1
  48. package/dist/9035.js +1 -1
  49. package/dist/9094.js +1 -1
  50. package/dist/9179.js +1 -1
  51. package/dist/9183.js +1 -1
  52. package/dist/9237.js +1 -1
  53. package/dist/9246.js +1 -1
  54. package/dist/9456.js +1 -1
  55. package/dist/9483.js +1 -1
  56. package/dist/9485.js +1 -1
  57. package/dist/9528.js +1 -1
  58. package/dist/9622.js +1 -1
  59. package/dist/97.js +1 -1
  60. package/dist/9758.js +1 -1
  61. package/dist/9829.js +1 -1
  62. package/dist/9918.js +1 -1
  63. package/dist/main.js +1 -1
  64. package/package.json +9 -9
  65. package/src/components/accordion/list.tsx +17 -7
  66. package/src/components/table/complex-headers.tsx +90 -0
  67. package/src/components/table/routes.ts +6 -2
  68. package/src/components/table/sort-data.tsx +29 -2
  69. package/src/components/table/with-footer.tsx +75 -0
  70. package/src/components/tabs/basic.tsx +2 -2
  71. package/dist/8231.js +0 -2
  72. /package/dist/{8231.js.LICENSE.txt → 3316.js.LICENSE.txt} +0 -0
package/dist/9829.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 9829.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9829],{9829:(n,e,o)=>{o.r(e),o.d(e,{kol_icon:()=>b});var c=o(6212),t=o(1024);const b=class{constructor(n){(0,c.r)(this,n),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return(0,c.h)(c.H,{key:"ceb2f22426f0bde35d8eb2fa4d85a5a2130e932c",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"230fd8c66ba02d951f9935d4df8c4268ab15a8a8","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){(0,t.A)(this,"_icons",n,{required:!0})}validateLabel(n){(0,t.v)(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};b.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@font-face {\n font-family: "codicon";\n font-display: block;\n src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n/*---------------------\n * Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: "\\ea60";\n}\n\n.codicon-plus:before {\n content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n content: "\\ea61";\n}\n\n.codicon-repo:before {\n content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n content: "\\ea65";\n}\n\n.codicon-tag:before {\n content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n content: "\\ea66";\n}\n\n.codicon-person:before {\n content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n content: "\\ea68";\n}\n\n.codicon-source-control:before {\n content: "\\ea68";\n}\n\n.codicon-mirror:before {\n content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n content: "\\ea69";\n}\n\n.codicon-star:before {\n content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n content: "\\ea6a";\n}\n\n.codicon-comment:before {\n content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n content: "\\ea6b";\n}\n\n.codicon-alert:before {\n content: "\\ea6c";\n}\n\n.codicon-warning:before {\n content: "\\ea6c";\n}\n\n.codicon-search:before {\n content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n content: "\\ea6f";\n}\n\n.codicon-eye:before {\n content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n content: "\\ea72";\n}\n\n.codicon-edit:before {\n content: "\\ea73";\n}\n\n.codicon-pencil:before {\n content: "\\ea73";\n}\n\n.codicon-info:before {\n content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n content: "\\ea75";\n}\n\n.codicon-lock:before {\n content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n content: "\\ea75";\n}\n\n.codicon-close:before {\n content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n content: "\\ea76";\n}\n\n.codicon-x:before {\n content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n content: "\\ea77";\n}\n\n.codicon-sync:before {\n content: "\\ea77";\n}\n\n.codicon-clone:before {\n content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n content: "\\ea78";\n}\n\n.codicon-beaker:before {\n content: "\\ea79";\n}\n\n.codicon-microscope:before {\n content: "\\ea79";\n}\n\n.codicon-vm:before {\n content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n content: "\\ea7a";\n}\n\n.codicon-file:before {\n content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n content: "\\ea7b";\n}\n\n.codicon-more:before {\n content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-organization:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n content: "\\ea80";\n}\n\n.codicon-trash:before {\n content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n content: "\\ea81";\n}\n\n.codicon-history:before {\n content: "\\ea82";\n}\n\n.codicon-clock:before {\n content: "\\ea82";\n}\n\n.codicon-folder:before {\n content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n content: "\\ea84";\n}\n\n.codicon-github:before {\n content: "\\ea84";\n}\n\n.codicon-terminal:before {\n content: "\\ea85";\n}\n\n.codicon-console:before {\n content: "\\ea85";\n}\n\n.codicon-repl:before {\n content: "\\ea85";\n}\n\n.codicon-zap:before {\n content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n content: "\\ea86";\n}\n\n.codicon-error:before {\n content: "\\ea87";\n}\n\n.codicon-stop:before {\n content: "\\ea87";\n}\n\n.codicon-variable:before {\n content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n content: "\\ea88";\n}\n\n.codicon-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n content: "\\ea97";\n}\n\n.codicon-archive:before {\n content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n content: "\\eaa1";\n}\n\n.codicon-bell:before {\n content: "\\eaa2";\n}\n\n.codicon-bold:before {\n content: "\\eaa3";\n}\n\n.codicon-book:before {\n content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n content: "\\eaad";\n}\n\n.codicon-browser:before {\n content: "\\eaae";\n}\n\n.codicon-bug:before {\n content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n content: "\\eab1";\n}\n\n.codicon-check:before {\n content: "\\eab2";\n}\n\n.codicon-checklist:before {\n content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n content: "\\eabf";\n}\n\n.codicon-clippy:before {\n content: "\\eac0";\n}\n\n.codicon-close-all:before {\n content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n content: "\\eac3";\n}\n\n.codicon-code:before {\n content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n content: "\\eac9";\n}\n\n.codicon-dash:before {\n content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n content: "\\eacd";\n}\n\n.codicon-database:before {\n content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n content: "\\ead7";\n}\n\n.codicon-debug:before {\n content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n content: "\\eae0";\n}\n\n.codicon-diff:before {\n content: "\\eae1";\n}\n\n.codicon-discard:before {\n content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n content: "\\eae4";\n}\n\n.codicon-exclude:before {\n content: "\\eae5";\n}\n\n.codicon-extensions:before {\n content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n content: "\\eae8";\n}\n\n.codicon-file-code:before {\n content: "\\eae9";\n}\n\n.codicon-file-media:before {\n content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n content: "\\eaef";\n}\n\n.codicon-files:before {\n content: "\\eaf0";\n}\n\n.codicon-filter:before {\n content: "\\eaf1";\n}\n\n.codicon-flame:before {\n content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n content: "\\eaf4";\n}\n\n.codicon-fold:before {\n content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n content: "\\eaf7";\n}\n\n.codicon-gear:before {\n content: "\\eaf8";\n}\n\n.codicon-gift:before {\n content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n content: "\\eafa";\n}\n\n.codicon-gist:before {\n content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n content: "\\eafe";\n}\n\n.codicon-github-action:before {\n content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n content: "\\eb00";\n}\n\n.codicon-globe:before {\n content: "\\eb01";\n}\n\n.codicon-grabber:before {\n content: "\\eb02";\n}\n\n.codicon-graph:before {\n content: "\\eb03";\n}\n\n.codicon-gripper:before {\n content: "\\eb04";\n}\n\n.codicon-heart:before {\n content: "\\eb05";\n}\n\n.codicon-home:before {\n content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n content: "\\eb07";\n}\n\n.codicon-hubot:before {\n content: "\\eb08";\n}\n\n.codicon-inbox:before {\n content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n content: "\\eb0b";\n}\n\n.codicon-issues:before {\n content: "\\eb0c";\n}\n\n.codicon-italic:before {\n content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n content: "\\eb0e";\n}\n\n.codicon-json:before {\n content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n content: "\\eb10";\n}\n\n.codicon-key:before {\n content: "\\eb11";\n}\n\n.codicon-law:before {\n content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n content: "\\eb13";\n}\n\n.codicon-link-external:before {\n content: "\\eb14";\n}\n\n.codicon-link:before {\n content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n content: "\\eb17";\n}\n\n.codicon-live-share:before {\n content: "\\eb18";\n}\n\n.codicon-loading:before {\n content: "\\eb19";\n}\n\n.codicon-location:before {\n content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n content: "\\eb1b";\n}\n\n.codicon-mail:before {\n content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n content: "\\eb1e";\n}\n\n.codicon-mention:before {\n content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n content: "\\eb21";\n}\n\n.codicon-move:before {\n content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n content: "\\eb23";\n}\n\n.codicon-mute:before {\n content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n content: "\\eb25";\n}\n\n.codicon-note:before {\n content: "\\eb26";\n}\n\n.codicon-octoface:before {\n content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n content: "\\eb28";\n}\n\n.codicon-package:before {\n content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n content: "\\eb2a";\n}\n\n.codicon-pin:before {\n content: "\\eb2b";\n}\n\n.codicon-play:before {\n content: "\\eb2c";\n}\n\n.codicon-run:before {\n content: "\\eb2c";\n}\n\n.codicon-plug:before {\n content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n content: "\\eb2e";\n}\n\n.codicon-preview:before {\n content: "\\eb2f";\n}\n\n.codicon-project:before {\n content: "\\eb30";\n}\n\n.codicon-pulse:before {\n content: "\\eb31";\n}\n\n.codicon-question:before {\n content: "\\eb32";\n}\n\n.codicon-quote:before {\n content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n content: "\\eb34";\n}\n\n.codicon-reactions:before {\n content: "\\eb35";\n}\n\n.codicon-references:before {\n content: "\\eb36";\n}\n\n.codicon-refresh:before {\n content: "\\eb37";\n}\n\n.codicon-regex:before {\n content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n content: "\\eb39";\n}\n\n.codicon-remote:before {\n content: "\\eb3a";\n}\n\n.codicon-remove:before {\n content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n content: "\\eb3c";\n}\n\n.codicon-replace:before {\n content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n content: "\\eb41";\n}\n\n.codicon-report:before {\n content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n content: "\\eb43";\n}\n\n.codicon-rocket:before {\n content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n content: "\\eb46";\n}\n\n.codicon-rss:before {\n content: "\\eb47";\n}\n\n.codicon-ruby:before {\n content: "\\eb48";\n}\n\n.codicon-save-all:before {\n content: "\\eb49";\n}\n\n.codicon-save-as:before {\n content: "\\eb4a";\n}\n\n.codicon-save:before {\n content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n content: "\\eb4e";\n}\n\n.codicon-server:before {\n content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n content: "\\eb51";\n}\n\n.codicon-settings:before {\n content: "\\eb52";\n}\n\n.codicon-shield:before {\n content: "\\eb53";\n}\n\n.codicon-smiley:before {\n content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n content: "\\eb58";\n}\n\n.codicon-star-full:before {\n content: "\\eb59";\n}\n\n.codicon-star-half:before {\n content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n content: "\\eb65";\n}\n\n.codicon-wrench:before {\n content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n content: "\\eb67";\n}\n\n.codicon-telescope:before {\n content: "\\eb68";\n}\n\n.codicon-text-size:before {\n content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n content: "\\eb6c";\n}\n\n.codicon-tools:before {\n content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n content: "\\eb71";\n}\n\n.codicon-twitter:before {\n content: "\\eb72";\n}\n\n.codicon-unfold:before {\n content: "\\eb73";\n}\n\n.codicon-unlock:before {\n content: "\\eb74";\n}\n\n.codicon-unmute:before {\n content: "\\eb75";\n}\n\n.codicon-unverified:before {\n content: "\\eb76";\n}\n\n.codicon-verified:before {\n content: "\\eb77";\n}\n\n.codicon-versions:before {\n content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n content: "\\eb7b";\n}\n\n.codicon-watch:before {\n content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n content: "\\eb7e";\n}\n\n.codicon-window:before {\n content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n content: "\\eb85";\n}\n\n.codicon-selection:before {\n content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n content: "\\eb93";\n}\n\n.codicon-menu:before {\n content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n content: "\\eb95";\n}\n\n.codicon-feedback:before {\n content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: "\\eb98";\n}\n\n.codicon-account:before {\n content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n content: "\\eb9b";\n}\n\n.codicon-library:before {\n content: "\\eb9c";\n}\n\n.codicon-output:before {\n content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n content: "\\eba1";\n}\n\n.codicon-server-process:before {\n content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n content: "\\eba3";\n}\n\n.codicon-pass:before {\n content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n content: "\\eba6";\n}\n\n.codicon-record:before {\n content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n content: "\\eba9";\n}\n\n.codicon-cloud:before {\n content: "\\ebaa";\n}\n\n.codicon-merge:before {\n content: "\\ebab";\n}\n\n.codicon-export:before {\n content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n content: "\\ebad";\n}\n\n.codicon-magnet:before {\n content: "\\ebae";\n}\n\n.codicon-notebook:before {\n content: "\\ebaf";\n}\n\n.codicon-redo:before {\n content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n content: "\\ebb5";\n}\n\n.codicon-combine:before {\n content: "\\ebb6";\n}\n\n.codicon-gather:before {\n content: "\\ebb6";\n}\n\n.codicon-table:before {\n content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n content: "\\ebcb";\n}\n\n.codicon-copy:before {\n content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n content: "\\ebce";\n}\n\n.codicon-wand:before {\n content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n content: "\\ebd1";\n}\n\n.codicon-layers:before {\n content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n content: "\\ebd4";\n}\n\n.codicon-compass:before {\n content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n content: "\\ebd7";\n}\n\n.codicon-azure:before {\n content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n content: "\\ebe9";\n}\n\n.codicon-newline:before {\n content: "\\ebea";\n}\n\n.codicon-layout:before {\n content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n content: "\\ebf7";\n}\n\n.codicon-target:before {\n content: "\\ebf8";\n}\n\n.codicon-indent:before {\n content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: "\\ec02";\n}\n\n.codicon-blank:before {\n content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n content: "\\ec04";\n}\n\n.codicon-map:before {\n content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: "\\ec0c";\n}\n\n@layer kol-component {\n :host {\n color: inherit;\n display: contents;\n height: 1em;\n line-height: inherit;\n width: 1em;\n }\n :host > i {\n height: 1em;\n width: 1em;\n }\n /*\n * The <code>:important</code> is important, because we should always override the font icon style.\n */\n :host > i,\n :host > i:before {\n font-size: inherit !important;\n }\n}'}}}]);
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9829],{9829:(n,e,o)=>{o.r(e),o.d(e,{kol_icon:()=>b});var c=o(8749),t=o(1024);const b=class{constructor(n){(0,c.r)(this,n),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return(0,c.h)(c.H,{key:"77b2bae604877bb233c1c4708708ac33b4a11e04",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"12e04d1e29e084b0eed9877e6f8ca9efc9c88743","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){(0,t.A)(this,"_icons",n,{required:!0})}validateLabel(n){(0,t.v)(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};b.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@font-face {\n font-family: "codicon";\n font-display: block;\n src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n/*---------------------\n * Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: "\\ea60";\n}\n\n.codicon-plus:before {\n content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n content: "\\ea61";\n}\n\n.codicon-repo:before {\n content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n content: "\\ea65";\n}\n\n.codicon-tag:before {\n content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n content: "\\ea66";\n}\n\n.codicon-person:before {\n content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n content: "\\ea68";\n}\n\n.codicon-source-control:before {\n content: "\\ea68";\n}\n\n.codicon-mirror:before {\n content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n content: "\\ea69";\n}\n\n.codicon-star:before {\n content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n content: "\\ea6a";\n}\n\n.codicon-comment:before {\n content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n content: "\\ea6b";\n}\n\n.codicon-alert:before {\n content: "\\ea6c";\n}\n\n.codicon-warning:before {\n content: "\\ea6c";\n}\n\n.codicon-search:before {\n content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n content: "\\ea6f";\n}\n\n.codicon-eye:before {\n content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n content: "\\ea72";\n}\n\n.codicon-edit:before {\n content: "\\ea73";\n}\n\n.codicon-pencil:before {\n content: "\\ea73";\n}\n\n.codicon-info:before {\n content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n content: "\\ea75";\n}\n\n.codicon-lock:before {\n content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n content: "\\ea75";\n}\n\n.codicon-close:before {\n content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n content: "\\ea76";\n}\n\n.codicon-x:before {\n content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n content: "\\ea77";\n}\n\n.codicon-sync:before {\n content: "\\ea77";\n}\n\n.codicon-clone:before {\n content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n content: "\\ea78";\n}\n\n.codicon-beaker:before {\n content: "\\ea79";\n}\n\n.codicon-microscope:before {\n content: "\\ea79";\n}\n\n.codicon-vm:before {\n content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n content: "\\ea7a";\n}\n\n.codicon-file:before {\n content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n content: "\\ea7b";\n}\n\n.codicon-more:before {\n content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-organization:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n content: "\\ea80";\n}\n\n.codicon-trash:before {\n content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n content: "\\ea81";\n}\n\n.codicon-history:before {\n content: "\\ea82";\n}\n\n.codicon-clock:before {\n content: "\\ea82";\n}\n\n.codicon-folder:before {\n content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n content: "\\ea84";\n}\n\n.codicon-github:before {\n content: "\\ea84";\n}\n\n.codicon-terminal:before {\n content: "\\ea85";\n}\n\n.codicon-console:before {\n content: "\\ea85";\n}\n\n.codicon-repl:before {\n content: "\\ea85";\n}\n\n.codicon-zap:before {\n content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n content: "\\ea86";\n}\n\n.codicon-error:before {\n content: "\\ea87";\n}\n\n.codicon-stop:before {\n content: "\\ea87";\n}\n\n.codicon-variable:before {\n content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n content: "\\ea88";\n}\n\n.codicon-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n content: "\\ea97";\n}\n\n.codicon-archive:before {\n content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n content: "\\eaa1";\n}\n\n.codicon-bell:before {\n content: "\\eaa2";\n}\n\n.codicon-bold:before {\n content: "\\eaa3";\n}\n\n.codicon-book:before {\n content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n content: "\\eaad";\n}\n\n.codicon-browser:before {\n content: "\\eaae";\n}\n\n.codicon-bug:before {\n content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n content: "\\eab1";\n}\n\n.codicon-check:before {\n content: "\\eab2";\n}\n\n.codicon-checklist:before {\n content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n content: "\\eabf";\n}\n\n.codicon-clippy:before {\n content: "\\eac0";\n}\n\n.codicon-close-all:before {\n content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n content: "\\eac3";\n}\n\n.codicon-code:before {\n content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n content: "\\eac9";\n}\n\n.codicon-dash:before {\n content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n content: "\\eacd";\n}\n\n.codicon-database:before {\n content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n content: "\\ead7";\n}\n\n.codicon-debug:before {\n content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n content: "\\eae0";\n}\n\n.codicon-diff:before {\n content: "\\eae1";\n}\n\n.codicon-discard:before {\n content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n content: "\\eae4";\n}\n\n.codicon-exclude:before {\n content: "\\eae5";\n}\n\n.codicon-extensions:before {\n content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n content: "\\eae8";\n}\n\n.codicon-file-code:before {\n content: "\\eae9";\n}\n\n.codicon-file-media:before {\n content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n content: "\\eaef";\n}\n\n.codicon-files:before {\n content: "\\eaf0";\n}\n\n.codicon-filter:before {\n content: "\\eaf1";\n}\n\n.codicon-flame:before {\n content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n content: "\\eaf4";\n}\n\n.codicon-fold:before {\n content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n content: "\\eaf7";\n}\n\n.codicon-gear:before {\n content: "\\eaf8";\n}\n\n.codicon-gift:before {\n content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n content: "\\eafa";\n}\n\n.codicon-gist:before {\n content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n content: "\\eafe";\n}\n\n.codicon-github-action:before {\n content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n content: "\\eb00";\n}\n\n.codicon-globe:before {\n content: "\\eb01";\n}\n\n.codicon-grabber:before {\n content: "\\eb02";\n}\n\n.codicon-graph:before {\n content: "\\eb03";\n}\n\n.codicon-gripper:before {\n content: "\\eb04";\n}\n\n.codicon-heart:before {\n content: "\\eb05";\n}\n\n.codicon-home:before {\n content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n content: "\\eb07";\n}\n\n.codicon-hubot:before {\n content: "\\eb08";\n}\n\n.codicon-inbox:before {\n content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n content: "\\eb0b";\n}\n\n.codicon-issues:before {\n content: "\\eb0c";\n}\n\n.codicon-italic:before {\n content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n content: "\\eb0e";\n}\n\n.codicon-json:before {\n content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n content: "\\eb10";\n}\n\n.codicon-key:before {\n content: "\\eb11";\n}\n\n.codicon-law:before {\n content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n content: "\\eb13";\n}\n\n.codicon-link-external:before {\n content: "\\eb14";\n}\n\n.codicon-link:before {\n content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n content: "\\eb17";\n}\n\n.codicon-live-share:before {\n content: "\\eb18";\n}\n\n.codicon-loading:before {\n content: "\\eb19";\n}\n\n.codicon-location:before {\n content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n content: "\\eb1b";\n}\n\n.codicon-mail:before {\n content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n content: "\\eb1e";\n}\n\n.codicon-mention:before {\n content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n content: "\\eb21";\n}\n\n.codicon-move:before {\n content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n content: "\\eb23";\n}\n\n.codicon-mute:before {\n content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n content: "\\eb25";\n}\n\n.codicon-note:before {\n content: "\\eb26";\n}\n\n.codicon-octoface:before {\n content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n content: "\\eb28";\n}\n\n.codicon-package:before {\n content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n content: "\\eb2a";\n}\n\n.codicon-pin:before {\n content: "\\eb2b";\n}\n\n.codicon-play:before {\n content: "\\eb2c";\n}\n\n.codicon-run:before {\n content: "\\eb2c";\n}\n\n.codicon-plug:before {\n content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n content: "\\eb2e";\n}\n\n.codicon-preview:before {\n content: "\\eb2f";\n}\n\n.codicon-project:before {\n content: "\\eb30";\n}\n\n.codicon-pulse:before {\n content: "\\eb31";\n}\n\n.codicon-question:before {\n content: "\\eb32";\n}\n\n.codicon-quote:before {\n content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n content: "\\eb34";\n}\n\n.codicon-reactions:before {\n content: "\\eb35";\n}\n\n.codicon-references:before {\n content: "\\eb36";\n}\n\n.codicon-refresh:before {\n content: "\\eb37";\n}\n\n.codicon-regex:before {\n content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n content: "\\eb39";\n}\n\n.codicon-remote:before {\n content: "\\eb3a";\n}\n\n.codicon-remove:before {\n content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n content: "\\eb3c";\n}\n\n.codicon-replace:before {\n content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n content: "\\eb41";\n}\n\n.codicon-report:before {\n content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n content: "\\eb43";\n}\n\n.codicon-rocket:before {\n content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n content: "\\eb46";\n}\n\n.codicon-rss:before {\n content: "\\eb47";\n}\n\n.codicon-ruby:before {\n content: "\\eb48";\n}\n\n.codicon-save-all:before {\n content: "\\eb49";\n}\n\n.codicon-save-as:before {\n content: "\\eb4a";\n}\n\n.codicon-save:before {\n content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n content: "\\eb4e";\n}\n\n.codicon-server:before {\n content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n content: "\\eb51";\n}\n\n.codicon-settings:before {\n content: "\\eb52";\n}\n\n.codicon-shield:before {\n content: "\\eb53";\n}\n\n.codicon-smiley:before {\n content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n content: "\\eb58";\n}\n\n.codicon-star-full:before {\n content: "\\eb59";\n}\n\n.codicon-star-half:before {\n content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n content: "\\eb65";\n}\n\n.codicon-wrench:before {\n content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n content: "\\eb67";\n}\n\n.codicon-telescope:before {\n content: "\\eb68";\n}\n\n.codicon-text-size:before {\n content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n content: "\\eb6c";\n}\n\n.codicon-tools:before {\n content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n content: "\\eb71";\n}\n\n.codicon-twitter:before {\n content: "\\eb72";\n}\n\n.codicon-unfold:before {\n content: "\\eb73";\n}\n\n.codicon-unlock:before {\n content: "\\eb74";\n}\n\n.codicon-unmute:before {\n content: "\\eb75";\n}\n\n.codicon-unverified:before {\n content: "\\eb76";\n}\n\n.codicon-verified:before {\n content: "\\eb77";\n}\n\n.codicon-versions:before {\n content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n content: "\\eb7b";\n}\n\n.codicon-watch:before {\n content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n content: "\\eb7e";\n}\n\n.codicon-window:before {\n content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n content: "\\eb85";\n}\n\n.codicon-selection:before {\n content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n content: "\\eb93";\n}\n\n.codicon-menu:before {\n content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n content: "\\eb95";\n}\n\n.codicon-feedback:before {\n content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: "\\eb98";\n}\n\n.codicon-account:before {\n content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n content: "\\eb9b";\n}\n\n.codicon-library:before {\n content: "\\eb9c";\n}\n\n.codicon-output:before {\n content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n content: "\\eba1";\n}\n\n.codicon-server-process:before {\n content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n content: "\\eba3";\n}\n\n.codicon-pass:before {\n content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n content: "\\eba6";\n}\n\n.codicon-record:before {\n content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n content: "\\eba9";\n}\n\n.codicon-cloud:before {\n content: "\\ebaa";\n}\n\n.codicon-merge:before {\n content: "\\ebab";\n}\n\n.codicon-export:before {\n content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n content: "\\ebad";\n}\n\n.codicon-magnet:before {\n content: "\\ebae";\n}\n\n.codicon-notebook:before {\n content: "\\ebaf";\n}\n\n.codicon-redo:before {\n content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n content: "\\ebb5";\n}\n\n.codicon-combine:before {\n content: "\\ebb6";\n}\n\n.codicon-gather:before {\n content: "\\ebb6";\n}\n\n.codicon-table:before {\n content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n content: "\\ebcb";\n}\n\n.codicon-copy:before {\n content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n content: "\\ebce";\n}\n\n.codicon-wand:before {\n content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n content: "\\ebd1";\n}\n\n.codicon-layers:before {\n content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n content: "\\ebd4";\n}\n\n.codicon-compass:before {\n content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n content: "\\ebd7";\n}\n\n.codicon-azure:before {\n content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n content: "\\ebe9";\n}\n\n.codicon-newline:before {\n content: "\\ebea";\n}\n\n.codicon-layout:before {\n content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n content: "\\ebf7";\n}\n\n.codicon-target:before {\n content: "\\ebf8";\n}\n\n.codicon-indent:before {\n content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: "\\ec02";\n}\n\n.codicon-blank:before {\n content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n content: "\\ec04";\n}\n\n.codicon-map:before {\n content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: "\\ec0c";\n}\n\n@layer kol-component {\n :host {\n color: inherit;\n display: contents;\n height: 1em;\n line-height: inherit;\n width: 1em;\n }\n :host > i {\n height: 1em;\n width: 1em;\n }\n /*\n * The <code>:important</code> is important, because we should always override the font icon style.\n */\n :host > i,\n :host > i:before {\n font-size: inherit !important;\n }\n}'}}}]);
package/dist/9918.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 9918.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9918],{9578:(e,t,n)=>{n.d(t,{I:()=>o});var i=n(6212);const o=({accessKey:e,label:t})=>{let[n,...o]=t.split(e);return 0===o.length&&(e=e.toUpperCase(),[n,...o]=t.split(e)),0===o.length&&(e=e.toLowerCase(),[n,...o]=t.split(e)),(0,i.h)(i.F,null,n,o.length?(0,i.h)(i.F,null,(0,i.h)("u",null,e),o.join(e)):null)}},2439:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(1024);class o{constructor(e,t,n){var o,a,s,l;if(this.experimentalMode=(0,i.Z)(),this.setFormAssociatedValue=e=>{var t;const n=null===(t=this.formAssociated)||void 0===t?void 0:t.getAttribute("name");null!==n&&""!==n||(0,i.R)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const o=this.tryToStringifyValue(e);this.syncValue(e,o,this.formAssociated),this.syncValue(e,o,this.syncToOwnInput)},this.component=e,this.host=this.findHostWithShadowRoot(n),this.type=t,this.experimentalMode&&("KOL-BUTTON"===(l=null===(o=this.host)||void 0===o?void 0:o.tagName)||"KOL-INPUT-CHECKBOX"===l||"KOL-INPUT-COLOR"===l||"KOL-INPUT-DATE"===l||"KOL-INPUT-EMAIL"===l||"KOL-INPUT-FILE"===l||"KOL-INPUT-NUMBER"===l||"KOL-INPUT-PASSWORD"===l||"KOL-INPUT-RADIO"===l||"KOL-INPUT-RANGE"===l||"KOL-INPUT-TEXT"===l||"KOL-SELECT"===l||"KOL-TEXTAREA"===l)){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach((e=>{var t;null===(t=this.host)||void 0===t||t.removeChild(e)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);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===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(e){for(;null===(null==e?void 0:e.shadowRoot)&&e!==document.body;)(e=null==e?void 0:e.parentNode).host&&(e=e.host);return e}setAttribute(e,t,n){if(this.experimentalMode)try{if("boolean"!=typeof(n="object"==typeof n&&null!==n?JSON.stringify(n):n)&&"number"!=typeof n&&"string"!=typeof n)throw new Error("Invalid value type: "+typeof n);null==t||t.setAttribute(e,`${n}`)}catch(n){null==t||t.removeAttribute(e)}}tryToStringifyValue(e){try{return"object"==typeof e&&null!==e?JSON.stringify(e).toString():null==e?null:e.toString()}catch(e){return(0,i.$)(`The form field raw value is not able to stringify! ${e}`),""}}syncValue(e,t,n){if(n)switch(this.type){case"file":n.files=e;break;case"select":n.querySelectorAll("option").forEach((e=>{n.removeChild(e)})),Array.isArray(e)&&e.forEach((e=>{const t=this.tryToStringifyValue(e);if("string"==typeof t){const e=document.createElement("option");e.setAttribute("value",t),e.setAttribute("selected",""),n.appendChild(e)}}));break;default:"string"==typeof t?(n.setAttribute("value",t),n.value=t):(n.removeAttribute("value"),n.value="")}}validateName(e){(0,i.a0)(this.component,e,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===e&&(0,i.R)("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(e){if(this.experimentalMode&&"string"==typeof e){const t=document.querySelector(e);t&&(this.syncToOwnInput=t)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},9502:(e,t,n)=>{n.d(t,{I:()=>r,g:()=>s});var i=n(1024),o=n(6251),a=n(2439);const s=e=>{var t,n;const i=Boolean("error"===(null===(t=e._msg)||void 0===t?void 0:t._type)&&e._msg._description&&(null===(n=e._msg._description)||void 0===n?void 0:n.length)>0)&&!0===e._touched,o="string"==typeof e._hint&&e._hint.length>0,a=[];return!0===i&&a.push(`${e._id}-error`),!0===o&&a.push(`${e._id}-hint`),{hasError:i,hasHint:o,ariaDescribedBy:a}};class l extends a.A{constructor(e,t,n){super(e,t,n),this.component=e}validateAlert(e){(0,i.z)(this.component,"_alert",e)}validateTouched(e){(0,i.J)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class r extends l{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){(0,i.A)(this.component,"_accessKey",e)}validateAdjustHeight(e){(0,i.M)(this.component,e)}validateDisabled(e){(0,i.z)(this.component,"_disabled",e),!0===e&&(0,i.N)()}validateError(e){const t=e?{_description:e,_type:"error"}:void 0;this.validateMsg(t)}validateHideError(e){(0,i.O)(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,i.Q)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){(0,i.P)(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,i.Q)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){(0,i.A)(this.component,"_hint",e)}validateId(e){(0,i.A)(this.component,"_id",e,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==e&&void 0!==e||(0,i.R)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(e){(0,i.S)(this.component,e,{required:!0})}validateMsg(e){(0,i.T)(this.component,e)}validateOn(e){"object"==typeof e&&(0,i.k)(this.component,"_on",e)}validateSmartButton(e){(0,i.q)(e,(()=>{try{e=(0,i.r)(e)}catch(e){}(0,i.k)(this.component,"_smartButton",e)}))}validateTabIndex(e){(0,i.U)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),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(e){var t;this.component._alert=!0,this.component._touched=!0,(0,o.s)(e),(0,o.t)("blur",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e){var t;const n=e.target.value;(0,o.t)("change",this.host,n),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onChange)&&this.component._on.onChange(e,n),this.valueChangeListeners.forEach((e=>e(n)))}onInput(e,t=!0){var n;const i=e.target.value;(0,o.s)(e),(0,o.t)("input",this.host),t&&this.setFormAssociatedValue(i),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(e)}onClick(e){var t;(0,o.s)(e),(0,o.t)("click",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.component._alert=!0,(0,o.s)(e),(0,o.t)("focus",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}},4242:(e,t,n)=>{n.d(t,{a:()=>a,p:()=>s});var i=n(1024);const o=e=>{for((0,i.Z)()&&((0,i.R)("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,i.Z)()&&(console.log(e),(0,i.R)("↑ Search form element finished."))}return e},a=(e={})=>{var t,n;const a=o(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,i.a7)(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){(0,i.a7)(e,i.K.querySelector("form",a));const o=a;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onReset)&&(null===(n=o._on)||void 0===n||n.onReset(e))}}},s=(e={})=>{var t,n;const a=o(e.form);if(a instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:a});if("FORM"===a.tagName)(0,i.a7)(e,a),a.dispatchEvent(e),(0,i.Z)()&&!1===a.noValidate&&(0,i.R)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),"function"==typeof a.requestSubmit&&a.requestSubmit();else if("KOL-FORM"===a.tagName){(0,i.a7)(e,i.K.querySelector("form",a));const o=a;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onSubmit)&&(null===(n=o._on)||void 0===n||n.onSubmit(e))}}}},6182:(e,t,n)=>{n.d(t,{I:()=>s});var i=n(1024),o=n(9502);const a=(e,t)=>{const n=e;"object"==typeof n&&null!==n&&((0,i.F)(n.right,1)&&(n.right={icon:n.right}),(0,i.F)(n.left,1)&&(n.left={icon:n.left}),t.set("_icons",n))};class s extends o.I{constructor(e,t,n){super(e,t,n),this.component=e}validateIcon(e){this.validateIcons(e)}validateIcons(e){(0,i.q)(e,(()=>{try{e=(0,i.r)(e)}catch(e){}(0,i.w)(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&((0,i.F)(e.left,1)||(0,i.a3)(e.left)||(0,i.F)(e.right,1)||(0,i.a3)(e.right))),new Set(["KoliBriHorizontalIcon"]),e,{hooks:{beforePatch:a},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},9744:(e,t,n)=>{n.d(t,{i:()=>a,n:()=>l,r:()=>s});var i=n(1024);const o=()=>{let e=(0,i.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,i.d)(),"KoliBri",{value:e,writable:!1})),e},a=()=>{(()=>{const e=(0,i.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,i.s)(t.includes("dev-mode=true")),(0,i.b)(t.includes("experimental-mode=true")),(0,i.c)(t.includes("color-contrast-analysis=true")))}})(),i.L.debug("\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | `--' | |) /_ ,--.--. `--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n`--' `--´ `---´ `--' `--' `------´ `--' `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.8\n\t",{forceLog:!0})},s=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let l=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(l=()=>"nonce")},6251:(e,t,n)=>{function i(e){e.stopImmediatePropagation(),e.stopPropagation()}function o(e,t,n){t&&function(e,t,n){const i=e.dispatchEvent(function(e,t){return new CustomEvent(`kol-${e}`,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}(t,n))}(t,e,n)}function a(e){e.preventDefault(),i(e)}n.d(t,{p:()=>a,s:()=>i,t:()=>o})},9918:(e,t,n)=>{n.r(t),n.d(t,{kol_input_range:()=>u});var i=n(6212),o=n(1024),a=n(9744),s=n(4242),l=n(9502),r=n(9578),d=n(6182),h=n(9440);class c extends d.I{constructor(e,t,n){super(e,t,n),this.component=e}validateAutoComplete(e){(0,o.w)(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),e)}validateMax(e){(0,o.a5)(this.component,"_max",e)}validateMin(e){(0,o.a5)(this.component,"_min",e)}validateStep(e){(0,o.a5)(this.component,"_step",e)}validateSuggestions(e){(0,o.a2)(this.component,e)}validateValue(e){(0,o.a5)(this.component,"_value",e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateStep(this.component._step),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const u=class{getSanitizedFloatValue(e){const t=parseFloat(e);return this.state._max&&t>this.state._max?this.state._max:this.state._min&&t<this.state._min?this.state._min:t}getValue(){return e=this,null,t=function*(){if(void 0!==this.refInputNumber){const e=this.refInputNumber.value;return this.getSanitizedFloatValue(e)}},new Promise(((n,i)=>{var o=e=>{try{s(t.next(e))}catch(e){i(e)}},a=e=>{try{s(t.throw(e))}catch(e){i(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);s((t=t.apply(e,null)).next())}));var e,t}componentDidLoad(){var e;!this._value&&(null===(e=this.refInputRange)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputRange.value))}render(){const{ariaDescribedBy:e}=(0,l.g)(this.state),t=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,o.I)(this.state._label);return(0,i.h)(i.H,{key:"8234d5062e120e1d233fde4839d9deb1572db10d",class:"kol-input-range"},(0,i.h)(h.l,{key:"6999f8fcdecc07dddbd8d087e246f74997e28391",class:{range:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_msg:this.state._msg,_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",{key:"bd070fe9c62d8c4c3131a2b1a29b5f10b830b38b",slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,i.h)(i.F,null,(0,i.h)(r.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",{key:"32917c47012e3654b248e92c7d193c7e46bb76c8",slot:"input"},(0,i.h)("div",{key:"c83767854f103c4cdc26c210419b3eb640c62037",class:"inputs-wrapper",style:{"--kolibri-input-range--input-number--width":`${this.state._max}`.length+.5+"em"}},(0,i.h)("input",Object.assign({key:"e1f1ba155cdccd374927854ab18d8e93b8a5abd0",ref:this.catchInputRangeRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-hidden":"true",autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,list:t?`${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({key:"0b725315e18c898d94f2a9cab2683fe92bcff897",ref:this.catchInputNumberRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.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:t?`${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,{onKeyDown:this.onKeyDown,onChange:this.onChange}))),t&&[(0,i.h)("datalist",{id:`${this.state._id}-list`},this.state._suggestions.map((e=>(0,i.h)("option",{value:e}))))])))}constructor(e){(0,i.r)(this,e),this.catchInputNumberRef=e=>{var t;e&&(this.refInputNumber=e,(0,o.h)(this.host,e),!this._value&&(null===(t=this.refInputNumber)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=e=>{e&&(this.refInputRange=e)},this.onChange=e=>{var t,n;const i=e.target.value,o=this.getSanitizedFloatValue(i);this.validateValue(o),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onChange)&&(null===(n=this.state._on)||void 0===n||n.onChange(e,o))},this.onKeyDown=e=>{"Enter"!==e.code&&"NumpadEnter"!==e.code||(0,s.p)({form:this.host,ref:this.refInputNumber})},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._msg=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,"range",this.host)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateAutoComplete(e){this.controller.validateAutoComplete(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMax(e){this.controller.validateMax(e)}validateMin(e){this.controller.validateMin(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateStep(e){this.controller.validateStep(e)}validateSuggestions(e){this.controller.validateSuggestions(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}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"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed !important;\n opacity: 0.5 !important;\n outline: none !important;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed !important;\n opacity: 0.5 !important;\n outline: none !important;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .inputs-wrapper {\n align-items: center;\n display: flex;\n flex-direction: row;\n }\n input[type=number] {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: var(--kolibri-input-range--input-number--width);\n }\n /*\n * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n */\n input[type=range] {\n appearance: none;\n background-color: #d3d3d3;\n border: 1px solid #000;\n display: inline-block;\n flex-grow: 1;\n height: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5em;\n padding: 0;\n margin: 0;\n /* Design-Hack - related with flex-grow */\n width: 0;\n }\n input[type=range]::-webkit-slider-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -webkit-appearance: none;\n }\n input[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -moz-appearance: none;\n }\n}\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n ::-webkit-slider-thumb {\n outline: 1px solid currentColor;\n }\n}"}}}]);
2
+ "use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9918],{7818:(e,t,n)=>{n.d(t,{I:()=>o});var i=n(8749);const o=({accessKey:e,label:t})=>{let[n,...o]=t.split(e);return 0===o.length&&(e=e.toUpperCase(),[n,...o]=t.split(e)),0===o.length&&(e=e.toLowerCase(),[n,...o]=t.split(e)),(0,i.h)(i.F,null,n,o.length?(0,i.h)(i.F,null,(0,i.h)("u",null,e),o.join(e)):null)}},2439:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(1024);class o{constructor(e,t,n){var o,a,s,l;if(this.experimentalMode=(0,i.Z)(),this.setFormAssociatedValue=e=>{var t;const n=null===(t=this.formAssociated)||void 0===t?void 0:t.getAttribute("name");null!==n&&""!==n||(0,i.R)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const o=this.tryToStringifyValue(e);this.syncValue(e,o,this.formAssociated),this.syncValue(e,o,this.syncToOwnInput)},this.component=e,this.host=this.findHostWithShadowRoot(n),this.type=t,this.experimentalMode&&("KOL-BUTTON"===(l=null===(o=this.host)||void 0===o?void 0:o.tagName)||"KOL-INPUT-CHECKBOX"===l||"KOL-INPUT-COLOR"===l||"KOL-INPUT-DATE"===l||"KOL-INPUT-EMAIL"===l||"KOL-INPUT-FILE"===l||"KOL-INPUT-NUMBER"===l||"KOL-INPUT-PASSWORD"===l||"KOL-INPUT-RADIO"===l||"KOL-INPUT-RANGE"===l||"KOL-INPUT-TEXT"===l||"KOL-SELECT"===l||"KOL-TEXTAREA"===l)){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach((e=>{var t;null===(t=this.host)||void 0===t||t.removeChild(e)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);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===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(e){for(;null===(null==e?void 0:e.shadowRoot)&&e!==document.body;)(e=null==e?void 0:e.parentNode).host&&(e=e.host);return e}setAttribute(e,t,n){if(this.experimentalMode)try{if("boolean"!=typeof(n="object"==typeof n&&null!==n?JSON.stringify(n):n)&&"number"!=typeof n&&"string"!=typeof n)throw new Error("Invalid value type: "+typeof n);null==t||t.setAttribute(e,`${n}`)}catch(n){null==t||t.removeAttribute(e)}}tryToStringifyValue(e){try{return"object"==typeof e&&null!==e?JSON.stringify(e).toString():null==e?null:e.toString()}catch(e){return(0,i.$)(`The form field raw value is not able to stringify! ${e}`),""}}syncValue(e,t,n){if(n)switch(this.type){case"file":n.files=e;break;case"select":n.querySelectorAll("option").forEach((e=>{n.removeChild(e)})),Array.isArray(e)&&e.forEach((e=>{const t=this.tryToStringifyValue(e);if("string"==typeof t){const e=document.createElement("option");e.setAttribute("value",t),e.setAttribute("selected",""),n.appendChild(e)}}));break;default:"string"==typeof t?(n.setAttribute("value",t),n.value=t):(n.removeAttribute("value"),n.value="")}}validateName(e){(0,i.a0)(this.component,e,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===e&&(0,i.R)("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(e){if(this.experimentalMode&&"string"==typeof e){const t=document.querySelector(e);t&&(this.syncToOwnInput=t)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},2271:(e,t,n)=>{n.d(t,{a:()=>a,p:()=>s});var i=n(1024);const o=e=>{for((0,i.Z)()&&((0,i.R)("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,i.Z)()&&(console.log(e),(0,i.R)("↑ Search form element finished."))}return e},a=(e={})=>{var t,n;const a=o(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,i.a7)(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){(0,i.a7)(e,i.K.querySelector("form",a));const o=a;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onReset)&&(null===(n=o._on)||void 0===n||n.onReset(e))}}},s=(e={})=>{const t=o(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)(0,i.Z)()&&!1===t.noValidate&&(0,i.R)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof t.requestSubmit?t.requestSubmit():((0,i.a7)(e,t),t.dispatchEvent(e))}));else if("KOL-FORM"===t.tagName){(0,i.a7)(e,i.K.querySelector("form",t));const n=t;setTimeout((()=>{var t,i;"function"==typeof(null===(t=n._on)||void 0===t?void 0:t.onSubmit)&&(null===(i=n._on)||void 0===i||i.onSubmit(e))}))}}}},8117:(e,t,n)=>{n.d(t,{I:()=>r,g:()=>s});var i=n(1024),o=n(6251),a=n(2439);const s=e=>{var t,n;const i=Boolean("error"===(null===(t=e._msg)||void 0===t?void 0:t._type)&&e._msg._description&&(null===(n=e._msg._description)||void 0===n?void 0:n.length)>0)&&!0===e._touched,o="string"==typeof e._hint&&e._hint.length>0,a=[];return!0===i&&a.push(`${e._id}-error`),!0===o&&a.push(`${e._id}-hint`),{hasError:i,hasHint:o,ariaDescribedBy:a}};class l extends a.A{constructor(e,t,n){super(e,t,n),this.component=e}validateAlert(e){(0,i.z)(this.component,"_alert",e)}validateTouched(e){(0,i.J)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class r extends l{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){(0,i.A)(this.component,"_accessKey",e)}validateAdjustHeight(e){(0,i.M)(this.component,e)}validateDisabled(e){(0,i.z)(this.component,"_disabled",e),!0===e&&(0,i.N)()}validateError(e){const t=e?{_description:e,_type:"error"}:void 0;this.validateMsg(t)}validateHideError(e){(0,i.O)(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,i.Q)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){(0,i.P)(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,i.Q)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){(0,i.A)(this.component,"_hint",e)}validateId(e){(0,i.A)(this.component,"_id",e,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==e&&void 0!==e||(0,i.R)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(e){(0,i.S)(this.component,e,{required:!0})}validateMsg(e){(0,i.T)(this.component,e)}validateOn(e){"object"==typeof e&&(0,i.k)(this.component,"_on",e)}validateSmartButton(e){(0,i.q)(e,(()=>{try{e=(0,i.r)(e)}catch(e){}(0,i.k)(this.component,"_smartButton",e)}))}validateTabIndex(e){(0,i.U)(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),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(e){var t;this.component._alert=!0,this.component._touched=!0,(0,o.s)(e),(0,o.t)("blur",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e){var t;const n=e.target.value;(0,o.t)("change",this.host,n),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onChange)&&this.component._on.onChange(e,n),this.valueChangeListeners.forEach((e=>e(n)))}onInput(e,t=!0){var n;const i=e.target.value;(0,o.s)(e),(0,o.t)("input",this.host,i),t&&this.setFormAssociatedValue(i),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(e,i)}onClick(e){var t;(0,o.s)(e),(0,o.t)("click",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.component._alert=!0,(0,o.s)(e),(0,o.t)("focus",this.host),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}},9311:(e,t,n)=>{n.d(t,{I:()=>s});var i=n(1024),o=n(8117);const a=(e,t)=>{const n=e;"object"==typeof n&&null!==n&&((0,i.F)(n.right,1)&&(n.right={icon:n.right}),(0,i.F)(n.left,1)&&(n.left={icon:n.left}),t.set("_icons",n))};class s extends o.I{constructor(e,t,n){super(e,t,n),this.component=e}validateIcon(e){this.validateIcons(e)}validateIcons(e){(0,i.q)(e,(()=>{try{e=(0,i.r)(e)}catch(e){}(0,i.w)(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&((0,i.F)(e.left,1)||(0,i.a3)(e.left)||(0,i.F)(e.right,1)||(0,i.a3)(e.right))),new Set(["KoliBriHorizontalIcon"]),e,{hooks:{beforePatch:a},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},9744:(e,t,n)=>{n.d(t,{i:()=>a,n:()=>l,r:()=>s});var i=n(1024);const o=()=>{let e=(0,i.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,i.d)(),"KoliBri",{value:e,writable:!1})),e},a=()=>{(()=>{const e=(0,i.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,i.s)(t.includes("dev-mode=true")),(0,i.b)(t.includes("experimental-mode=true")),(0,i.c)(t.includes("color-contrast-analysis=true")))}})(),i.L.debug("\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | `--' | |) /_ ,--.--. `--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n`--' `--´ `---´ `--' `--' `------´ `--' `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.8\n\t",{forceLog:!0})},s=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let l=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(l=()=>"nonce")},6251:(e,t,n)=>{function i(e){e.stopImmediatePropagation(),e.stopPropagation()}function o(e,t,n){t&&function(e,t,n){const i=e.dispatchEvent(function(e,t){return new CustomEvent(`kol-${e}`,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}(t,n))}(t,e,n)}function a(e){e.preventDefault(),i(e)}n.d(t,{p:()=>a,s:()=>i,t:()=>o})},9918:(e,t,n)=>{n.r(t),n.d(t,{kol_input_range:()=>u});var i=n(8749),o=n(1024),a=n(9744),s=n(2271),l=n(8117),r=n(7818),d=n(9311),h=n(9440);class c extends d.I{constructor(e,t,n){super(e,t,n),this.component=e}validateAutoComplete(e){(0,o.w)(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),e)}validateMax(e){(0,o.a5)(this.component,"_max",e)}validateMin(e){(0,o.a5)(this.component,"_min",e)}validateStep(e){(0,o.a5)(this.component,"_step",e)}validateSuggestions(e){(0,o.a2)(this.component,e)}validateValue(e){(0,o.a5)(this.component,"_value",e),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMax(this.component._max),this.validateMin(this.component._min),this.validateStep(this.component._step),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const u=class{getSanitizedFloatValue(e){const t=parseFloat(e);return this.state._max&&t>this.state._max?this.state._max:this.state._min&&t<this.state._min?this.state._min:t}getValue(){return e=this,null,t=function*(){if(void 0!==this.refInputNumber){const e=this.refInputNumber.value;return this.getSanitizedFloatValue(e)}},new Promise(((n,i)=>{var o=e=>{try{s(t.next(e))}catch(e){i(e)}},a=e=>{try{s(t.throw(e))}catch(e){i(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);s((t=t.apply(e,null)).next())}));var e,t}componentDidLoad(){var e;!this._value&&(null===(e=this.refInputRange)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputRange.value))}render(){const{ariaDescribedBy:e}=(0,l.g)(this.state),t=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,o.I)(this.state._label);return(0,i.h)(i.H,{key:"81e0a09ea3c9cd1f1f7076d4f36a6197a2111ed1",class:"kol-input-range"},(0,i.h)(h.l,{key:"542b96a899c40eb826dfdd41cbe885a27a54ea4a",class:{range:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_msg:this.state._msg,_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",{key:"ccb4153647e85a245db10de9e7f711c828b26ffd",slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,i.h)(i.F,null,(0,i.h)(r.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",{key:"dd7a1b2ac15ffe9358ebad4bf3d10b87b9c747a0",slot:"input"},(0,i.h)("div",{key:"0a004152e650b40e2bb5027b10d76950c92f3a75",class:"inputs-wrapper",style:{"--kolibri-input-range--input-number--width":`${this.state._max}`.length+.5+"em"}},(0,i.h)("input",Object.assign({key:"ef2e7b8f939518f78bc4cd77fe3ec6074a183507",ref:this.catchInputRangeRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-hidden":"true",autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,list:t?`${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({key:"59465ba0bc63a8a402b3e1cec978ee7bba6f1b39",ref:this.catchInputNumberRef,title:"",accessKey:this.state._accessKey,"aria-describedby":e.length>0?e.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:t?`${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,{onKeyDown:this.onKeyDown,onChange:this.onChange}))),t&&[(0,i.h)("datalist",{key:"1eeb539a5ea03ecf288b3023e3147e58ae32d1b6",id:`${this.state._id}-list`},this.state._suggestions.map((e=>(0,i.h)("option",{value:e}))))])))}constructor(e){(0,i.r)(this,e),this.catchInputNumberRef=e=>{var t;e&&(this.refInputNumber=e,(0,o.h)(this.host,e),!this._value&&(null===(t=this.refInputNumber)||void 0===t?void 0:t.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.catchInputRangeRef=e=>{e&&(this.refInputRange=e)},this.onChange=e=>{var t,n;const i=e.target.value,o=this.getSanitizedFloatValue(i);this.validateValue(o),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onChange)&&(null===(n=this.state._on)||void 0===n||n.onChange(e,o))},this.onKeyDown=e=>{"Enter"!==e.code&&"NumpadEnter"!==e.code||(0,s.p)({form:this.host,ref:this.refInputNumber})},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._msg=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,"range",this.host)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateAutoComplete(e){this.controller.validateAutoComplete(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMax(e){this.controller.validateMax(e)}validateMin(e){this.controller.validateMin(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateStep(e){this.controller.validateStep(e)}validateSuggestions(e){this.controller.validateSuggestions(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}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"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n /* Visible with forced colors */\n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .inputs-wrapper {\n align-items: center;\n display: flex;\n flex-direction: row;\n }\n input[type=number] {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: var(--kolibri-input-range--input-number--width);\n }\n /*\n * For Chrome and Firefox is it needed to use redundant style definitions with separate selectors. The reason is unknown.\n */\n input[type=range] {\n appearance: none;\n background-color: #d3d3d3;\n border: 1px solid #000;\n display: inline-block;\n flex-grow: 1;\n height: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5em;\n padding: 0;\n margin: 0;\n /* Design-Hack - related with flex-grow */\n width: 0;\n }\n input[type=range]::-webkit-slider-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -webkit-appearance: none;\n }\n input[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -moz-appearance: none;\n }\n}\n/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */\n@media (prefers-contrast: more) {\n ::-webkit-slider-thumb {\n outline: 1px solid currentColor;\n }\n}"}}}]);