npm - @public-ui/components - Versions diffs - 3.1.0-rc.0 → 3.1.0-rc.1 - Mend

@public-ui/components 3.1.0-rc.0 → 3.1.0-rc.1

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 (355) hide show

package/dist/kolibri/kol-icon.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,H as e,r as o}from"./index-BuVNvMVh.js";import{e as c}from"./common-Dd0zJQbD.js";import{v as t}from"./label-Dnmzb2S_.js";import{c as r}from"./clsx-eK3rPvPS.js";import{a as b,b as i}from"./bem-BBRwGb1a.js";import"./browser-DiRe0qUf.js";class d{constructor(n){this.component=n}validateIcons(n){c(this.component,"_icons",n,{required:!0})}validateLabel(n){t(this.component,n,{required:!0,defaultValue:""})}componentWillLoad(){this.validateIcons(this.component._icons),this.validateLabel(this.component._label)}}const f='/* forward the rem function */\n/*---------------------------------------------------------------------------------------------\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?be64b7213e352cd7f91ef58198e71237") 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-git-pull-request-label: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-terminal-decoration-success: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-circle:before {\n  content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n  content: "\\eabc";\n}\n\n.codicon-terminal-decoration-incomplete: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-diff-sidebyside: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-git-pull-request-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-terminal-decoration-mark: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-git-pull-request-reviewer: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-git-pull-request-assignee: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:before {\n  content: "\\ebb5";\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-terminal-decoration-error: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-horizontal:before {\n  content: "\\ec05";\n}\n\n.codicon-fold-horizontal:before {\n  content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-map-horizontal-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-fold-horizontal-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.codicon-search-fuzzy:before {\n  content: "\\ec0d";\n}\n\n.codicon-comment-draft:before {\n  content: "\\ec0e";\n}\n\n.codicon-send:before {\n  content: "\\ec0f";\n}\n\n.codicon-sparkle:before {\n  content: "\\ec10";\n}\n\n.codicon-insert:before {\n  content: "\\ec11";\n}\n\n.codicon-mic:before {\n  content: "\\ec12";\n}\n\n.codicon-thumbsdown-filled:before {\n  content: "\\ec13";\n}\n\n.codicon-thumbsup-filled:before {\n  content: "\\ec14";\n}\n\n.codicon-coffee:before {\n  content: "\\ec15";\n}\n\n.codicon-snake:before {\n  content: "\\ec16";\n}\n\n.codicon-game:before {\n  content: "\\ec17";\n}\n\n.codicon-vr:before {\n  content: "\\ec18";\n}\n\n.codicon-chip:before {\n  content: "\\ec19";\n}\n\n.codicon-piano:before {\n  content: "\\ec1a";\n}\n\n.codicon-music:before {\n  content: "\\ec1b";\n}\n\n.codicon-mic-filled:before {\n  content: "\\ec1c";\n}\n\n.codicon-repo-fetch:before {\n  content: "\\ec1d";\n}\n\n.codicon-copilot:before {\n  content: "\\ec1e";\n}\n\n.codicon-lightbulb-sparkle:before {\n  content: "\\ec1f";\n}\n\n.codicon-robot:before {\n  content: "\\ec20";\n}\n\n.codicon-sparkle-filled:before {\n  content: "\\ec21";\n}\n\n.codicon-diff-single:before {\n  content: "\\ec22";\n}\n\n.codicon-diff-multiple:before {\n  content: "\\ec23";\n}\n\n.codicon-surround-with:before {\n  content: "\\ec24";\n}\n\n.codicon-share:before {\n  content: "\\ec25";\n}\n\n.codicon-git-stash:before {\n  content: "\\ec26";\n}\n\n.codicon-git-stash-apply:before {\n  content: "\\ec27";\n}\n\n.codicon-git-stash-pop:before {\n  content: "\\ec28";\n}\n\n.codicon-vscode:before {\n  content: "\\ec29";\n}\n\n.codicon-vscode-insiders:before {\n  content: "\\ec2a";\n}\n\n.codicon-code-oss:before {\n  content: "\\ec2b";\n}\n\n.codicon-run-coverage:before {\n  content: "\\ec2c";\n}\n\n.codicon-run-all-coverage:before {\n  content: "\\ec2d";\n}\n\n.codicon-coverage:before {\n  content: "\\ec2e";\n}\n\n.codicon-github-project:before {\n  content: "\\ec2f";\n}\n\n.codicon-map-vertical:before {\n  content: "\\ec30";\n}\n\n.codicon-fold-vertical:before {\n  content: "\\ec30";\n}\n\n.codicon-map-vertical-filled:before {\n  content: "\\ec31";\n}\n\n.codicon-fold-vertical-filled:before {\n  content: "\\ec31";\n}\n\n.codicon-go-to-search:before {\n  content: "\\ec32";\n}\n\n.codicon-percentage:before {\n  content: "\\ec33";\n}\n\n.codicon-sort-percentage:before {\n  content: "\\ec33";\n}\n\n.codicon-attach:before {\n  content: "\\ec34";\n}\n\n.codicon-go-to-editing-session:before {\n  content: "\\ec35";\n}\n\n.codicon-edit-session:before {\n  content: "\\ec36";\n}\n\n.codicon-code-review:before {\n  content: "\\ec37";\n}\n\n.codicon-copilot-warning:before {\n  content: "\\ec38";\n}\n\n.codicon-python:before {\n  content: "\\ec39";\n}\n\n.codicon-git-fetch:before {\n  content: "\\f101";\n}\n\n@layer kol-component {\n  /* :host implicitly inherits font-size, see below */\n  :host {\n    color: inherit;\n    display: contents;\n    font-size: inherit;\n    line-height: inherit;\n  }\n  /* this rules overwrites the fixed font size from codicon */\n  :host > i,\n  :host > i::before {\n    font-size: inherit !important;\n  }\n}',a=class{render(){const o=this.state._label.length>0;return n(e,{key:"1d404ac575f51e991fa96b73f35f4ef316bac5a7",exportparts:"icon",class:b},n("i",{key:"d0aecc870582de3a0a0ea66a920240400878ed02","aria-hidden":o?void 0:"true","aria-label":o?this.state._label:void 0,class:r(i,this.state._icons),part:"icon",role:o?"img":"presentation"}))}constructor(n){o(this,n),this.state={_icons:"codicon codicon-home",_label:""},this.controller=new d(this)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}componentWillLoad(){this.controller.componentWillLoad()}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};a.style={default:f};export{a as kol_icon};
+import{h as n,H as e,r as o}from"./index-DuOiqRzT.js";import{e as c}from"./common-Dd0zJQbD.js";import{v as t}from"./label-Dnmzb2S_.js";import{c as r}from"./clsx-eK3rPvPS.js";import{a as b,b as i}from"./bem-BBRwGb1a.js";import"./browser-DiRe0qUf.js";class d{constructor(n){this.component=n}validateIcons(n){c(this.component,"_icons",n,{required:!0})}validateLabel(n){t(this.component,n,{required:!0,defaultValue:""})}componentWillLoad(){this.validateIcons(this.component._icons),this.validateLabel(this.component._label)}}const f='/* forward the rem function */\n/*---------------------------------------------------------------------------------------------\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?be64b7213e352cd7f91ef58198e71237") 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-git-pull-request-label: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-terminal-decoration-success: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-circle:before {\n  content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n  content: "\\eabc";\n}\n\n.codicon-terminal-decoration-incomplete: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-diff-sidebyside: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-git-pull-request-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-terminal-decoration-mark: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-git-pull-request-reviewer: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-git-pull-request-assignee: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:before {\n  content: "\\ebb5";\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-terminal-decoration-error: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-horizontal:before {\n  content: "\\ec05";\n}\n\n.codicon-fold-horizontal:before {\n  content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-map-horizontal-filled:before {\n  content: "\\ec06";\n}\n\n.codicon-fold-horizontal-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.codicon-search-fuzzy:before {\n  content: "\\ec0d";\n}\n\n.codicon-comment-draft:before {\n  content: "\\ec0e";\n}\n\n.codicon-send:before {\n  content: "\\ec0f";\n}\n\n.codicon-sparkle:before {\n  content: "\\ec10";\n}\n\n.codicon-insert:before {\n  content: "\\ec11";\n}\n\n.codicon-mic:before {\n  content: "\\ec12";\n}\n\n.codicon-thumbsdown-filled:before {\n  content: "\\ec13";\n}\n\n.codicon-thumbsup-filled:before {\n  content: "\\ec14";\n}\n\n.codicon-coffee:before {\n  content: "\\ec15";\n}\n\n.codicon-snake:before {\n  content: "\\ec16";\n}\n\n.codicon-game:before {\n  content: "\\ec17";\n}\n\n.codicon-vr:before {\n  content: "\\ec18";\n}\n\n.codicon-chip:before {\n  content: "\\ec19";\n}\n\n.codicon-piano:before {\n  content: "\\ec1a";\n}\n\n.codicon-music:before {\n  content: "\\ec1b";\n}\n\n.codicon-mic-filled:before {\n  content: "\\ec1c";\n}\n\n.codicon-repo-fetch:before {\n  content: "\\ec1d";\n}\n\n.codicon-copilot:before {\n  content: "\\ec1e";\n}\n\n.codicon-lightbulb-sparkle:before {\n  content: "\\ec1f";\n}\n\n.codicon-robot:before {\n  content: "\\ec20";\n}\n\n.codicon-sparkle-filled:before {\n  content: "\\ec21";\n}\n\n.codicon-diff-single:before {\n  content: "\\ec22";\n}\n\n.codicon-diff-multiple:before {\n  content: "\\ec23";\n}\n\n.codicon-surround-with:before {\n  content: "\\ec24";\n}\n\n.codicon-share:before {\n  content: "\\ec25";\n}\n\n.codicon-git-stash:before {\n  content: "\\ec26";\n}\n\n.codicon-git-stash-apply:before {\n  content: "\\ec27";\n}\n\n.codicon-git-stash-pop:before {\n  content: "\\ec28";\n}\n\n.codicon-vscode:before {\n  content: "\\ec29";\n}\n\n.codicon-vscode-insiders:before {\n  content: "\\ec2a";\n}\n\n.codicon-code-oss:before {\n  content: "\\ec2b";\n}\n\n.codicon-run-coverage:before {\n  content: "\\ec2c";\n}\n\n.codicon-run-all-coverage:before {\n  content: "\\ec2d";\n}\n\n.codicon-coverage:before {\n  content: "\\ec2e";\n}\n\n.codicon-github-project:before {\n  content: "\\ec2f";\n}\n\n.codicon-map-vertical:before {\n  content: "\\ec30";\n}\n\n.codicon-fold-vertical:before {\n  content: "\\ec30";\n}\n\n.codicon-map-vertical-filled:before {\n  content: "\\ec31";\n}\n\n.codicon-fold-vertical-filled:before {\n  content: "\\ec31";\n}\n\n.codicon-go-to-search:before {\n  content: "\\ec32";\n}\n\n.codicon-percentage:before {\n  content: "\\ec33";\n}\n\n.codicon-sort-percentage:before {\n  content: "\\ec33";\n}\n\n.codicon-attach:before {\n  content: "\\ec34";\n}\n\n.codicon-go-to-editing-session:before {\n  content: "\\ec35";\n}\n\n.codicon-edit-session:before {\n  content: "\\ec36";\n}\n\n.codicon-code-review:before {\n  content: "\\ec37";\n}\n\n.codicon-copilot-warning:before {\n  content: "\\ec38";\n}\n\n.codicon-python:before {\n  content: "\\ec39";\n}\n\n.codicon-git-fetch:before {\n  content: "\\f101";\n}\n\n@layer kol-component {\n  /* :host implicitly inherits font-size, see below */\n  :host {\n    color: inherit;\n    display: contents;\n    font-size: inherit;\n    line-height: inherit;\n  }\n  /* this rules overwrites the fixed font size from codicon */\n  :host > i,\n  :host > i::before {\n    font-size: inherit !important;\n  }\n}',a=class{render(){const o=this.state._label.length>0;return n(e,{key:"1d404ac575f51e991fa96b73f35f4ef316bac5a7",exportparts:"icon",class:b},n("i",{key:"d0aecc870582de3a0a0ea66a920240400878ed02","aria-hidden":o?void 0:"true","aria-label":o?this.state._label:void 0,class:r(i,this.state._icons),part:"icon",role:o?"img":"presentation"}))}constructor(n){o(this,n),this.state={_icons:"codicon codicon-home",_label:""},this.controller=new d(this)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}componentWillLoad(){this.controller.componentWillLoad()}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};a.style={default:f};export{a as kol_icon};

package/dist/kolibri/kol-image.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-BuVNvMVh.js";import{e as t,w as i}from"./common-Dd0zJQbD.js";import{v as o}from"./image-source-BfBEJ0rX.js";const a=(n,e,i={})=>{t(n,"_alt",e,i)},l=(n,e,i={})=>{t(n,"_sizes",e,i)},s=(n,e,i={})=>{t(n,"_srcset",e,i)},r=["eager","lazy"];function d(n,e){i(n,"_loading",n=>"string"==typeof n&&r.includes(n),new Set(r),e)}const h="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-image {\n    display: inline-block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n}",c=class{constructor(e){n(this,e),this._loading="lazy",this.state={_alt:"",_loading:"lazy",_src:""}}validateAlt(n){a(this,n,{required:!0})}validateLoading(n){d(this,n)}validateSizes(n){l(this,n)}validateSrc(n){o(this,n,{required:!0})}validateSrcset(n){s(this,n)}componentWillLoad(){this.validateAlt(this._alt),this.validateLoading(this._loading),this.validateSizes(this._sizes),this.validateSrc(this._src),this.validateSrcset(this._srcset)}render(){return e("img",{key:"cca1e1b65e9aab11b4c15bea394d6c54ead1a123",class:"kol-image",alt:this.state._alt,loading:this.state._loading,sizes:this.state._sizes,src:this.state._src,srcset:this.state._srcset})}static get watchers(){return{_alt:["validateAlt"],_loading:["validateLoading"],_sizes:["validateSizes"],_src:["validateSrc"],_srcset:["validateSrcset"]}}};c.style={default:h};export{c as kol_image};
+import{r as n,h as e}from"./index-DuOiqRzT.js";import{e as t,w as i}from"./common-Dd0zJQbD.js";import{v as o}from"./image-source-BfBEJ0rX.js";const a=(n,e,i={})=>{t(n,"_alt",e,i)},l=(n,e,i={})=>{t(n,"_sizes",e,i)},s=(n,e,i={})=>{t(n,"_srcset",e,i)},r=["eager","lazy"];function d(n,e){i(n,"_loading",n=>"string"==typeof n&&r.includes(n),new Set(r),e)}const h="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-image {\n    display: inline-block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n}",c=class{constructor(e){n(this,e),this._loading="lazy",this.state={_alt:"",_loading:"lazy",_src:""}}validateAlt(n){a(this,n,{required:!0})}validateLoading(n){d(this,n)}validateSizes(n){l(this,n)}validateSrc(n){o(this,n,{required:!0})}validateSrcset(n){s(this,n)}componentWillLoad(){this.validateAlt(this._alt),this.validateLoading(this._loading),this.validateSizes(this._sizes),this.validateSrc(this._src),this.validateSrcset(this._srcset)}render(){return e("img",{key:"cca1e1b65e9aab11b4c15bea394d6c54ead1a123",class:"kol-image",alt:this.state._alt,loading:this.state._loading,sizes:this.state._sizes,src:this.state._src,srcset:this.state._srcset})}static get watchers(){return{_alt:["validateAlt"],_loading:["validateLoading"],_sizes:["validateSizes"],_src:["validateSrc"],_srcset:["validateSrcset"]}}};c.style={default:h};export{c as kol_image};

package/dist/kolibri/kol-input-checkbox.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-BuVNvMVh.js";import{c as i}from"./clsx-eK3rPvPS.js";import{n as o}from"./dev.utils-Bl9mUZR6.js";import{d as l,w as a,s,g as r}from"./common-Dd0zJQbD.js";import{I as c}from"./controller-XsiwUqFk.js";import{_ as d}from"./tslib.es6-CxX45GIN.js";import{c as h,g as p,F as m}from"./FormFieldStateWrapper-Bs6adxNw.js";import{K as u}from"./Icon-qDQ9VVcv.js";import{I as f}from"./Input-WOVJOXlM.js";import{F as b}from"./FieldControlStateWrapper-BQEssIZt.js";import{p as k}from"./controller-CM5wW8Ij.js";import"./label-Dnmzb2S_.js";import"./required-CnTTpFCN.js";import"./orientation-eCMt8CD1.js";import"./access-and-short-key-B37XLwy2.js";import"./disabled-BhpAFgSp.js";import"./hide-label-B9FhGrWP.js";import"./tooltip-align-Cnin7S26.js";import"./align-D-ifSKu8.js";import"./events-9-skLO0f.js";import"./associated.controller-B9GDDaFL.js";import"./bootstrap-DcyDkVEo.js";import"./component-names-C3fyby67.js";import"./i18n-CfLoIZ8T.js";import"./isObject-DvSELytj.js";import"./reuse-CX4AQDkS.js";import"./i18n-LBpyQ66X.js";import"./InternalUnderlinedBadgeText-CNjTZsLo.js";import"./Alert-DFxK42_b.js";import"./bem-C27SfH6w.js";import"./browser-DiRe0qUf.js";import"./Heading-DqCQ4tvo.js";const v=(e,n)=>{l(e,"_checked",n)},g=(e,n)=>{l(e,"_indeterminate",n)},y=["left","right"],_=(e,n)=>{a(e,"_labelAlign",e=>"string"==typeof e&&y.includes(e),new Set([`KoliBriLabelAlign {${y.join(", ")}`]),n)},x=["button","default","switch"],w=e=>"string"==typeof e&&x.includes(e),j=(e,n)=>{a(e,"_variant",w,new Set(x),n)};class z extends c{constructor(e,n,t){super(e,n,t),this.setFormAssociatedCheckboxValue=e=>{this.component._checked?this.setFormAssociatedValue(e):this.setFormAssociatedValue(null)},this.component=e}validateChecked(e){v(this.component,e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(e){a(this.component,"_icons",e=>{const n=e;return"object"==typeof n&&null!==n&&(r(n.checked,1)||r(n.indeterminate,1)||r(n.unchecked,1))},new Set(["InputCheckboxIcons"]),e,{hooks:{beforePatch:(e,n,t)=>{n.set("_icons",Object.assign(Object.assign({},t.state._icons),e))}}})}validateIndeterminate(e){g(this.component,e)}validateLabelAlign(e){_(this.component,e)}validateValue(e){s(this.component,"_value",e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(e){j(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const S=e=>{var{class:t}=e,o=d(e,["class"]);return n(u,Object.assign({class:i("kol-checkbox__icon",t)},o))},C=e=>{var{class:t}=e,o=d(e,["class"]);return n(f,Object.assign({class:i("kol-checkbox__input",t)},o,{type:"checkbox"}))},B=e=>{var t,{class:o,variant:a="default",icon:l,inputProps:r}=e,s=d(e,["class","variant","icon","inputProps"]);const c=h(null==r?void 0:r.msg,null==r?void 0:r.touched),m="string"==typeof(null==r?void 0:r.msg)?"error":null===(t=null==r?void 0:r.msg)||void 0===t?void 0:t._type,u={[`kol-checkbox--variant-${a}`]:!0,"kol-checkbox--checked":null==r?void 0:r.checked,"kol-checkbox--indeterminate":null==r?void 0:r.indeterminate,"kol-checkbox--disabled":Boolean(null==r?void 0:r.disabled),"kol-checkbox--required":Boolean(null==r?void 0:r.required),"kol-checkbox--touched":Boolean(null==r?void 0:r.touched),[`kol-checkbox--${m||"error"}`]:Boolean(c)};return n("label",Object.assign({class:i("kol-checkbox",u,o)},s),n(S,{label:"",icons:l}),n(C,Object.assign({},r)))};function T(e,n={}){const{ariaDescribedBy:t}=p(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_required"in e&&(i.required=e._required),"_checked"in e&&(i.checked=e._checked),"_indeterminate"in e&&(i.indeterminate=e._indeterminate),"_touched"in e&&(i.touched=e._touched),"_msg"in e&&(i.msg=e._msg),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),Object.assign(Object.assign({},i),n)}const L=e=>{var{state:t,inputProps:i}=e,o=d(e,["state","inputProps"]);const a=(null==t?void 0:t._variant)||"default";return n(B,Object.assign({variant:a,inputProps:T(t,i)},o))},A='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__label-text::after {\n    content: "";\n  }\n  .kol-field-control__tooltip .span-label::after {\n    content: "";\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*";\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    content: "*";\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-checkbox {\n    display: flex;\n    position: relative;\n    align-items: center;\n    cursor: pointer;\n  }\n  .kol-checkbox--disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input {\n    background-color: #fff;\n    border-style: solid;\n    margin: 0;\n    border-width: 2px;\n    appearance: none;\n    cursor: inherit;\n  }\n  .kol-checkbox .kol-input:before {\n    content: "";\n  }\n  /**\n   * Variant: Checkbox\n   */\n  .kol-checkbox--variant-default {\n    position: relative;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    display: flex;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n    pointer-events: none;\n  }\n  .kol-checkbox--variant-default .kol-icon::part(icon) {\n    display: none;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    width: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon::part(icon), .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon::part(icon) {\n    display: block;\n  }\n  /**\n   * Variant: Switch\n   */\n  .kol-checkbox--variant-switch {\n    position: relative;\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: inline-block;\n    position: relative;\n    width: 3.2em;\n    min-width: 3.2em;\n    height: 1.7em;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: #000;\n    position: absolute;\n    top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    width: 1.2em;\n    height: 1.2em;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(1.5em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    transform: translate(0, -50%);\n    color: #000;\n    display: flex;\n    position: absolute;\n    top: 50%;\n    left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    width: 1.2em;\n    height: 1.2em;\n    align-items: center;\n    justify-content: center;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(1.5em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(0.75em, -50%);\n  }\n  /**\n   * Variant: Button\n   */\n  .kol-checkbox--variant-button {\n    width: var(--a11y-min-size);\n  }\n  .kol-checkbox--variant-button .kol-icon {\n    display: flex;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n}',I=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(){var e;return Promise.resolve(null===(e=this.inputRef)||void 0===e?void 0:e.focus())}async kolFocus(){return this.focus()}getFormFieldProps(){return{state:this.state,class:i("kol-input-checkbox",{"kol-input-checkbox--checked":this.state._checked,"kol-input-checkbox--indeterminate":this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:!0,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:!0}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),renderNoTooltip:!0}}getFieldControlProps(){return{class:i("kol-input-checkbox__field-control",{"kol-input-checkbox__field-control--checked":this.state._checked,"kol-input-checkbox__field-control--indeterminate":this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:!0}),state:this.state}}getInputProps(){return{state:this.state,icon:this.getIcon(),inputProps:Object.assign(Object.assign({class:i({"visually-hidden":"button"===this.state._variant}),ref:this.catchRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onKeyDown:this.onKeyDown.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},onClick:void 0})}}getIcon(){return this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked}render(){return n(m,Object.assign({key:"cc0ffae3ec39155469c69de197ded8237de408ba"},this.getFormFieldProps(),{renderNoLabel:!0}),n(b,Object.assign({key:"44e9e3efa2ead54cac40be2247c5a01c29927f74"},this.getFieldControlProps(),{renderNoHint:!0}),n(L,Object.assign({key:"add2135c5daca032c59c192cb59c45422c453914"},this.getInputProps()))))}constructor(n){e(this,n),this.catchRef=e=>{this.inputRef=e},this._checked=!1,this._hideMsg=!1,this._disabled=!1,this._hideLabel=!1,this._hint="",this._labelAlign="right",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideMsg:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${o()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.inputHasFocus=!1,this.onInput=e=>{this._checked=!this._checked,this._indeterminate=!1;const n=this.getModelValue();this.controller.onFacade.onInput(e,!1,n),this.controller.setFormAssociatedCheckboxValue(n)},this.onChange=e=>{this.controller.onFacade.onChange(e,this.getModelValue())},this.onKeyDown=e=>{this.controller.onFacade.onKeyDown(e),"Enter"!==e.code&&"NumpadEnter"!==e.code||k({form:this.host})},this.controller=new z(this,"checkbox",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(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)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};I.style={default:A};export{I as kol_input_checkbox};
+import{h as n,r as e,g as t}from"./index-DuOiqRzT.js";import{c as i}from"./clsx-eK3rPvPS.js";import{n as o}from"./dev.utils-1ts_3yRe.js";import{d as l,w as a,s as r,g as s}from"./common-Dd0zJQbD.js";import{I as c}from"./controller-YU3DJWZU.js";import{_ as d}from"./tslib.es6-CxX45GIN.js";import{c as h,g as p,F as m}from"./FormFieldStateWrapper-CMVWsf1s.js";import{K as u}from"./Icon-R0rZZbtD.js";import{I as f}from"./Input-Dc432kZ2.js";import{F as b}from"./FieldControlStateWrapper-Dwn9ilVO.js";import{p as k}from"./controller-CM5wW8Ij.js";import"./label-Dnmzb2S_.js";import"./required-CnTTpFCN.js";import"./orientation-eCMt8CD1.js";import"./access-and-short-key-B37XLwy2.js";import"./disabled-BhpAFgSp.js";import"./hide-label-B9FhGrWP.js";import"./tooltip-align-Cnin7S26.js";import"./align-D-ifSKu8.js";import"./events-9-skLO0f.js";import"./associated.controller-B9GDDaFL.js";import"./bootstrap-DcyDkVEo.js";import"./component-names-C3fyby67.js";import"./i18n-CfLoIZ8T.js";import"./isObject-DvSELytj.js";import"./reuse-CX4AQDkS.js";import"./i18n-LBpyQ66X.js";import"./InternalUnderlinedBadgeText-CQHhXGXt.js";import"./Alert-DZ3Qvmx3.js";import"./bem-Dj4gWVFO.js";import"./browser-DiRe0qUf.js";import"./Heading-CLE-Js8a.js";const v=(e,n)=>{l(e,"_checked",n)},g=(e,n)=>{l(e,"_indeterminate",n)},y=["left","right"],_=(e,n)=>{a(e,"_labelAlign",e=>"string"==typeof e&&y.includes(e),new Set([`KoliBriLabelAlign {${y.join(", ")}`]),n)},x=["button","default","switch"],w=e=>"string"==typeof e&&x.includes(e),j=(e,n)=>{a(e,"_variant",w,new Set(x),n)};class z extends c{constructor(e,n,t){super(e,n,t),this.setFormAssociatedCheckboxValue=e=>{this.component._checked?this.setFormAssociatedValue(e):this.setFormAssociatedValue(null)},this.component=e}validateChecked(e){v(this.component,e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(e){a(this.component,"_icons",e=>{const n=e;return"object"==typeof n&&null!==n&&(s(n.checked,1)||s(n.indeterminate,1)||s(n.unchecked,1))},new Set(["InputCheckboxIcons"]),e,{hooks:{beforePatch:(e,n,t)=>{n.set("_icons",Object.assign(Object.assign({},t.state._icons),e))}}})}validateIndeterminate(e){g(this.component,e)}validateLabelAlign(e){_(this.component,e)}validateValue(e){r(this.component,"_value",e),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(e){j(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const S=e=>{var{class:t}=e,o=d(e,["class"]);return n(u,Object.assign({class:i("kol-checkbox__icon",t)},o))},C=e=>{var{class:t}=e,o=d(e,["class"]);return n(f,Object.assign({class:i("kol-checkbox__input",t)},o,{type:"checkbox"}))},D=e=>{var t,{class:o,variant:a="default",icon:l,inputProps:s}=e,r=d(e,["class","variant","icon","inputProps"]);const c=h(null==s?void 0:s.msg,null==s?void 0:s.touched),m="string"==typeof(null==s?void 0:s.msg)?"error":null===(t=null==s?void 0:s.msg)||void 0===t?void 0:t._type,u={[`kol-checkbox--variant-${a}`]:!0,"kol-checkbox--checked":null==s?void 0:s.checked,"kol-checkbox--indeterminate":null==s?void 0:s.indeterminate,"kol-checkbox--disabled":Boolean(null==s?void 0:s.disabled),"kol-checkbox--required":Boolean(null==s?void 0:s.required),"kol-checkbox--touched":Boolean(null==s?void 0:s.touched),[`kol-checkbox--${m||"error"}`]:Boolean(c)};return n("label",Object.assign({class:i("kol-checkbox",u,o)},r),n(S,{label:"",icons:l}),n(C,Object.assign({},s)))};function T(e,n={}){const{ariaDescribedBy:t}=p(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_required"in e&&(i.required=e._required),"_checked"in e&&(i.checked=e._checked),"_indeterminate"in e&&(i.indeterminate=e._indeterminate),"_touched"in e&&(i.touched=e._touched),"_msg"in e&&(i.msg=e._msg),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),Object.assign(Object.assign({},i),n)}const L=e=>{var{state:t,inputProps:i}=e,o=d(e,["state","inputProps"]);const a=(null==t?void 0:t._variant)||"default";return n(D,Object.assign({variant:a,inputProps:T(t,i)},o))},A='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__label-text::after {\n    content: "";\n  }\n  .kol-field-control__tooltip .span-label::after {\n    content: "";\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*";\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    content: "*";\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-checkbox {\n    display: flex;\n    position: relative;\n    align-items: center;\n    cursor: pointer;\n  }\n  .kol-checkbox--disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input {\n    background-color: #fff;\n    border-style: solid;\n    margin: 0;\n    border-width: 2px;\n    appearance: none;\n    cursor: inherit;\n  }\n  .kol-checkbox .kol-input:before {\n    content: "";\n  }\n  /**\n   * Variant: Checkbox\n   */\n  .kol-checkbox--variant-default {\n    position: relative;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    justify-content: center;\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    display: flex;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n    pointer-events: none;\n  }\n  .kol-checkbox--variant-default .kol-icon::part(icon) {\n    display: none;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    width: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(22 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon::part(icon), .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon::part(icon) {\n    display: block;\n  }\n  /**\n   * Variant: Switch\n   */\n  .kol-checkbox--variant-switch {\n    position: relative;\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: inline-block;\n    position: relative;\n    width: 3.2em;\n    min-width: 3.2em;\n    height: 1.7em;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: #000;\n    position: absolute;\n    top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16));\n    width: 1.2em;\n    height: 1.2em;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(1.5em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(0.75em);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    transform: translate(0, -50%);\n    color: #000;\n    display: flex;\n    position: absolute;\n    top: 50%;\n    left: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    width: 1.2em;\n    height: 1.2em;\n    align-items: center;\n    justify-content: center;\n    transition: 0.5s;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(1.5em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(0.75em, -50%);\n  }\n  /**\n   * Variant: Button\n   */\n  .kol-checkbox--variant-button {\n    width: var(--a11y-min-size);\n  }\n  .kol-checkbox--variant-button .kol-icon {\n    display: flex;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n  }\n}',B=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async focus(){var e;return Promise.resolve(null===(e=this.inputRef)||void 0===e?void 0:e.focus())}async kolFocus(){return this.focus()}getFormFieldProps(){return{state:this.state,class:i("kol-input-checkbox",{"kol-input-checkbox--checked":this.state._checked,"kol-input-checkbox--indeterminate":this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:!0,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:!0}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),renderNoTooltip:!0}}getFieldControlProps(){return{class:i("kol-input-checkbox__field-control",{"kol-input-checkbox__field-control--checked":this.state._checked,"kol-input-checkbox__field-control--indeterminate":this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:!0}),state:this.state}}getInputProps(){return{state:this.state,icon:this.getIcon(),inputProps:Object.assign(Object.assign({class:i({"visually-hidden":"button"===this.state._variant}),ref:this.catchRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onKeyDown:this.onKeyDown.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},onClick:void 0})}}getIcon(){return this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked}render(){return n(m,Object.assign({key:"cc0ffae3ec39155469c69de197ded8237de408ba"},this.getFormFieldProps(),{renderNoLabel:!0}),n(b,Object.assign({key:"44e9e3efa2ead54cac40be2247c5a01c29927f74"},this.getFieldControlProps(),{renderNoHint:!0}),n(L,Object.assign({key:"add2135c5daca032c59c192cb59c45422c453914"},this.getInputProps()))))}constructor(n){e(this,n),this.catchRef=e=>{this.inputRef=e},this._checked=!1,this._hideMsg=!1,this._disabled=!1,this._hideLabel=!1,this._hint="",this._labelAlign="right",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideMsg:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${o()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.inputHasFocus=!1,this.onInput=e=>{this._checked=!this._checked,this._indeterminate=!1;const n=this.getModelValue();this.controller.onFacade.onInput(e,!1,n),this.controller.setFormAssociatedCheckboxValue(n)},this.onChange=e=>{this.controller.onFacade.onChange(e,this.getModelValue())},this.onKeyDown=e=>{this.controller.onFacade.onKeyDown(e),"Enter"!==e.code&&"NumpadEnter"!==e.code||k({form:this.host})},this.controller=new z(this,"checkbox",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(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)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};B.style={default:A};export{B as kol_input_checkbox};

package/dist/kolibri/kol-input-checkbox.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["h","registerInstance","getElement","clsx","nonce","watchBoolean","watchValidator","setState","isString","InputCheckboxRadioController","__rest","checkHasMsg","getRenderStates","FormFieldStateWrapper","KolIconFc","InputFc","FieldControlStateWrapper","propagateSubmitEventToForm","validateChecked","component","value","validateIndeterminate","labelAlignPropTypeOptions","validateLabelAlign","includes","Set","join","inputCheckboxVariantOptions","isInputCheckboxVariantPropType","validateVariantInputCheckbox","InputCheckboxController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateIcons","v","checked","indeterminate","unchecked","hooks","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateValue","validateVariant","componentWillLoad","_indeterminate","_variant","_labelAlign","IconWrapperFc","_a","class","classNames","other","InputWrapperFc","type","CheckboxFc","_b","variant","icon","inputProps","showMsg","msg","touched","msgType","_type","cssVariants","Boolean","disabled","required","label","icons","getCheckboxProps","ariaDescribedBy","props","id","_id","hideLabel","_hideLabel","_label","accessKey","_accessKey","_disabled","_name","_required","_touched","_msg","_shortKey","CheckboxStateWrapper","defaultStyleCss","KolInputCheckbox","getModelValue","getValue","focus","Promise","resolve","inputRef","kolFocus","getFormFieldProps","tooltipAlign","_tooltipAlign","alert","showAsAlert","renderNoTooltip","getFieldControlProps","getInputProps","getIcon","ref","catchRef","controller","onFacade","onInput","onChange","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","onClick","undefined","render","key","renderNoLabel","renderNoHint","hostRef","_hideMsg","_hint","code","form","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateId","validateLabel","validateMsg","validateName","validateOn","validateRequired","validateShortKey","validateSyncValueBySelector","validateTouched","watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["h","registerInstance","getElement","clsx","nonce","watchBoolean","watchValidator","setState","isString","InputCheckboxRadioController","__rest","checkHasMsg","getRenderStates","FormFieldStateWrapper","KolIconFc","InputFc","FieldControlStateWrapper","propagateSubmitEventToForm","validateChecked","component","value","validateIndeterminate","labelAlignPropTypeOptions","validateLabelAlign","includes","Set","join","inputCheckboxVariantOptions","isInputCheckboxVariantPropType","validateVariantInputCheckbox","InputCheckboxController","constructor","name","host","super","this","setFormAssociatedCheckboxValue","_checked","setFormAssociatedValue","state","_value","validateIcons","v","checked","indeterminate","unchecked","hooks","beforePatch","nextValue","nextState","set","Object","assign","_icons","validateValue","validateVariant","componentWillLoad","_indeterminate","_variant","_labelAlign","IconWrapperFc","_a","class","classNames","other","InputWrapperFc","type","CheckboxFc","_b","variant","icon","inputProps","showMsg","msg","touched","msgType","_type","cssVariants","Boolean","disabled","required","label","icons","getCheckboxProps","ariaDescribedBy","props","id","_id","hideLabel","_hideLabel","_label","accessKey","_accessKey","_disabled","_name","_required","_touched","_msg","_shortKey","CheckboxStateWrapper","defaultStyleCss","KolInputCheckbox","getModelValue","getValue","focus","Promise","resolve","inputRef","kolFocus","getFormFieldProps","tooltipAlign","_tooltipAlign","alert","showAsAlert","renderNoTooltip","getFieldControlProps","getInputProps","getIcon","ref","catchRef","controller","onFacade","onInput","onChange","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","onClick","undefined","render","key","renderNoLabel","renderNoHint","hostRef","_hideMsg","_hint","code","form","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateId","validateLabel","validateMsg","validateName","validateOn","validateRequired","validateShortKey","validateSyncValueBySelector","validateTouched","watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-input-color.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as t,g as e}from"./index-BuVNvMVh.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{F as o}from"./FormFieldStateWrapper-Bs6adxNw.js";import{I as a,a as s}from"./controller-icon-s2Mrr-X3.js";import{I as l}from"./InputStateWrapper-C9u4kUR_.js";import{n as r}from"./dev.utils-Bl9mUZR6.js";import{e as d}from"./common-Dd0zJQbD.js";import{v as c}from"./auto-complete-mCkUnxg2.js";import{v as h}from"./suggestions-B-jLvT4L.js";import"./access-and-short-key-B37XLwy2.js";import"./disabled-BhpAFgSp.js";import"./hide-label-B9FhGrWP.js";import"./label-Dnmzb2S_.js";import"./tooltip-align-Cnin7S26.js";import"./align-D-ifSKu8.js";import"./events-9-skLO0f.js";import"./associated.controller-B9GDDaFL.js";import"./bootstrap-DcyDkVEo.js";import"./component-names-C3fyby67.js";import"./i18n-CfLoIZ8T.js";import"./isObject-DvSELytj.js";import"./clsx-eK3rPvPS.js";import"./reuse-CX4AQDkS.js";import"./i18n-LBpyQ66X.js";import"./InternalUnderlinedBadgeText-CNjTZsLo.js";import"./Alert-DFxK42_b.js";import"./bem-C27SfH6w.js";import"./browser-DiRe0qUf.js";import"./Heading-DqCQ4tvo.js";import"./Icon-qDQ9VVcv.js";import"./icons-DNTuScEN.js";import"./Input-WOVJOXlM.js";class p extends a{constructor(t,n,e){super(t,n,e),this.component=t}validateAutoComplete(t){c(this.component,t)}validateSuggestions(t){h(this.component,t)}validateValue(t){d(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const m='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-color__input--color {\n    flex-grow: 1;\n  }\n  .kol-input-color__input--text {\n    width: calc(112 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-color__inputs-wrapper {\n    display: flex;\n    gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16)) !important;\n    flex-direction: row;\n    align-items: center;\n  }\n  .kol-input {\n    cursor: pointer;\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}',u=class{async getValue(){var t;return null===(t=this.refInputText)||void 0===t?void 0:t.value}async focus(){var t;return Promise.resolve(null===(t=this.refInputText)||void 0===t?void 0:t.focus())}async kolFocus(){return this.focus()}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getFormFieldProps(){return{state:this.state,class:"kol-input-color",tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputColorProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchColorRef,type:"color",name:this.state._name?`${this.state._name}-color`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,id:void 0,"aria-hidden":"true",tabIndex:-1,onInput:this.onColorInput})}getInputTextProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchRef,type:"text",name:this.state._name?`${this.state._name}-text`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,onInput:this.onTextInput})}getGenericInputProps(){const t=this.state,n=i(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onBlur:this.onBlur,onFocus:this.onFocus})}render(){return n(o,Object.assign({key:"07425efeb1819802cf6d4d5ac80ec66805c3181b"},this.getFormFieldProps()),n(s,{key:"12e13d63cfbcc8281439d1138b7c1701f58da5a2",state:this.state,class:"kol-input-color__inputs-wrapper"},n("div",{key:"03daa1de5b4457d4a6dcea7f625733c5220272c5",class:"kol-input-color__inputs-wrapper"},n(l,Object.assign({key:"3f02cb3c793566c942368e31ed4bb243ac94b9a3",class:"kol-input-color__input kol-input-color__input--color"},this.getInputColorProps())),n(l,Object.assign({key:"bcdec98b332975ef3513976a81d97cfe472060bb",class:"kol-input-color__input kol-input-color__input--text"},this.getInputTextProps())))))}constructor(n){t(this,n),this.catchRef=t=>{this.refInputText=t},this.catchColorRef=t=>{this.refInputColor=t},this.onBlur=t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1},this.onFocus=t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},this.onColorInput=t=>{const n=t.target.value;this.state._value=n,this.refInputText&&(this.refInputText.value=n),this.controller.onFacade.onInput(t)},this.onTextInput=t=>{let n=t.target.value;n.startsWith("#")||(n=`#${n}`),this._value=n,this.refInputColor&&(this.refInputColor.value=n),this.controller.onFacade.onInput(t)},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${r()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new p(this,"color",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentDidLoad(){!this._value&&this.refInputColor&&(this._value=this.refInputColor.value)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return e(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:m};export{u as kol_input_color};
+import{h as n,r as t,g as e}from"./index-DuOiqRzT.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{F as o}from"./FormFieldStateWrapper-CMVWsf1s.js";import{I as a,a as s}from"./controller-icon-DwSibEz-.js";import{I as l}from"./InputStateWrapper-D6x3J4a5.js";import{n as r}from"./dev.utils-1ts_3yRe.js";import{e as d}from"./common-Dd0zJQbD.js";import{v as c}from"./auto-complete-mCkUnxg2.js";import{v as h}from"./suggestions-B-jLvT4L.js";import"./access-and-short-key-B37XLwy2.js";import"./disabled-BhpAFgSp.js";import"./hide-label-B9FhGrWP.js";import"./label-Dnmzb2S_.js";import"./tooltip-align-Cnin7S26.js";import"./align-D-ifSKu8.js";import"./events-9-skLO0f.js";import"./associated.controller-B9GDDaFL.js";import"./bootstrap-DcyDkVEo.js";import"./component-names-C3fyby67.js";import"./i18n-CfLoIZ8T.js";import"./isObject-DvSELytj.js";import"./clsx-eK3rPvPS.js";import"./reuse-CX4AQDkS.js";import"./i18n-LBpyQ66X.js";import"./InternalUnderlinedBadgeText-CQHhXGXt.js";import"./Alert-DZ3Qvmx3.js";import"./bem-Dj4gWVFO.js";import"./browser-DiRe0qUf.js";import"./Heading-CLE-Js8a.js";import"./Icon-R0rZZbtD.js";import"./icons-DNTuScEN.js";import"./Input-Dc432kZ2.js";class p extends a{constructor(t,n,e){super(t,n,e),this.component=t}validateAutoComplete(t){c(this.component,t)}validateSuggestions(t){h(this.component,t)}validateValue(t){d(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const m='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: 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 text color from his parent element.\n     */\n    color: inherit;\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     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\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    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\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    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 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  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\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    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-color__input--color {\n    flex-grow: 1;\n  }\n  .kol-input-color__input--text {\n    width: calc(112 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-color__inputs-wrapper {\n    display: flex;\n    gap: calc(6 * 1rem / var(--kolibri-root-font-size, 16)) !important;\n    flex-direction: row;\n    align-items: center;\n  }\n  .kol-input {\n    cursor: pointer;\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}',u=class{async getValue(){var t;return null===(t=this.refInputText)||void 0===t?void 0:t.value}async focus(){var t;return Promise.resolve(null===(t=this.refInputText)||void 0===t?void 0:t.focus())}async kolFocus(){return this.focus()}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getFormFieldProps(){return{state:this.state,class:"kol-input-color",tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputColorProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchColorRef,type:"color",name:this.state._name?`${this.state._name}-color`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,id:void 0,"aria-hidden":"true",tabIndex:-1,onInput:this.onColorInput})}getInputTextProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchRef,type:"text",name:this.state._name?`${this.state._name}-text`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,onInput:this.onTextInput})}getGenericInputProps(){const t=this.state,n=i(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onBlur:this.onBlur,onFocus:this.onFocus})}render(){return n(o,Object.assign({key:"07425efeb1819802cf6d4d5ac80ec66805c3181b"},this.getFormFieldProps()),n(s,{key:"12e13d63cfbcc8281439d1138b7c1701f58da5a2",state:this.state,class:"kol-input-color__inputs-wrapper"},n("div",{key:"03daa1de5b4457d4a6dcea7f625733c5220272c5",class:"kol-input-color__inputs-wrapper"},n(l,Object.assign({key:"3f02cb3c793566c942368e31ed4bb243ac94b9a3",class:"kol-input-color__input kol-input-color__input--color"},this.getInputColorProps())),n(l,Object.assign({key:"bcdec98b332975ef3513976a81d97cfe472060bb",class:"kol-input-color__input kol-input-color__input--text"},this.getInputTextProps())))))}constructor(n){t(this,n),this.catchRef=t=>{this.refInputText=t},this.catchColorRef=t=>{this.refInputColor=t},this.onBlur=t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1},this.onFocus=t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},this.onColorInput=t=>{const n=t.target.value;this.state._value=n,this.refInputText&&(this.refInputText.value=n),this.controller.onFacade.onInput(t)},this.onTextInput=t=>{let n=t.target.value;n.startsWith("#")||(n=`#${n}`),this._value=n,this.refInputColor&&(this.refInputColor.value=n),this.controller.onFacade.onInput(t)},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${r()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new p(this,"color",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentDidLoad(){!this._value&&this.refInputColor&&(this._value=this.refInputColor.value)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return e(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:m};export{u as kol_input_color};