@public-ui/sample-react 2.1.7 → 2.1.8
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.
- package/dist/1487.js +1 -1
- package/dist/1636.js +1 -1
- package/dist/1792.js +1 -1
- package/dist/1795.js +1 -1
- package/dist/2017.js +1 -1
- package/dist/2322.js +1 -1
- package/dist/2538.js +1 -1
- package/dist/2567.js +1 -1
- package/dist/263.js +1 -1
- package/dist/2719.js +1 -1
- package/dist/3064.js +1 -1
- package/dist/3077.js +1 -1
- package/dist/3238.js +1 -1
- package/dist/3301.js +2 -0
- package/dist/3395.js +1 -1
- package/dist/35.js +1 -1
- package/dist/3521.js +1 -1
- package/dist/356.js +1 -1
- package/dist/3714.js +1 -1
- package/dist/3735.js +1 -1
- package/dist/3766.js +1 -1
- package/dist/3994.js +1 -1
- package/dist/4025.js +1 -1
- package/dist/4065.js +2 -0
- package/dist/4118.js +1 -1
- package/dist/4182.js +1 -1
- package/dist/4188.js +1 -1
- package/dist/4332.js +1 -1
- package/dist/4402.js +1 -1
- package/dist/4795.js +2 -0
- package/dist/4818.js +1 -1
- package/dist/4892.js +1 -1
- package/dist/4933.js +1 -1
- package/dist/4943.js +1 -1
- package/dist/495.js +1 -1
- package/dist/5034.js +1 -1
- package/dist/5056.js +1 -1
- package/dist/5138.js +1 -1
- package/dist/5296.js +1 -1
- package/dist/5356.js +1 -1
- package/dist/5551.js +1 -1
- package/dist/5835.js +1 -1
- package/dist/5840.js +1 -1
- package/dist/5889.js +1 -1
- package/dist/5912.js +1 -1
- package/dist/6082.js +1 -1
- package/dist/6099.js +1 -1
- package/dist/6181.js +1 -1
- package/dist/619.js +1 -1
- package/dist/6671.js +1 -1
- package/dist/6775.js +1 -1
- package/dist/7274.js +1 -1
- package/dist/7440.js +2 -0
- package/dist/7795.js +1 -1
- package/dist/7802.js +1 -1
- package/dist/7860.js +1 -1
- package/dist/8092.js +1 -1
- package/dist/8111.js +1 -1
- package/dist/8146.js +1 -1
- package/dist/8427.js +1 -1
- package/dist/8495.js +1 -1
- package/dist/8672.js +1 -1
- package/dist/8737.js +1 -1
- package/dist/8786.js +1 -1
- package/dist/8796.js +1 -1
- package/dist/8977.js +1 -1
- package/dist/9333.js +1 -1
- package/dist/9389.js +1 -1
- package/dist/9561.js +1 -1
- package/dist/9599.js +1 -1
- package/dist/9612.js +1 -1
- package/dist/9890.js +1 -1
- package/dist/index.html +1 -1
- package/dist/main.css +3 -3
- package/dist/main.js +1 -1
- package/dist/main.js.LICENSE.txt +2 -2
- package/package.json +16 -16
- package/public/index.html +1 -1
- package/src/@shared/_mixins.scss +3 -0
- package/src/App.tsx +1 -1
- package/src/components/FormWrap.tsx +1 -1
- package/src/components/Navigation.tsx +63 -0
- package/src/components/Sidebar.tsx +5 -41
- package/src/components/abbr/basic.tsx +12 -12
- package/src/components/alert/card-msg.tsx +3 -1
- package/src/components/alert/html.tsx +4 -2
- package/src/components/button/access-key.tsx +34 -25
- package/src/components/button/aria-description.tsx +20 -11
- package/src/components/button/baselined.tsx +22 -13
- package/src/components/button/icons.tsx +33 -26
- package/src/components/button/partials/cases.tsx +13 -6
- package/src/components/button/partials/variants.tsx +15 -17
- package/src/components/button/width.tsx +33 -28
- package/src/components/button-group/basic.tsx +25 -16
- package/src/components/button-link/basic.tsx +3 -3
- package/src/components/button-link/image.tsx +0 -1
- package/src/components/card/basic.tsx +1 -1
- package/src/components/combobox/partials/variants.tsx +1 -1
- package/src/components/details/basic.tsx +2 -2
- package/src/components/form/basic.tsx +1 -1
- package/src/components/form/error-list.tsx +1 -0
- package/src/components/handout/basic.tsx +304 -279
- package/src/components/input-checkbox/partials/variants.tsx +22 -10
- package/src/components/input-date/reset.tsx +1 -1
- package/src/components/input-password/show-password.tsx +1 -1
- package/src/components/input-text/partials/cases.tsx +1 -1
- package/src/components/input-text/routes.ts +2 -0
- package/src/components/input-text/smart-button.tsx +33 -0
- package/src/components/input-text/text-formatter.tsx +98 -45
- package/src/components/link/image.tsx +0 -1
- package/src/components/link/target.tsx +1 -1
- package/src/components/modal/basic.tsx +1 -1
- package/src/components/nav/basic.tsx +23 -12
- package/src/components/nav/horizontal.tsx +12 -3
- package/src/components/nav/links.ts +36 -0
- package/src/components/table/column-alignment.tsx +64 -62
- package/src/components/table/complex-headers.tsx +80 -78
- package/src/components/table/horizontal-scrollbar.tsx +30 -28
- package/src/components/table/interactive-child-elements.tsx +81 -69
- package/src/components/table/pagination-position.tsx +15 -13
- package/src/components/table/render-cell.tsx +14 -3
- package/src/components/table/sort-data.tsx +11 -8
- package/src/components/table/stateful-with-selection.tsx +47 -27
- package/src/components/table/stateful-with-single-selection.tsx +47 -27
- package/src/components/table/stateless-with-selection.tsx +37 -17
- package/src/components/table/stateless-with-single-selection.tsx +37 -17
- package/src/components/table/stateless.tsx +29 -27
- package/src/components/table/with-footer.tsx +1 -0
- package/src/components/table/with-pagination.tsx +1 -1
- package/src/components/tabs/behavior.tsx +61 -0
- package/src/components/tabs/routes.ts +2 -0
- package/src/components/textarea/adjust-height.tsx +1 -1
- package/src/components/textarea/counter.tsx +4 -1
- package/src/components/textarea/resize.tsx +1 -1
- package/src/components/textarea/rows.tsx +1 -1
- package/src/components/toast/basic.tsx +13 -11
- package/src/hooks/useToasterService.ts +21 -0
- package/src/react.main.tsx +6 -1
- package/src/scenarios/appointment-form/AppointmentForm.tsx +1 -0
- package/src/scenarios/custom-tooltip-width.tsx +26 -11
- package/src/scenarios/disabled-interactive-elements.tsx +123 -114
- package/src/scenarios/focus-elements.tsx +21 -16
- package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx +1 -1
- package/src/scenarios/horizontal-scrollbar-advanced/layout.scss +19 -0
- package/src/scenarios/input-group-with-error.tsx +41 -0
- package/src/scenarios/inputs-get-value.tsx +121 -119
- package/src/scenarios/routes.ts +4 -2
- package/src/scenarios/static-form.tsx +65 -62
- package/src/style.scss +10 -13
- package/tsconfig.json +1 -2
- package/unocss.config.ts +213 -0
- package/dist/3171.js +0 -2
- package/dist/4262.js +0 -2
- package/dist/479.js +0 -2
- package/dist/8710.js +0 -2
- package/src/scenarios/horizontal-scrollbar-advanced/layout.css +0 -31
- /package/dist/{3171.js.LICENSE.txt → 3301.js.LICENSE.txt} +0 -0
- /package/dist/{4262.js.LICENSE.txt → 4065.js.LICENSE.txt} +0 -0
- /package/dist/{479.js.LICENSE.txt → 4795.js.LICENSE.txt} +0 -0
- /package/dist/{8710.js.LICENSE.txt → 7440.js.LICENSE.txt} +0 -0
package/dist/8796.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 8796.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8796],{1261:(e,t,n)=>{n.d(t,{v:()=>o});var i=n(479);const o=(e,t)=>{(0,i.i)(e,"_accessKey",t)}},8796:(e,t,n)=>{n.r(t),n.d(t,{kol_tooltip_wc:()=>p});var i=n(64),o=n(6256),s=n(8579),a=n(479),l=n(6448),r=n(1261),h=n(7914),d=n(5233);const c=new Set,p=class{constructor(e){(0,i.r)(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){e=this.tooltipElement,c.forEach((e=>{e.style.setProperty("z-index","999")})),c.add(e),e.style.setProperty("z-index","1000"),this.tooltipElement.style.setProperty("display","block"),(0,l.g)().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,n=this.tooltipElement;this.cleanupAutoPositioning=(0,o.b)(t,n,(()=>{this.alignTooltip()}))}var e},this.hideTooltip=()=>{this.tooltipElement&&(function(e){if(c.delete(e),c.size>0){const e=Array.from(c).pop();e&&e.style.setProperty("z-index","1000")}}(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),(0,l.g)().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=e=>{"Escape"===e.key&&this.hideTooltip()},this.addListeners=e=>{e.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),e.addEventListener("mouseleave",this.handleMouseleave.bind(this)),e.addEventListener("focusin",this.handleFocusIn.bind(this)),e.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=e=>{e.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),e.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),e.removeEventListener("focusin",this.handleFocusIn.bind(this)),e.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(e,t,n=!1)=>{e&&this.removeListeners(e),t&&(n&&(this.previousSibling=t),this.addListeners(t))},this.catchTooltipElement=e=>{this.tooltipElement=e},this.catchArrowElement=e=>{this.arrowElement=e},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()}),300)},this._accessKey=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}alignTooltip(){return e=this,t=function*(){this.tooltipElement&&this.previousSibling&&(yield(0,o.a)({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement}))},new Promise(((n,i)=>{var o=e=>{try{a(t.next(e))}catch(e){i(e)}},s=e=>{try{a(t.throw(e))}catch(e){i(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,s);a((t=t.apply(e,null)).next())}));var e,t}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return(0,i.h)(i.H,{key:"bff5943ece35d93b5c8ea604af0171e9b0044fbc",class:"kol-tooltip-wc"},""!==this.state._label&&(0,i.h)("div",{key:"11a90c4acfa2dbe2ffe61e1d10f0fe2cc30e6e99",class:"tooltip-floating",ref:this.catchTooltipElement},(0,i.h)("div",{key:"faef6b2e53cb2e8fa90ab559dc08a3a77cd607e8",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),(0,i.h)(s.f,{key:"b89fbc1f793a6952886e6b9f8e1671645194e18f",class:"tooltip-area tooltip-content",id:this.state._id,_accessKey:this._accessKey,_label:this.state._label})))}validateAccessKey(e){(0,r.v)(this,e)}validateAlign(e){(0,h.a)(this,e)}validateId(e){((e,t)=>{(0,a.i)(e,"_id",t)})(this,e)}validateLabel(e){(0,d.v)(this,e,{required:!0})}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var e;this.resyncListeners(this.previousSibling,null===(e=this.host)||void 0===e?void 0:e.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var e;this.previousSibling=null===(e=this.host)||void 0===e?void 0:e.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};p.style="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: 10px;\n position: absolute;\n transform: rotate(45deg);\n width: 10px;\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}"},5233:(e,t,n)=>{n.d(t,{a:()=>c,b:()=>l,c:()=>r,h:()=>o,v:()=>d});var i=n(479);const o=[0,1,2,3,4,5,6],s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(s))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return a.test(e)}const h=new Set(["string"]),d=(e,t,n={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),h,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,n,o,s)=>{var a,h;"function"==typeof(null===(a=e.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(h=e.hooks)||void 0===h||h.afterPatch(t,n,o,s)),"string"==typeof t&&!1===l(t,3)&&!1===r(t)&&(0,i.a)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(n))},c=d}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8796],{6227:(e,t,n)=>{n.d(t,{v:()=>o});var i=n(7440);const o=(e,t)=>{(0,i.i)(e,"_accessKey",t)}},8796:(e,t,n)=>{n.r(t),n.d(t,{kol_tooltip_wc:()=>p});var i=n(777),o=n(9862),s=n(8579),a=n(7440),l=n(6448),r=n(6227),h=n(882),d=n(5815);const c=new Set,p=class{constructor(e){(0,i.r)(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){e=this.tooltipElement,c.forEach((e=>{e.style.setProperty("z-index","999")})),c.add(e),e.style.setProperty("z-index","1000"),this.tooltipElement.style.setProperty("display","block"),(0,l.g)().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,n=this.tooltipElement;this.cleanupAutoPositioning=(0,o.b)(t,n,(()=>{this.alignTooltip()}))}var e},this.hideTooltip=()=>{this.tooltipElement&&(function(e){if(c.delete(e),c.size>0){const e=Array.from(c).pop();e&&e.style.setProperty("z-index","1000")}}(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),(0,l.g)().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=e=>{"Escape"===e.key&&this.hideTooltip()},this.addListeners=e=>{e.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),e.addEventListener("mouseleave",this.handleMouseleave.bind(this)),e.addEventListener("focusin",this.handleFocusIn.bind(this)),e.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=e=>{e.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),e.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),e.removeEventListener("focusin",this.handleFocusIn.bind(this)),e.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(e,t,n=!1)=>{e&&this.removeListeners(e),t&&(n&&(this.previousSibling=t),this.addListeners(t))},this.catchTooltipElement=e=>{this.tooltipElement=e},this.catchArrowElement=e=>{this.arrowElement=e},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()}),300)},this._accessKey=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}alignTooltip(){return e=this,t=function*(){this.tooltipElement&&this.previousSibling&&(yield(0,o.a)({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement}))},new Promise(((n,i)=>{var o=e=>{try{a(t.next(e))}catch(e){i(e)}},s=e=>{try{a(t.throw(e))}catch(e){i(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,s);a((t=t.apply(e,null)).next())}));var e,t}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return(0,i.h)(i.H,{key:"bff5943ece35d93b5c8ea604af0171e9b0044fbc",class:"kol-tooltip-wc"},""!==this.state._label&&(0,i.h)("div",{key:"11a90c4acfa2dbe2ffe61e1d10f0fe2cc30e6e99",class:"tooltip-floating",ref:this.catchTooltipElement},(0,i.h)("div",{key:"faef6b2e53cb2e8fa90ab559dc08a3a77cd607e8",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),(0,i.h)(s.f,{key:"b89fbc1f793a6952886e6b9f8e1671645194e18f",class:"tooltip-area tooltip-content",id:this.state._id,_accessKey:this._accessKey,_label:this.state._label})))}validateAccessKey(e){(0,r.v)(this,e)}validateAlign(e){(0,h.a)(this,e)}validateId(e){((e,t)=>{(0,a.i)(e,"_id",t)})(this,e)}validateLabel(e){(0,d.v)(this,e,{required:!0})}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var e;this.resyncListeners(this.previousSibling,null===(e=this.host)||void 0===e?void 0:e.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var e;this.previousSibling=null===(e=this.host)||void 0===e?void 0:e.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};p.style="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tooltip-wc {\n display: contents;\n }\n .kol-tooltip-wc .tooltip-floating {\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n box-sizing: border-box;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n /* Shared between content and arrow */\n .kol-tooltip-wc .tooltip-area {\n background-color: #fff;\n color: #000;\n }\n .kol-tooltip-wc .tooltip-arrow {\n height: 10px;\n position: absolute;\n transform: rotate(45deg);\n width: 10px;\n z-index: 999;\n }\n .kol-tooltip-wc .tooltip-content {\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}"},5815:(e,t,n)=>{n.d(t,{a:()=>c,b:()=>l,c:()=>r,h:()=>o,v:()=>d});var i=n(7440);const o=[0,1,2,3,4,5,6],s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function l(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(s))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return a.test(e)}const h=new Set(["string"]),d=(e,t,n={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),h,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,n,o,s)=>{var a,h;"function"==typeof(null===(a=e.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(h=e.hooks)||void 0===h||h.afterPatch(t,n,o,s)),"string"==typeof t&&!1===l(t,3)&&!1===r(t)&&(0,i.a)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(n))},c=d}}]);
|
package/dist/8977.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 8977.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8977],{7987:(e,n,t)=>{t.d(n,{c:()=>s,h:()=>m,v:()=>f});var r=t(6448),o=t(479),a={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},i={red:0,orange:60,yellow:120,green:180,blue:240,purple:300},l=function(e){var n,t,r=[],o=1;if("string"==typeof e)if(e=e.toLowerCase(),a[e])r=a[e].slice(),t="rgb";else if("transparent"===e)o=0,t="rgb",r=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(e)){var l=e.slice(1);o=1,(u=l.length)<=4?(r=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===u&&(o=parseInt(l[3]+l[3],16)/255)):(r=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===u&&(o=parseInt(l[6]+l[7],16)/255)),r[0]||(r[0]=0),r[1]||(r[1]=0),r[2]||(r[2]=0),t="rgb"}else if(n=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(e)){var s=n[1],d="rgb"===s;t=l=s.replace(/a$/,"");var u="cmyk"===l?4:"gray"===l?1:3;r=n[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(e,n){if(/%$/.test(e))return n===u?parseFloat(e)/100:"rgb"===l?255*parseFloat(e)/100:parseFloat(e);if("h"===l[n]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==i[e])return i[e]}return parseFloat(e)})),s===l&&r.push(1),o=d||void 0===r[u]?1:r[u],r=r.slice(0,u)}else e.length>10&&/[0-9](?:\s|\/)/.test(e)&&(r=e.match(/([0-9]+)/g).map((function(e){return parseFloat(e)})),t=e.match(/([a-z])/gi).join("").toLowerCase());else isNaN(e)?Array.isArray(e)||e.length?(r=[e[0],e[1],e[2]],t="rgb",o=4===e.length?e[3]:1):e instanceof Object&&(null!=e.r||null!=e.red||null!=e.R?(t="rgb",r=[e.r||e.red||e.R||0,e.g||e.green||e.G||0,e.b||e.blue||e.B||0]):(t="hsl",r=[e.h||e.hue||e.H||0,e.s||e.saturation||e.S||0,e.l||e.lightness||e.L||e.b||e.brightness]),o=e.a||e.alpha||e.opacity||1,null!=e.opacity&&(o/=100)):(t="rgb",r=[e>>>16,(65280&e)>>>8,255&e]);return{space:t,values:r,alpha:o}};const s=function(e){var n;Array.isArray(e)&&e.raw&&(e=String.raw.apply(null,arguments));var t=l(e);if(!t.space)return[];var r=[0,0,0],o="h"===t.space[0]?[360,100,100]:[255,255,255];return(n=Array(3))[0]=Math.min(Math.max(t.values[0],r[0]),o[0]),n[1]=Math.min(Math.max(t.values[1],r[1]),o[1]),n[2]=Math.min(Math.max(t.values[2],r[2]),o[2]),"h"===t.space[0]&&(n=function(e){var n,t,r,o,a,i=e[0]/360,l=e[1]/100,s=e[2]/100,d=0;if(0===l)return[a=255*s,a,a];for(n=2*s-(t=s<.5?s*(1+l):s+l-s*l),o=[0,0,0];d<3;)(r=i+1/3*-(d-1))<0?r++:r>1&&r--,a=6*r<1?n+6*(t-n)*r:2*r<1?t:3*r<2?n+(t-n)*(2/3-r)*6:n,o[d++]=255*a;return o}(n)),n.push(Math.min(Math.max(t.alpha,0),1)),n},d=(e,n,t,r=1)=>{const a=[Math.max(Math.min(Math.round(n[0]+r*Math.max(1,n[0]/100)),255),0),Math.max(Math.min(Math.round(n[1]+r*Math.max(1,n[1]/100)),255),0),Math.max(Math.min(Math.round(n[2]+r*Math.max(1,n[2]/100)),255),0)],i=(0,o.d)(o.r.hex(`rgba(${e.join(",")},1)`),o.r.hex(`rgba(${a.join(",")},1)`)),l=a[0]+a[1]+a[2];return 0===l||765===l||i>t?{background:e,foreground:a,contrast:i}:d(e,a,t,r)},u=new Map,c=(e,n=7)=>{let t=[0,0,0,1],r=[255,255,255,1];"string"==typeof e?(t=s(e),r=t):"object"==typeof e&&null!==e&&"string"==typeof e.background&&"string"==typeof e.foreground&&(t=s(e.background),r="string"==typeof e.foreground?s(e.foreground):t);const a=(299*t[0]+587*t[1]+114*t[2])/1e3>=128?-1:1;const i=((e,n,t,r=1)=>{if(u.has(e))return u.get(e);const o=d(e,n,t,r);return u.set(e,o),o})([t[0],t[1],t[2]],[r[0],r[1],r[2]],n,a);return r=[...i.foreground,1],{background:o.r.hex(`rgba(${t.join(",")})`),foreground:o.r.hex(`rgba(${r.join(",")})`),contrast:i.contrast}},h=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function g(e){if(e)if("string"==typeof e){if(function(e){return h.test(e)}(e))return{type:"string",valid:!0,value:e};{const n=function(e){if(e.startsWith("{"))try{const n=JSON.parse(e);if(p(n))return{type:"ColorPair",value:n}}catch(e){return{type:null,value:null}}return{type:null,value:null}}(e);if(n.value)return{type:n.type,valid:!0,value:n.value}}}else{const n=e;if(p(n))return{type:"ColorPair",valid:!0,value:n}}return{type:null,valid:!1,value:""}}function p(e){return!("object"!=typeof e||!e||"string"!=typeof e.backgroundColor||!("string"==typeof e.foregroundColor||e.foregroundColor&&"string"==typeof e.foregroundColor.primary&&"string"==typeof e.foregroundColor.secondary&&"string"==typeof e.foregroundColor.neutral))}function b(e){const n=g(e);switch(n.type){case null:return!1;case"string":case"ColorPair":return n.valid}}const f=(e,n,t)=>{(0,o.w)(e,"_color",b,new Set(["rgb in hex","ColorPair"]),n,t)},m=e=>{var n;let t;const a=g(e);switch(a.type){case"string":t=c(a.value);break;case"ColorPair":{const e=a.value;let r="";"string"==typeof e.foregroundColor?r=e.foregroundColor:(null===(n=e.foregroundColor)||void 0===n?void 0:n.primary)&&(r=e.foregroundColor.primary),r&&"string"==typeof r||(r="#fff"),t=c({background:e.backgroundColor,foreground:r});break}case null:r.L.warn(`_color was empty or invalid (${JSON.stringify(e)})`,{forceLog:!0}),t=c({background:"#000",foreground:"#000"})}return t.contrast<7&&(0,o.a)(`[KolBadge] The contrast of ${t.contrast} (≥7, AAA) is to low, between the color pair ${t.background} and ${t.foreground}.`),{backgroundColor:t.background,foregroundColor:t.foreground}}},5548:(e,n,t)=>{t.d(n,{i:()=>l,n:()=>d,r:()=>s});var r=t(64),o=t(4997),a=t(6448);const i=()=>{let e=(0,a.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,a.d)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,a.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const n=e.getAttribute("content");"string"==typeof n&&((0,a.s)(n.includes("dev-mode=true")),(0,a.b)(n.includes("experimental-mode=true")),(0,a.c)(n.includes("color-contrast-analysis=true")))}})(),a.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${r.E.kolibriVersion}\n\t`,{forceLog:!0})},s=()=>{!0!==i().adviceShown&&(Object.defineProperty(i(),"adviceShown",{get:function(){return!0}}),a.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let d=()=>Math.floor(16777215*Math.random()).toString(16);"test"===o.p&&(d=()=>"nonce")},8977:(e,n,t)=>{t.r(n),t.d(n,{kol_badge:()=>s});var r=t(64),o=t(8579),a=t(5548),i=t(7987),l=t(479);(0,l.f)("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const s=class{constructor(e){(0,r.r)(this,e),this.bgColorStr="#000",this.colorStr="#fff",this.id=(0,a.n)(),this.handleColorChange=e=>{const n=(0,i.h)(e);this.bgColorStr=n.backgroundColor,this.colorStr=n.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(e){return(0,r.h)(o.c,{_ariaControls:this.id,_customClass:e._customClass,_disabled:e._disabled,_hideLabel:!0,_icons:e._icons,_id:e._id,_label:e._label,_on:e._on,_tooltipAlign:e._tooltipAlign,_variant:e._variant})}render(){const e="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return(0,r.h)(r.H,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},(0,r.h)("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},(0,r.h)(o.f,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:e?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),e&&this.renderSmartButton(this.state._smartButton)))}validateColor(e){(0,i.v)(this,e,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(e){(0,l.o)(e,(()=>{try{e=(0,l.p)(e)}catch(e){}(0,l.s)(this,"_smartButton",e)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n /* :host implicitly inherits font-size, e.g. for usage in headlines */\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host > span {\n display: inline-flex;\n place-items: center;\n /* Visible with forced colors */\n outline: transparent solid 1px;\n }\n :host > span > .kol-button-wc button {\n color: inherit;\n }\n}"}},4997:(e,n,t)=>{t.d(n,{h:()=>o,p:()=>r,s:()=>a});let r="development";try{r="production"}catch(e){r="production"}const o=(e,n,t)=>{if(e&&n&&"string"==typeof t){const r=e.querySelector(`[slot="${t}"]`);r&&n.appendChild(r)}},a=e=>""===e}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8977],{9634:(e,n,t)=>{t.d(n,{c:()=>s,h:()=>m,v:()=>f});var r=t(6448),o=t(7440),a={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},i={red:0,orange:60,yellow:120,green:180,blue:240,purple:300},l=function(e){var n,t,r=[],o=1;if("string"==typeof e)if(e=e.toLowerCase(),a[e])r=a[e].slice(),t="rgb";else if("transparent"===e)o=0,t="rgb",r=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(e)){var l=e.slice(1);o=1,(u=l.length)<=4?(r=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===u&&(o=parseInt(l[3]+l[3],16)/255)):(r=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===u&&(o=parseInt(l[6]+l[7],16)/255)),r[0]||(r[0]=0),r[1]||(r[1]=0),r[2]||(r[2]=0),t="rgb"}else if(n=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(e)){var s=n[1],d="rgb"===s;t=l=s.replace(/a$/,"");var u="cmyk"===l?4:"gray"===l?1:3;r=n[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(e,n){if(/%$/.test(e))return n===u?parseFloat(e)/100:"rgb"===l?255*parseFloat(e)/100:parseFloat(e);if("h"===l[n]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==i[e])return i[e]}return parseFloat(e)})),s===l&&r.push(1),o=d||void 0===r[u]?1:r[u],r=r.slice(0,u)}else e.length>10&&/[0-9](?:\s|\/)/.test(e)&&(r=e.match(/([0-9]+)/g).map((function(e){return parseFloat(e)})),t=e.match(/([a-z])/gi).join("").toLowerCase());else isNaN(e)?Array.isArray(e)||e.length?(r=[e[0],e[1],e[2]],t="rgb",o=4===e.length?e[3]:1):e instanceof Object&&(null!=e.r||null!=e.red||null!=e.R?(t="rgb",r=[e.r||e.red||e.R||0,e.g||e.green||e.G||0,e.b||e.blue||e.B||0]):(t="hsl",r=[e.h||e.hue||e.H||0,e.s||e.saturation||e.S||0,e.l||e.lightness||e.L||e.b||e.brightness]),o=e.a||e.alpha||e.opacity||1,null!=e.opacity&&(o/=100)):(t="rgb",r=[e>>>16,(65280&e)>>>8,255&e]);return{space:t,values:r,alpha:o}};const s=function(e){var n;Array.isArray(e)&&e.raw&&(e=String.raw.apply(null,arguments));var t=l(e);if(!t.space)return[];var r=[0,0,0],o="h"===t.space[0]?[360,100,100]:[255,255,255];return(n=Array(3))[0]=Math.min(Math.max(t.values[0],r[0]),o[0]),n[1]=Math.min(Math.max(t.values[1],r[1]),o[1]),n[2]=Math.min(Math.max(t.values[2],r[2]),o[2]),"h"===t.space[0]&&(n=function(e){var n,t,r,o,a,i=e[0]/360,l=e[1]/100,s=e[2]/100,d=0;if(0===l)return[a=255*s,a,a];for(n=2*s-(t=s<.5?s*(1+l):s+l-s*l),o=[0,0,0];d<3;)(r=i+1/3*-(d-1))<0?r++:r>1&&r--,a=6*r<1?n+6*(t-n)*r:2*r<1?t:3*r<2?n+(t-n)*(2/3-r)*6:n,o[d++]=255*a;return o}(n)),n.push(Math.min(Math.max(t.alpha,0),1)),n},d=(e,n,t,r=1)=>{const a=[Math.max(Math.min(Math.round(n[0]+r*Math.max(1,n[0]/100)),255),0),Math.max(Math.min(Math.round(n[1]+r*Math.max(1,n[1]/100)),255),0),Math.max(Math.min(Math.round(n[2]+r*Math.max(1,n[2]/100)),255),0)],i=(0,o.d)(o.r.hex(`rgba(${e.join(",")},1)`),o.r.hex(`rgba(${a.join(",")},1)`)),l=a[0]+a[1]+a[2];return 0===l||765===l||i>t?{background:e,foreground:a,contrast:i}:d(e,a,t,r)},u=new Map,c=(e,n=7)=>{let t=[0,0,0,1],r=[255,255,255,1];"string"==typeof e?(t=s(e),r=t):"object"==typeof e&&null!==e&&"string"==typeof e.background&&"string"==typeof e.foreground&&(t=s(e.background),r="string"==typeof e.foreground?s(e.foreground):t);const a=(299*t[0]+587*t[1]+114*t[2])/1e3>=128?-1:1;const i=((e,n,t,r=1)=>{if(u.has(e))return u.get(e);const o=d(e,n,t,r);return u.set(e,o),o})([t[0],t[1],t[2]],[r[0],r[1],r[2]],n,a);return r=[...i.foreground,1],{background:o.r.hex(`rgba(${t.join(",")})`),foreground:o.r.hex(`rgba(${r.join(",")})`),contrast:i.contrast}},h=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function g(e){if(e)if("string"==typeof e){if(function(e){return h.test(e)}(e))return{type:"string",valid:!0,value:e};{const n=function(e){if(e.startsWith("{"))try{const n=JSON.parse(e);if(p(n))return{type:"ColorPair",value:n}}catch(e){return{type:null,value:null}}return{type:null,value:null}}(e);if(n.value)return{type:n.type,valid:!0,value:n.value}}}else{const n=e;if(p(n))return{type:"ColorPair",valid:!0,value:n}}return{type:null,valid:!1,value:""}}function p(e){return!("object"!=typeof e||!e||"string"!=typeof e.backgroundColor||!("string"==typeof e.foregroundColor||e.foregroundColor&&"string"==typeof e.foregroundColor.primary&&"string"==typeof e.foregroundColor.secondary&&"string"==typeof e.foregroundColor.neutral))}function b(e){const n=g(e);switch(n.type){case null:return!1;case"string":case"ColorPair":return n.valid}}const f=(e,n,t)=>{(0,o.w)(e,"_color",b,new Set(["rgb in hex","ColorPair"]),n,t)},m=e=>{var n;let t;const a=g(e);switch(a.type){case"string":t=c(a.value);break;case"ColorPair":{const e=a.value;let r="";"string"==typeof e.foregroundColor?r=e.foregroundColor:(null===(n=e.foregroundColor)||void 0===n?void 0:n.primary)&&(r=e.foregroundColor.primary),r&&"string"==typeof r||(r="#fff"),t=c({background:e.backgroundColor,foreground:r});break}case null:r.L.warn(`_color was empty or invalid (${JSON.stringify(e)})`,{forceLog:!0}),t=c({background:"#000",foreground:"#000"})}return t.contrast<7&&(0,o.a)(`[KolBadge] The contrast of ${t.contrast} (≥7, AAA) is to low, between the color pair ${t.background} and ${t.foreground}.`),{backgroundColor:t.background,foregroundColor:t.foreground}}},2452:(e,n,t)=>{t.d(n,{i:()=>l,n:()=>d,r:()=>s});var r=t(777),o=t(4997),a=t(6448);const i=()=>{let e=(0,a.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,a.d)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,a.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const n=e.getAttribute("content");"string"==typeof n&&((0,a.s)(n.includes("dev-mode=true")),(0,a.b)(n.includes("experimental-mode=true")),(0,a.c)(n.includes("color-contrast-analysis=true")))}})(),a.L.debug(`\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | \`--' | |) /_ ,--.--. \`--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${r.E.kolibriVersion}\n\t`,{forceLog:!0})},s=()=>{!0!==i().adviceShown&&(Object.defineProperty(i(),"adviceShown",{get:function(){return!0}}),a.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let d=()=>Math.floor(16777215*Math.random()).toString(16);"test"===o.p&&(d=()=>"nonce")},8977:(e,n,t)=>{t.r(n),t.d(n,{kol_badge:()=>s});var r=t(777),o=t(8579),a=t(2452),i=t(9634),l=t(7440);(0,l.f)("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const s=class{constructor(e){(0,r.r)(this,e),this.bgColorStr="#000",this.colorStr="#fff",this.id=(0,a.n)(),this.handleColorChange=e=>{const n=(0,i.h)(e);this.bgColorStr=n.backgroundColor,this.colorStr=n.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(e){return(0,r.h)(o.c,{_ariaControls:this.id,_customClass:e._customClass,_disabled:e._disabled,_hideLabel:!0,_icons:e._icons,_id:e._id,_label:e._label,_on:e._on,_tooltipAlign:e._tooltipAlign,_variant:e._variant})}render(){const e="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return(0,r.h)(r.H,{key:"0b334746c26463bbc697f08077e165e56b34a97f",class:"kol-badge"},(0,r.h)("span",{key:"83210f467b224cb691d844a0311f4a31a1ad6e79",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},(0,r.h)(o.f,{key:"d5a3248d67baa494d9671e0da7de918511af084b",id:e?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),e&&this.renderSmartButton(this.state._smartButton)))}validateColor(e){(0,i.v)(this,e,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(e){(0,l.o)(e,(()=>{try{e=(0,l.p)(e)}catch(e){}(0,l.s)(this,"_smartButton",e)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n /* :host implicitly inherits font-size, e.g. for usage in headlines */\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host > span {\n display: inline-flex;\n place-items: center;\n /* Visible with forced colors */\n outline: transparent solid 1px;\n }\n :host > span > .kol-button-wc button {\n color: inherit;\n }\n}"}},4997:(e,n,t)=>{t.d(n,{h:()=>o,p:()=>r,s:()=>a});let r="development";try{r="production"}catch(e){r="production"}const o=(e,n,t)=>{if(e&&n&&"string"==typeof t){const r=e.querySelector(`[slot="${t}"]`);r&&n.appendChild(r)}},a=e=>""===e}}]);
|
package/dist/9333.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 9333.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9333],{4600:(e,t,i)=>{function n(e){var t,i,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(i=n(e[t]))&&(s&&(s+=" "),s+=i)}else for(i in e)e[i]&&(s&&(s+=" "),s+=i);return s}function s(){for(var e,t,i=0,s="",o=arguments.length;i<o;i++)(e=arguments[i])&&(t=n(e))&&(s&&(s+=" "),s+=t);return s}i.d(t,{c:()=>s})},3260:(e,t,i)=>{i.d(t,{S:()=>a,a:()=>o,b:()=>n,i:()=>s});const n=e=>"object"==typeof e&&null!==e,s=(e,t=0)=>"string"==typeof e&&e.length>=t,o=e=>{if("object"!=typeof e||null===e)return s(e,1);for(const t in e)if(!1===s(t,1))return!1;return!0},a=new Event("StateChange")},1998:(e,t,i)=>{i.d(t,{I:()=>c,a:()=>p,b:()=>l,f:()=>d,v:()=>r});var n=i(376),s=i(479),o=i(5233);const a=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===(0,o.b)(e.label,3)&&!1===(0,o.c)(e.label)&&(0,s.a)(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(e.options)||void 0===e.options.find((e=>!1===a(e)));if("number"==typeof e.label)return!0}return!1},l=(e,t,i={})=>{(0,s.g)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),t,void 0,i)},r=(e,t,i={})=>{(0,s.g)(e,"_options",a,t,void 0,i)},h=["horizontal","vertical"],d=(e,t,i="")=>{t.forEach(((t,n)=>{const s=`${i}-${n}`;"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0&&(Array.isArray(t.options)?d(e,t.options,s):e.set(s,t))}))};class c extends n.I{constructor(e,t,i){super(e,t,i),this.component=e}validateRequired(e){((e,t)=>{(0,s.b)(e,"_required",t)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class p extends c{constructor(e,t,i){super(e,t,i),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,t,i,n)=>{"_value"===n&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const i=t.has("_options")?t.get("_options"):this.component.state._options;Array.isArray(i)&&i.length>0&&(this.keyOptionMap.clear(),d(this.keyOptionMap,i))},this.component=e}validateOrientation(e){(0,s.w)(this.component,"_orientation",(e=>"string"==typeof e&&h.includes(e)),new Set([`Orientation {${h.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){l(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=(0,s.m)(e),e=Array.isArray(e)?e[0]:e,(0,s.s)(this.component,"_value",e,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}},8304:(e,t,i)=>{i.d(t,{I:()=>r});var n=i(376),s=i(7327),o=i(479),a=i(3260);const l=(e,t)=>{const i=e;"object"==typeof i&&null!==i&&((0,a.i)(i.right,1)&&(i.right={icon:i.right}),(0,a.i)(i.left,1)&&(i.left={icon:i.left}),t.set("_icons",i))};class r extends n.I{constructor(e,t,i){super(e,t,i),this.component=e}validateIcon(e){this.validateIcons(e)}validateIcons(e){(0,o.o)(e,(()=>{try{e=(0,o.p)(e)}catch(e){}(0,o.w)(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&((0,a.i)(e.left,1)||(0,s.i)(e.left)||(0,a.i)(e.right,1)||(0,s.i)(e.right))),new Set(["KoliBriHorizontalIcon"]),e,{hooks:{beforePatch:l},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},5191:(e,t,i)=>{i.d(t,{t:()=>o});var n=i(720),s=i(4997);let o=(e,t)=>{var i;return(null!==(i=(0,n.g)())&&void 0!==i?i:(0,n.i)("de")).translate(e,t)};"test"===s.p&&(o=e=>e)},7327:(e,t,i)=>{i.d(t,{i:()=>a,v:()=>l});var n=i(479),s=i(3260);const o=(e,t,i)=>{(0,s.b)(i)?e[t]=i:(0,s.i)(i,1)&&(e[t]={icon:i})},a=e=>"object"==typeof e&&null!==e&&(void 0===e.style||(0,s.a)(e.style))&&(void 0===e.label||(0,s.i)(e.label))&&(0,s.i)(e.icon,1),l=(e,t,i={})=>{(0,n.o)(t,(()=>{var l;try{t=(0,n.p)(t)}catch(e){}(0,n.w)(e,"_icons",(e=>{const t="object"==typeof e&&null!==e&&0===Object.keys(e).length;return null===e||t||(0,s.i)(e,1)||"object"==typeof e&&null!==e&&((0,s.i)(e.left,1)||a(e.left)||(0,s.i)(e.right,1)||a(e.right)||(0,s.i)(e.top,1)||a(e.top)||(0,s.i)(e.bottom,1)||a(e.bottom))}),new Set(["KoliBriIcon"]),t,Object.assign(Object.assign({},i),{defaultValue:{},hooks:{afterPatch:null===(l=i.hooks)||void 0===l?void 0:l.afterPatch,beforePatch:(e,t,n,a)=>{var l,r;"function"==typeof(null===(l=i.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(r=i.hooks)||void 0===r||r.beforePatch(e,t,n,a)),(e=>{var t,i,n;if(null===(t=e.nextState)||void 0===t?void 0:t.has("_icons")){const t=null===(i=e.nextState)||void 0===i?void 0:i.get("_icons");null===(n=e.nextState)||void 0===n||n.set("_icons",(e=>{let t={};return(0,s.i)(e,1)?t={left:{icon:e}}:"object"==typeof e&&null!==e&&(o(t,"top",e.top),o(t,"right",e.right),o(t,"bottom",e.bottom),o(t,"left",e.left)),t})(t))}})(n)}}}))}))}},9333:(e,t,i)=>{i.r(t),i.d(t,{kol_single_select:()=>_});var n=i(64),s=i(5548),o=i(6855),a=i(8304),l=i(1998),r=i(479),h=i(376),d=i(8579),c=i(2388),p=i(5191),u=i(4600),f=i(4997),b=(e,t,i)=>new Promise(((n,s)=>{var o=e=>{try{l(i.next(e))}catch(e){s(e)}},a=e=>{try{l(i.throw(e))}catch(e){s(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);l((i=i.apply(e,t)).next())}));class v extends a.I{constructor(e,t,i){super(e,t,i),this.keyOptionMap=new Map,this.afterPatchOptions=(e,t,i,n)=>{"_value"===n&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const i=t.has("_options")?t.get("_options"):this.component.state._options;Array.isArray(i)&&i.length>0&&(this.keyOptionMap.clear(),(0,l.f)(this.keyOptionMap,i))},this.component=e}validateOptions(e){(0,l.b)(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){(0,r.b)(this.component,"_required",e)}validateValue(e){(0,r.i)(this.component,"_value",e)}validateMsg(e){(0,h.v)(this.component,e)}validatePlaceholder(e){(0,r.i)(this.component,"_placeholder",e)}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validatePlaceholder(this.component._placeholder)}}const _=class{getValue(){return b(this,null,(function*(){return this.state._value}))}kolFocus(){return b(this,null,(function*(){var e;null===(e=this.refInput)||void 0===e||e.focus()}))}onBlur(){var e;Array.isArray(this.state._options)&&this.state._options.length>0&&!this.state._options.some((e=>e.label===this._inputValue))&&(this._inputValue=null===(e=this.state._options.find((e=>e.value===this.state._value)))||void 0===e?void 0:e.label,this._filteredOptions=[...this.state._options]),this._isOpen=!1}clearSelection(){this.state._disabled||(this._focusedOptionIndex=-1,this.state._value="",this._inputValue="",this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this.state._value))}selectOption(e,t){this.state._value=t.value,this._inputValue=t.label,this.controller.onFacade.onChange(e,t.value),this.controller.onFacade.onInput(e,!1,t.value),this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this.state._value)}onInput(e){const t=e.target;this._inputValue=t.value,this._isOpen=!0,this.setFilteredOptionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){1===e.key.length&&/[a-z0-9]/i.test(e.key)&&(e.preventDefault(),this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredOptionsByQuery(e){""===(null==e?void 0:e.trim())?this._filteredOptions=[...this.state._options]:Array.isArray(this.state._options)&&this.state._options.length>0&&e.length>0&&(this._filteredOptions=this.state._options.filter((t=>{var i,n;return null===(n=null===(i=t.label)||void 0===i?void 0:i.toLowerCase())||void 0===n?void 0:n.includes(null==e?void 0:e.toLowerCase())})))}moveFocus(e){if(!this._filteredOptions)return;let t=this._focusedOptionIndex+e;t>=this._filteredOptions.length&&(t=0),t<0&&(t=this._filteredOptions.length-1),this._focusedOptionIndex=t,this.focusOption(this._focusedOptionIndex)}focusOption(e){if(this.refOptions){const t=this.refOptions[e];null==t||t.focus()}}focusSuggestionStartingWith(e){const t=e.toLowerCase(),i=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((e=>e.label.toLowerCase().startsWith(t)));"number"==typeof i&&(this._focusedOptionIndex=i,this.focusOption(i))}render(){const e=(0,f.s)(this.state._label),{ariaDescribedBy:t}=(0,h.g)(this.state);return(0,n.h)(n.H,{key:"6632738ce79fd7abfc1b0bc067904d544cde10ba",class:"kol-single-select"},(0,n.h)("div",{key:"36a27b4a40e8852831420282a0cb85f3edc3d60a",class:`single-select ${!0===this.state._disabled?"disabled":""} `},(0,n.h)(d.l,{key:"afa776c0f013c322fb2a19a7ca305bb58a2701ef",_accessKey:this.state._accessKey,_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,role:"presentation"},(0,n.h)("span",{key:"ab137cc937967e4c69e1cb38078f2f7d906c0cf2",slot:"label"},e?(0,n.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,n.h)(n.F,null,(0,n.h)(c.I,{accessKey:this.state._accessKey,label:this.state._label})," ",(0,n.h)("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):(0,n.h)("span",null,this.state._label)),(0,n.h)("div",{key:"9e6f4178c2000d3c858fca7e8a782b255d739fdb",slot:"input"},(0,n.h)("div",{key:"363af0c87cafb931c104aa6645dfb4b394149cc2",class:"single-select__group"},(0,n.h)("input",Object.assign({key:"19117c459f3879cf93bf0b83daae0b5d2135319f",ref:this.catchRef,class:"single-select__input",type:"text","aria-autocomplete":"both","aria-controls":"listbox",value:this._inputValue,accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,name:this.state._name,required:this.state._required,spellcheck:"false"},this.controller.onFacade,{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),placeholder:this.state._placeholder,onClick:this.toggleListbox.bind(this)})),this._inputValue&&(0,n.h)(d.g,{key:"3d7d302de15eb18d75c0576fefd97a95bb1f845f",_icons:"codicon codicon-close",_label:(0,p.t)("kol-delete-selection"),onClick:()=>{var e;this.clearSelection(),null===(e=this.refInput)||void 0===e||e.focus()},class:"single-select__delete"}),(0,n.h)("button",{key:"19bc6add00f14fe17e1592ede5d2f57888c6f24d",tabindex:"-1",class:"single-select__button",onClick:this.toggleListbox.bind(this),disabled:this.state._disabled},(0,n.h)(d.g,{key:"4ff71a635386b7c68e2b4e941fd49d2410d6d973",_icons:"codicon codicon-triangle-down",_label:(0,p.t)("kol-dropdown")}))),this._isOpen&&!(!0===this.state._disabled)&&(0,n.h)("ul",{key:"dfd6401798800cd78eb68a1b42d969a6b098b058",role:"listbox",class:(0,u.c)("single-select__listbox",this.blockSuggestionMouseOver&&"single-select__listbox--cursor-hidden"),onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((e,t)=>(0,n.h)("li",{id:`option-${t}`,key:`-${t}`,ref:e=>{e&&(this.refOptions[t]=e)},tabIndex:-1,role:"option","aria-selected":this.state._value===e.value,onClick:t=>{var i;this.selectOption(t,e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t)},onMouseOver:()=>{this.blockSuggestionMouseOver||(this._focusedOptionIndex=t,this.focusOption(t))},onFocus:()=>{this._focusedOptionIndex=t,this.focusOption(t)},class:"single-select__item",onKeyDown:t=>{var i;"Enter"!==t.key&&"NumpadEnter"!==t.key||(this.selectOption(t,e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t),t.preventDefault())}},(0,n.h)("input",{class:"visually-hidden",type:"radio",name:"options",id:`option-radio-${t}`,value:e.value,checked:this.state._value===e.value||t===this._focusedOptionIndex}),(0,n.h)("label",{htmlFor:`option-radio-${t}`,class:"radio-label"},e.label)))):(0,n.h)("li",{class:"single-select__no-results-message"},(0,p.t)("kol-no-results-message")," "))))))}handleFocusOut(){setTimeout((()=>{var e;(null===(e=this.host)||void 0===e?void 0:e.contains(document.activeElement))||this.onBlur()}),0)}handleWindowBlur(){this.onBlur()}handleKeyDown(e){var t,i;const n=(t,i)=>{var n;e.preventDefault(),void 0!==t&&(this._isOpen=t,t||null===(n=this.refInput)||void 0===n||n.focus()),null==i||i()};switch(e.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(1)));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(-1)));break;case"Tab":this._isOpen&&(this._isOpen=!this._isOpen,null===(t=this.refInput)||void 0===t||t.focus());break;case"Esc":case"Escape":n(!1);break;case" ":this._isOpen?Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&(this.selectOption(e,this._filteredOptions[this._focusedOptionIndex]),null===(i=this.refInput)||void 0===i||i.focus(),n(!1)):this.toggleListbox(e);break;case"NumpadEnter":case"Enter":this.toggleListbox(e);break;case"Home":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=0,this.focusOption(this._focusedOptionIndex))}));break;case"End":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0,this.focusOption(this._focusedOptionIndex))}));break;case"PageUp":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(-10)));break;case"PageDown":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(10)))}}constructor(e){(0,n.r)(this,e),this.refOptions=[],this.catchRef=e=>{this.refInput=e},this.toggleListbox=e=>{var t;if(null==e||e.preventDefault(),!this.state._disabled&&(this._isOpen=!this._isOpen,this._isOpen)){null===(t=this.refInput)||void 0===t||t.focus();const e=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((e=>e.label===this._inputValue)):-1;this._focusedOptionIndex=e>=0?e:0,this.focusOption(this._focusedOptionIndex)}},this._focusedOptionIndex=-1,this._isOpen=!1,this._filteredOptions=[],this._inputValue="",this.blockSuggestionMouseOver=!1,this._accessKey=void 0,this._placeholder=void 0,this._alert=!0,this._disabled=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hideError:!1,_id:`id-${(0,s.n)()}`,_label:"",_options:[],_value:""},this.controller=new v(this,"single-select",this.host)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e),this._filteredOptions=e}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.oldValue=e}handleMouseEvent(){this.blockSuggestionMouseOver=!1}componentWillLoad(){if(this.refOptions=[],this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.oldValue=this._value,this._filteredOptions=this._options,Array.isArray(this._options)){const e=this._options.find((e=>e.value===this._value));this._inputValue=e?e.label:""}}onChange(e){var t,i,n,s;this.oldValue!==(null===(t=this.refInput)||void 0===t?void 0:t.value)&&(this.oldValue=null===(i=this.refInput)||void 0===i?void 0:i.value),(0,o.s)(e),(0,o.t)("change",this.host,this._value),"function"!=typeof(null===(n=this.state._on)||void 0===n?void 0:n.onChange)||this._isOpen||this.state._on.onChange(e,this._value&&this.oldValue!==(null===(s=this.refInput)||void 0===s?void 0:s.value))}get host(){return(0,n.g)(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};_.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .single-select {\n position: relative;\n }\n .single-select.disabled, .single-select.disabled * {\n cursor: not-allowed !important;\n }\n .single-select__group {\n display: inline-flex;\n align-items: center;\n }\n .single-select__input {\n flex-grow: 1;\n }\n .single-select__button {\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .single-select__listbox {\n display: block;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2;\n background-color: white;\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__item.highlighted {\n background-color: #f0f0f0;\n }\n .single-select__listbox--cursor-hidden .single-select__item {\n cursor: none !important;\n }\n .single-select__no-results-message {\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\n }\n}"}}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9333],{4600:(e,t,i)=>{function n(e){var t,i,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(i=n(e[t]))&&(s&&(s+=" "),s+=i)}else for(i in e)e[i]&&(s&&(s+=" "),s+=i);return s}function s(){for(var e,t,i=0,s="",o=arguments.length;i<o;i++)(e=arguments[i])&&(t=n(e))&&(s&&(s+=" "),s+=t);return s}i.d(t,{c:()=>s})},3260:(e,t,i)=>{i.d(t,{S:()=>a,a:()=>o,b:()=>n,i:()=>s});const n=e=>"object"==typeof e&&null!==e,s=(e,t=0)=>"string"==typeof e&&e.length>=t,o=e=>{if("object"!=typeof e||null===e)return s(e,1);for(const t in e)if(!1===s(t,1))return!1;return!0},a=new Event("StateChange")},6782:(e,t,i)=>{i.d(t,{I:()=>c,a:()=>p,b:()=>l,f:()=>d,v:()=>r});var n=i(4213),s=i(7440),o=i(5815);const a=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===(0,o.b)(e.label,3)&&!1===(0,o.c)(e.label)&&(0,s.a)(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(e.options)||void 0===e.options.find((e=>!1===a(e)));if("number"==typeof e.label)return!0}return!1},l=(e,t,i={})=>{(0,s.g)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),t,void 0,i)},r=(e,t,i={})=>{(0,s.g)(e,"_options",a,t,void 0,i)},h=["horizontal","vertical"],d=(e,t,i="")=>{t.forEach(((t,n)=>{const s=`${i}-${n}`;"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0&&(Array.isArray(t.options)?d(e,t.options,s):e.set(s,t))}))};class c extends n.I{constructor(e,t,i){super(e,t,i),this.component=e}validateRequired(e){((e,t)=>{(0,s.b)(e,"_required",t)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class p extends c{constructor(e,t,i){super(e,t,i),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,t,i,n)=>{"_value"===n&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const i=t.has("_options")?t.get("_options"):this.component.state._options;Array.isArray(i)&&i.length>0&&(this.keyOptionMap.clear(),d(this.keyOptionMap,i))},this.component=e}validateOrientation(e){(0,s.w)(this.component,"_orientation",(e=>"string"==typeof e&&h.includes(e)),new Set([`Orientation {${h.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){l(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=(0,s.m)(e),e=Array.isArray(e)?e[0]:e,(0,s.s)(this.component,"_value",e,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}},4143:(e,t,i)=>{i.d(t,{I:()=>r});var n=i(4213),s=i(5685),o=i(7440),a=i(3260);const l=(e,t)=>{const i=e;"object"==typeof i&&null!==i&&((0,a.i)(i.right,1)&&(i.right={icon:i.right}),(0,a.i)(i.left,1)&&(i.left={icon:i.left}),t.set("_icons",i))};class r extends n.I{constructor(e,t,i){super(e,t,i),this.component=e}validateIcon(e){this.validateIcons(e)}validateIcons(e){(0,o.o)(e,(()=>{try{e=(0,o.p)(e)}catch(e){}(0,o.w)(this.component,"_icons",(e=>"object"==typeof e&&null!==e&&((0,a.i)(e.left,1)||(0,s.i)(e.left)||(0,a.i)(e.right,1)||(0,s.i)(e.right))),new Set(["KoliBriHorizontalIcon"]),e,{hooks:{beforePatch:l},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},6588:(e,t,i)=>{i.d(t,{t:()=>o});var n=i(8457),s=i(4997);let o=(e,t)=>{var i;return(null!==(i=(0,n.g)())&&void 0!==i?i:(0,n.i)("de")).translate(e,t)};"test"===s.p&&(o=e=>e)},5685:(e,t,i)=>{i.d(t,{i:()=>a,v:()=>l});var n=i(7440),s=i(3260);const o=(e,t,i)=>{(0,s.b)(i)?e[t]=i:(0,s.i)(i,1)&&(e[t]={icon:i})},a=e=>"object"==typeof e&&null!==e&&(void 0===e.style||(0,s.a)(e.style))&&(void 0===e.label||(0,s.i)(e.label))&&(0,s.i)(e.icon,1),l=(e,t,i={})=>{(0,n.o)(t,(()=>{var l;try{t=(0,n.p)(t)}catch(e){}(0,n.w)(e,"_icons",(e=>{const t="object"==typeof e&&null!==e&&0===Object.keys(e).length;return null===e||t||(0,s.i)(e,1)||"object"==typeof e&&null!==e&&((0,s.i)(e.left,1)||a(e.left)||(0,s.i)(e.right,1)||a(e.right)||(0,s.i)(e.top,1)||a(e.top)||(0,s.i)(e.bottom,1)||a(e.bottom))}),new Set(["KoliBriIcon"]),t,Object.assign(Object.assign({},i),{defaultValue:{},hooks:{afterPatch:null===(l=i.hooks)||void 0===l?void 0:l.afterPatch,beforePatch:(e,t,n,a)=>{var l,r;"function"==typeof(null===(l=i.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(r=i.hooks)||void 0===r||r.beforePatch(e,t,n,a)),(e=>{var t,i,n;if(null===(t=e.nextState)||void 0===t?void 0:t.has("_icons")){const t=null===(i=e.nextState)||void 0===i?void 0:i.get("_icons");null===(n=e.nextState)||void 0===n||n.set("_icons",(e=>{let t={};return(0,s.i)(e,1)?t={left:{icon:e}}:"object"==typeof e&&null!==e&&(o(t,"top",e.top),o(t,"right",e.right),o(t,"bottom",e.bottom),o(t,"left",e.left)),t})(t))}})(n)}}}))}))}},9333:(e,t,i)=>{i.r(t),i.d(t,{kol_single_select:()=>_});var n=i(777),s=i(2452),o=i(6855),a=i(4143),l=i(6782),r=i(7440),h=i(4213),d=i(8579),c=i(8540),p=i(6588),u=i(4600),f=i(4997),b=(e,t,i)=>new Promise(((n,s)=>{var o=e=>{try{l(i.next(e))}catch(e){s(e)}},a=e=>{try{l(i.throw(e))}catch(e){s(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);l((i=i.apply(e,t)).next())}));class v extends a.I{constructor(e,t,i){super(e,t,i),this.keyOptionMap=new Map,this.afterPatchOptions=(e,t,i,n)=>{"_value"===n&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,t)=>{const i=t.has("_options")?t.get("_options"):this.component.state._options;Array.isArray(i)&&i.length>0&&(this.keyOptionMap.clear(),(0,l.f)(this.keyOptionMap,i))},this.component=e}validateOptions(e){(0,l.b)(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(e){(0,r.b)(this.component,"_required",e)}validateValue(e){(0,r.i)(this.component,"_value",e)}validateMsg(e){(0,h.v)(this.component,e)}validatePlaceholder(e){(0,r.i)(this.component,"_placeholder",e)}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validatePlaceholder(this.component._placeholder)}}const _=class{getValue(){return b(this,null,(function*(){return this.state._value}))}kolFocus(){return b(this,null,(function*(){var e;null===(e=this.refInput)||void 0===e||e.focus()}))}onBlur(){var e;Array.isArray(this.state._options)&&this.state._options.length>0&&!this.state._options.some((e=>e.label===this._inputValue))&&(this._inputValue=null===(e=this.state._options.find((e=>e.value===this.state._value)))||void 0===e?void 0:e.label,this._filteredOptions=[...this.state._options]),this._isOpen=!1}clearSelection(){this.state._disabled||(this._focusedOptionIndex=-1,this.state._value="",this._inputValue="",this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this.state._value))}selectOption(e,t){this.state._value=t.value,this._inputValue=t.label,this.controller.onFacade.onChange(e,t.value),this.controller.onFacade.onInput(e,!1,t.value),this._filteredOptions=[...this.state._options],this.controller.setFormAssociatedValue(this.state._value)}onInput(e){const t=e.target;this._inputValue=t.value,this._isOpen=!0,this.setFilteredOptionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){1===e.key.length&&/[a-z0-9]/i.test(e.key)&&(e.preventDefault(),this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredOptionsByQuery(e){""===(null==e?void 0:e.trim())?this._filteredOptions=[...this.state._options]:Array.isArray(this.state._options)&&this.state._options.length>0&&e.length>0&&(this._filteredOptions=this.state._options.filter((t=>{var i,n;return null===(n=null===(i=t.label)||void 0===i?void 0:i.toLowerCase())||void 0===n?void 0:n.includes(null==e?void 0:e.toLowerCase())})))}moveFocus(e){if(!this._filteredOptions)return;let t=this._focusedOptionIndex+e;t>=this._filteredOptions.length&&(t=0),t<0&&(t=this._filteredOptions.length-1),this._focusedOptionIndex=t,this.focusOption(this._focusedOptionIndex)}focusOption(e){if(this.refOptions){const t=this.refOptions[e];null==t||t.focus()}}focusSuggestionStartingWith(e){const t=e.toLowerCase(),i=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((e=>e.label.toLowerCase().startsWith(t)));"number"==typeof i&&(this._focusedOptionIndex=i,this.focusOption(i))}render(){const e=(0,f.s)(this.state._label),{ariaDescribedBy:t}=(0,h.g)(this.state);return(0,n.h)(n.H,{key:"6632738ce79fd7abfc1b0bc067904d544cde10ba",class:"kol-single-select"},(0,n.h)("div",{key:"36a27b4a40e8852831420282a0cb85f3edc3d60a",class:`single-select ${!0===this.state._disabled?"disabled":""} `},(0,n.h)(d.l,{key:"afa776c0f013c322fb2a19a7ca305bb58a2701ef",_accessKey:this.state._accessKey,_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,role:"presentation"},(0,n.h)("span",{key:"ab137cc937967e4c69e1cb38078f2f7d906c0cf2",slot:"label"},e?(0,n.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,n.h)(n.F,null,(0,n.h)(c.I,{accessKey:this.state._accessKey,label:this.state._label})," ",(0,n.h)("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):(0,n.h)("span",null,this.state._label)),(0,n.h)("div",{key:"9e6f4178c2000d3c858fca7e8a782b255d739fdb",slot:"input"},(0,n.h)("div",{key:"363af0c87cafb931c104aa6645dfb4b394149cc2",class:"single-select__group"},(0,n.h)("input",Object.assign({key:"19117c459f3879cf93bf0b83daae0b5d2135319f",ref:this.catchRef,class:"single-select__input",type:"text","aria-autocomplete":"both","aria-controls":"listbox",value:this._inputValue,accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,name:this.state._name,required:this.state._required,spellcheck:"false"},this.controller.onFacade,{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),placeholder:this.state._placeholder,onClick:this.toggleListbox.bind(this)})),this._inputValue&&(0,n.h)(d.g,{key:"3d7d302de15eb18d75c0576fefd97a95bb1f845f",_icons:"codicon codicon-close",_label:(0,p.t)("kol-delete-selection"),onClick:()=>{var e;this.clearSelection(),null===(e=this.refInput)||void 0===e||e.focus()},class:"single-select__delete"}),(0,n.h)("button",{key:"19bc6add00f14fe17e1592ede5d2f57888c6f24d",tabindex:"-1",class:"single-select__button",onClick:this.toggleListbox.bind(this),disabled:this.state._disabled},(0,n.h)(d.g,{key:"4ff71a635386b7c68e2b4e941fd49d2410d6d973",_icons:"codicon codicon-triangle-down",_label:(0,p.t)("kol-dropdown")}))),this._isOpen&&!(!0===this.state._disabled)&&(0,n.h)("ul",{key:"dfd6401798800cd78eb68a1b42d969a6b098b058",role:"listbox",class:(0,u.c)("single-select__listbox",this.blockSuggestionMouseOver&&"single-select__listbox--cursor-hidden"),onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((e,t)=>(0,n.h)("li",{id:`option-${t}`,key:`-${t}`,ref:e=>{e&&(this.refOptions[t]=e)},tabIndex:-1,role:"option","aria-selected":this.state._value===e.value,onClick:t=>{var i;this.selectOption(t,e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t)},onMouseOver:()=>{this.blockSuggestionMouseOver||(this._focusedOptionIndex=t,this.focusOption(t))},onFocus:()=>{this._focusedOptionIndex=t,this.focusOption(t)},class:"single-select__item",onKeyDown:t=>{var i;"Enter"!==t.key&&"NumpadEnter"!==t.key||(this.selectOption(t,e),null===(i=this.refInput)||void 0===i||i.focus(),this.toggleListbox(t),t.preventDefault())}},(0,n.h)("input",{class:"visually-hidden",type:"radio",name:"options",id:`option-radio-${t}`,value:e.value,checked:this.state._value===e.value||t===this._focusedOptionIndex}),(0,n.h)("label",{htmlFor:`option-radio-${t}`,class:"radio-label"},e.label)))):(0,n.h)("li",{class:"single-select__no-results-message"},(0,p.t)("kol-no-results-message")," "))))))}handleFocusOut(){setTimeout((()=>{var e;(null===(e=this.host)||void 0===e?void 0:e.contains(document.activeElement))||this.onBlur()}),0)}handleWindowBlur(){this.onBlur()}handleKeyDown(e){var t,i;const n=(t,i)=>{var n;e.preventDefault(),void 0!==t&&(this._isOpen=t,t||null===(n=this.refInput)||void 0===n||n.focus()),null==i||i()};switch(e.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(1)));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,n(!0,(()=>this.moveFocus(-1)));break;case"Tab":this._isOpen&&(this._isOpen=!this._isOpen,null===(t=this.refInput)||void 0===t||t.focus());break;case"Esc":case"Escape":n(!1);break;case" ":this._isOpen?Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&(this.selectOption(e,this._filteredOptions[this._focusedOptionIndex]),null===(i=this.refInput)||void 0===i||i.focus(),n(!1)):this.toggleListbox(e);break;case"NumpadEnter":case"Enter":this.toggleListbox(e);break;case"Home":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=0,this.focusOption(this._focusedOptionIndex))}));break;case"End":this.blockSuggestionMouseOver=!0,n(void 0,(()=>{this._isOpen&&(this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0,this.focusOption(this._focusedOptionIndex))}));break;case"PageUp":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(-10)));break;case"PageDown":this.blockSuggestionMouseOver=!0,n(void 0,(()=>this._isOpen&&this.moveFocus(10)))}}constructor(e){(0,n.r)(this,e),this.refOptions=[],this.catchRef=e=>{this.refInput=e},this.toggleListbox=e=>{var t;if(null==e||e.preventDefault(),!this.state._disabled&&(this._isOpen=!this._isOpen,this._isOpen)){null===(t=this.refInput)||void 0===t||t.focus();const e=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((e=>e.label===this._inputValue)):-1;this._focusedOptionIndex=e>=0?e:0,this.focusOption(this._focusedOptionIndex)}},this._focusedOptionIndex=-1,this._isOpen=!1,this._filteredOptions=[],this._inputValue="",this.blockSuggestionMouseOver=!1,this._accessKey=void 0,this._placeholder=void 0,this._alert=!0,this._disabled=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hideError:!1,_id:`id-${(0,s.n)()}`,_label:"",_options:[],_value:""},this.controller=new v(this,"single-select",this.host)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateOptions(e){this.controller.validateOptions(e),this._filteredOptions=e}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.oldValue=e}handleMouseEvent(){this.blockSuggestionMouseOver=!1}componentWillLoad(){if(this.refOptions=[],this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.oldValue=this._value,this._filteredOptions=this._options,Array.isArray(this._options)){const e=this._options.find((e=>e.value===this._value));this._inputValue=e?e.label:""}}onChange(e){var t,i,n,s;this.oldValue!==(null===(t=this.refInput)||void 0===t?void 0:t.value)&&(this.oldValue=null===(i=this.refInput)||void 0===i?void 0:i.value),(0,o.s)(e),(0,o.t)("change",this.host,this._value),"function"!=typeof(null===(n=this.state._on)||void 0===n?void 0:n.onChange)||this._isOpen||this.state._on.onChange(e,this._value&&this.oldValue!==(null===(s=this.refInput)||void 0===s?void 0:s.value))}get host(){return(0,n.g)(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};_.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n /* input[type='checkbox'], */\n /* input[type='radio'], */\n /* input[type='range'], */\n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n /* needed hack for vertical alignment */\n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n /* needed hack for vertical alignment */\n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .single-select {\n position: relative;\n }\n .single-select.disabled, .single-select.disabled * {\n cursor: not-allowed !important;\n }\n .single-select__group {\n display: inline-flex;\n align-items: center;\n }\n .single-select__input {\n flex-grow: 1;\n }\n .single-select__button {\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .single-select__listbox {\n display: block;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2;\n background-color: white;\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__item.highlighted {\n background-color: #f0f0f0;\n }\n .single-select__listbox--cursor-hidden .single-select__item {\n cursor: none !important;\n }\n .single-select__no-results-message {\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: calc(50rem / var(--kolibri-root-font-size, 16));\n }\n}"}}}]);
|
package/dist/9389.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 9389.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9389],{9389:(n,e,t)=>{t.r(e),t.d(e,{kol_breadcrumb:()=>d});var i=t(
|
|
2
|
+
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9389],{9389:(n,e,t)=>{t.r(e),t.d(e,{kol_breadcrumb:()=>d});var i=t(777),a=t(1880),o=t(6934),l=t(8579),s=t(7440),r=t(5815);const d=class{constructor(n){(0,i.r)(this,n),this.renderLink=(n,e)=>{const t=this.state._links.length-1;return(0,i.h)("li",{key:e},0!==e&&(0,i.h)(l.g,{_label:"",_icons:"codicon codicon-chevron-right"}),e===t?(0,i.h)("span",null,n._hideLabel?(0,i.h)(l.g,{_label:n._label,_icons:"string"==typeof n._icons?n._icons:"codicon codicon-symbol-event"}):(0,i.h)(i.F,null,n._label)):(0,i.h)(l.h,Object.assign({},n)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return(0,i.h)(i.H,{key:"1cfa36fa9a381d7b470854ec4a550b54817e37d6",class:"kol-breadcrumb"},(0,i.h)("nav",{key:"d913f0b8853e65302801b62abb9ee1a7911ba264","aria-label":this.state._label},(0,i.h)("ul",{key:"9719d99bcfedb925e819b0abf14977692fdabc76"},0===this.state._links.length&&(0,i.h)("li",{key:"1681efdfcdb0eb6d31fe0baf14efa89208ef04e9"},(0,i.h)(l.g,{key:"21f1969a164aaa85d48a8e985e2e788be10a5135",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(n,e,t=!1){t||(0,a.r)(this.state._label),(0,r.v)(this,n,{required:!0}),(0,s.e)(n),(0,a.a)(this.state._label)}validateLinks(n){(0,o.w)("KolBreadcrumb",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){(0,a.r)(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};d.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: 44px;\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of 44px.\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n /*\n * Some interactive elements should not inherit the font-family and font-size.\n */\n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n /*\n * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n /*\n * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n :host {\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n /* This is the text label. */\n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n /* Reset browser agent style. */\n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n li,\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n gap: 0.5em;\n flex-wrap: wrap;\n place-items: center;\n }\n .kol-icon::part(separator) {\n font-weight: 900;\n font-size: 0.7em;\n }\n .kol-icon::part(separator):before {\n content: \"\\f054\";\n font-family: \"Font Awesome 6 Free\";\n }\n}"}},5815:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>s,c:()=>r,h:()=>a,v:()=>h});var i=t(7440);const a=[0,1,2,3,4,5,6],o=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(o))||void 0===e?void 0:e.length)||0}(n)>=e}function r(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,i.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,a,o)=>{var l,d;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=n.hooks)||void 0===d||d.afterPatch(e,t,a,o)),"string"==typeof e&&!1===s(e,3)&&!1===r(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(t))},c=h},1880:(n,e,t)=>{t.d(e,{a:()=>o,r:()=>l});var i=t(6448);const a=new Set;function o(n){a.has(n)?i.L.error(`There already is a nav element with the label "${n}"`,{forceLog:!0}):a.add(n)}function l(n){a.delete(n)}},6934:(n,e,t)=>{t.d(e,{w:()=>a});var i=t(7440);const a=(n,e,t)=>{(0,i.g)(e,"_links",(n=>"object"==typeof n&&("string"==typeof n._href||"string"==typeof n._label)),t),(0,i.h)(n,e.state._links.length)}}}]);
|
package/dist/9561.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 9561.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9561],{9561:(n,e,o)=>{o.r(e),o.d(e,{kol_icon:()=>r});var c=o(64),t=o(479),b=o(5233);const r=class{constructor(n){(0,c.r)(this,n),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return(0,c.h)(c.H,{key:"572ba8a20d7e148034c7564d0b8d672aac7f3c30",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"ec9325d8bb003986a44fdffc42eb4d7eaa91e1ab","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){(0,t.i)(this,"_icons",n,{required:!0})}validateLabel(n){(0,b.v)(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};r.style={default:'/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n font-family: "codicon";\n font-display: block;\n src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n/*---------------------\n * Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: "\\ea60";\n}\n\n.codicon-plus:before {\n content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n content: "\\ea61";\n}\n\n.codicon-repo:before {\n content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n content: "\\ea65";\n}\n\n.codicon-tag:before {\n content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n content: "\\ea66";\n}\n\n.codicon-person:before {\n content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n content: "\\ea68";\n}\n\n.codicon-source-control:before {\n content: "\\ea68";\n}\n\n.codicon-mirror:before {\n content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n content: "\\ea69";\n}\n\n.codicon-star:before {\n content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n content: "\\ea6a";\n}\n\n.codicon-comment:before {\n content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n content: "\\ea6b";\n}\n\n.codicon-alert:before {\n content: "\\ea6c";\n}\n\n.codicon-warning:before {\n content: "\\ea6c";\n}\n\n.codicon-search:before {\n content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n content: "\\ea6f";\n}\n\n.codicon-eye:before {\n content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n content: "\\ea72";\n}\n\n.codicon-edit:before {\n content: "\\ea73";\n}\n\n.codicon-pencil:before {\n content: "\\ea73";\n}\n\n.codicon-info:before {\n content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n content: "\\ea75";\n}\n\n.codicon-lock:before {\n content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n content: "\\ea75";\n}\n\n.codicon-close:before {\n content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n content: "\\ea76";\n}\n\n.codicon-x:before {\n content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n content: "\\ea77";\n}\n\n.codicon-sync:before {\n content: "\\ea77";\n}\n\n.codicon-clone:before {\n content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n content: "\\ea78";\n}\n\n.codicon-beaker:before {\n content: "\\ea79";\n}\n\n.codicon-microscope:before {\n content: "\\ea79";\n}\n\n.codicon-vm:before {\n content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n content: "\\ea7a";\n}\n\n.codicon-file:before {\n content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n content: "\\ea7b";\n}\n\n.codicon-more:before {\n content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-organization:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n content: "\\ea80";\n}\n\n.codicon-trash:before {\n content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n content: "\\ea81";\n}\n\n.codicon-history:before {\n content: "\\ea82";\n}\n\n.codicon-clock:before {\n content: "\\ea82";\n}\n\n.codicon-folder:before {\n content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n content: "\\ea84";\n}\n\n.codicon-github:before {\n content: "\\ea84";\n}\n\n.codicon-terminal:before {\n content: "\\ea85";\n}\n\n.codicon-console:before {\n content: "\\ea85";\n}\n\n.codicon-repl:before {\n content: "\\ea85";\n}\n\n.codicon-zap:before {\n content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n content: "\\ea86";\n}\n\n.codicon-error:before {\n content: "\\ea87";\n}\n\n.codicon-stop:before {\n content: "\\ea87";\n}\n\n.codicon-variable:before {\n content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n content: "\\ea88";\n}\n\n.codicon-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n content: "\\ea97";\n}\n\n.codicon-archive:before {\n content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n content: "\\eaa1";\n}\n\n.codicon-bell:before {\n content: "\\eaa2";\n}\n\n.codicon-bold:before {\n content: "\\eaa3";\n}\n\n.codicon-book:before {\n content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n content: "\\eaad";\n}\n\n.codicon-browser:before {\n content: "\\eaae";\n}\n\n.codicon-bug:before {\n content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n content: "\\eab1";\n}\n\n.codicon-check:before {\n content: "\\eab2";\n}\n\n.codicon-checklist:before {\n content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n content: "\\eabf";\n}\n\n.codicon-clippy:before {\n content: "\\eac0";\n}\n\n.codicon-close-all:before {\n content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n content: "\\eac3";\n}\n\n.codicon-code:before {\n content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n content: "\\eac9";\n}\n\n.codicon-dash:before {\n content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n content: "\\eacd";\n}\n\n.codicon-database:before {\n content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n content: "\\ead7";\n}\n\n.codicon-debug:before {\n content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n content: "\\eae0";\n}\n\n.codicon-diff:before {\n content: "\\eae1";\n}\n\n.codicon-discard:before {\n content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n content: "\\eae4";\n}\n\n.codicon-exclude:before {\n content: "\\eae5";\n}\n\n.codicon-extensions:before {\n content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n content: "\\eae8";\n}\n\n.codicon-file-code:before {\n content: "\\eae9";\n}\n\n.codicon-file-media:before {\n content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n content: "\\eaef";\n}\n\n.codicon-files:before {\n content: "\\eaf0";\n}\n\n.codicon-filter:before {\n content: "\\eaf1";\n}\n\n.codicon-flame:before {\n content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n content: "\\eaf4";\n}\n\n.codicon-fold:before {\n content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n content: "\\eaf7";\n}\n\n.codicon-gear:before {\n content: "\\eaf8";\n}\n\n.codicon-gift:before {\n content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n content: "\\eafa";\n}\n\n.codicon-gist:before {\n content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n content: "\\eafe";\n}\n\n.codicon-github-action:before {\n content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n content: "\\eb00";\n}\n\n.codicon-globe:before {\n content: "\\eb01";\n}\n\n.codicon-grabber:before {\n content: "\\eb02";\n}\n\n.codicon-graph:before {\n content: "\\eb03";\n}\n\n.codicon-gripper:before {\n content: "\\eb04";\n}\n\n.codicon-heart:before {\n content: "\\eb05";\n}\n\n.codicon-home:before {\n content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n content: "\\eb07";\n}\n\n.codicon-hubot:before {\n content: "\\eb08";\n}\n\n.codicon-inbox:before {\n content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n content: "\\eb0b";\n}\n\n.codicon-issues:before {\n content: "\\eb0c";\n}\n\n.codicon-italic:before {\n content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n content: "\\eb0e";\n}\n\n.codicon-json:before {\n content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n content: "\\eb10";\n}\n\n.codicon-key:before {\n content: "\\eb11";\n}\n\n.codicon-law:before {\n content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n content: "\\eb13";\n}\n\n.codicon-link-external:before {\n content: "\\eb14";\n}\n\n.codicon-link:before {\n content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n content: "\\eb17";\n}\n\n.codicon-live-share:before {\n content: "\\eb18";\n}\n\n.codicon-loading:before {\n content: "\\eb19";\n}\n\n.codicon-location:before {\n content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n content: "\\eb1b";\n}\n\n.codicon-mail:before {\n content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n content: "\\eb1e";\n}\n\n.codicon-mention:before {\n content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n content: "\\eb21";\n}\n\n.codicon-move:before {\n content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n content: "\\eb23";\n}\n\n.codicon-mute:before {\n content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n content: "\\eb25";\n}\n\n.codicon-note:before {\n content: "\\eb26";\n}\n\n.codicon-octoface:before {\n content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n content: "\\eb28";\n}\n\n.codicon-package:before {\n content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n content: "\\eb2a";\n}\n\n.codicon-pin:before {\n content: "\\eb2b";\n}\n\n.codicon-play:before {\n content: "\\eb2c";\n}\n\n.codicon-run:before {\n content: "\\eb2c";\n}\n\n.codicon-plug:before {\n content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n content: "\\eb2e";\n}\n\n.codicon-preview:before {\n content: "\\eb2f";\n}\n\n.codicon-project:before {\n content: "\\eb30";\n}\n\n.codicon-pulse:before {\n content: "\\eb31";\n}\n\n.codicon-question:before {\n content: "\\eb32";\n}\n\n.codicon-quote:before {\n content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n content: "\\eb34";\n}\n\n.codicon-reactions:before {\n content: "\\eb35";\n}\n\n.codicon-references:before {\n content: "\\eb36";\n}\n\n.codicon-refresh:before {\n content: "\\eb37";\n}\n\n.codicon-regex:before {\n content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n content: "\\eb39";\n}\n\n.codicon-remote:before {\n content: "\\eb3a";\n}\n\n.codicon-remove:before {\n content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n content: "\\eb3c";\n}\n\n.codicon-replace:before {\n content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n content: "\\eb41";\n}\n\n.codicon-report:before {\n content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n content: "\\eb43";\n}\n\n.codicon-rocket:before {\n content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n content: "\\eb46";\n}\n\n.codicon-rss:before {\n content: "\\eb47";\n}\n\n.codicon-ruby:before {\n content: "\\eb48";\n}\n\n.codicon-save-all:before {\n content: "\\eb49";\n}\n\n.codicon-save-as:before {\n content: "\\eb4a";\n}\n\n.codicon-save:before {\n content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n content: "\\eb4e";\n}\n\n.codicon-server:before {\n content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n content: "\\eb51";\n}\n\n.codicon-settings:before {\n content: "\\eb52";\n}\n\n.codicon-shield:before {\n content: "\\eb53";\n}\n\n.codicon-smiley:before {\n content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n content: "\\eb58";\n}\n\n.codicon-star-full:before {\n content: "\\eb59";\n}\n\n.codicon-star-half:before {\n content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n content: "\\eb65";\n}\n\n.codicon-wrench:before {\n content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n content: "\\eb67";\n}\n\n.codicon-telescope:before {\n content: "\\eb68";\n}\n\n.codicon-text-size:before {\n content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n content: "\\eb6c";\n}\n\n.codicon-tools:before {\n content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n content: "\\eb71";\n}\n\n.codicon-twitter:before {\n content: "\\eb72";\n}\n\n.codicon-unfold:before {\n content: "\\eb73";\n}\n\n.codicon-unlock:before {\n content: "\\eb74";\n}\n\n.codicon-unmute:before {\n content: "\\eb75";\n}\n\n.codicon-unverified:before {\n content: "\\eb76";\n}\n\n.codicon-verified:before {\n content: "\\eb77";\n}\n\n.codicon-versions:before {\n content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n content: "\\eb7b";\n}\n\n.codicon-watch:before {\n content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n content: "\\eb7e";\n}\n\n.codicon-window:before {\n content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n content: "\\eb85";\n}\n\n.codicon-selection:before {\n content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n content: "\\eb93";\n}\n\n.codicon-menu:before {\n content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n content: "\\eb95";\n}\n\n.codicon-feedback:before {\n content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: "\\eb98";\n}\n\n.codicon-account:before {\n content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n content: "\\eb9b";\n}\n\n.codicon-library:before {\n content: "\\eb9c";\n}\n\n.codicon-output:before {\n content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n content: "\\eba1";\n}\n\n.codicon-server-process:before {\n content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n content: "\\eba3";\n}\n\n.codicon-pass:before {\n content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n content: "\\eba6";\n}\n\n.codicon-record:before {\n content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n content: "\\eba9";\n}\n\n.codicon-cloud:before {\n content: "\\ebaa";\n}\n\n.codicon-merge:before {\n content: "\\ebab";\n}\n\n.codicon-export:before {\n content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n content: "\\ebad";\n}\n\n.codicon-magnet:before {\n content: "\\ebae";\n}\n\n.codicon-notebook:before {\n content: "\\ebaf";\n}\n\n.codicon-redo:before {\n content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n content: "\\ebb5";\n}\n\n.codicon-combine:before {\n content: "\\ebb6";\n}\n\n.codicon-gather:before {\n content: "\\ebb6";\n}\n\n.codicon-table:before {\n content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n content: "\\ebcb";\n}\n\n.codicon-copy:before {\n content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n content: "\\ebce";\n}\n\n.codicon-wand:before {\n content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n content: "\\ebd1";\n}\n\n.codicon-layers:before {\n content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n content: "\\ebd4";\n}\n\n.codicon-compass:before {\n content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n content: "\\ebd7";\n}\n\n.codicon-azure:before {\n content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n content: "\\ebe9";\n}\n\n.codicon-newline:before {\n content: "\\ebea";\n}\n\n.codicon-layout:before {\n content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n content: "\\ebf7";\n}\n\n.codicon-target:before {\n content: "\\ebf8";\n}\n\n.codicon-indent:before {\n content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: "\\ec02";\n}\n\n.codicon-blank:before {\n content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n content: "\\ec04";\n}\n\n.codicon-map:before {\n content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: "\\ec0c";\n}\n\n@layer kol-component {\n /* :host implicitly inherits font-size, see below */\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n color: inherit;\n display: contents;\n height: 1em;\n line-height: inherit;\n width: 1em;\n }\n :host > i {\n height: 1em;\n width: 1em;\n }\n /*\n * The <code>:important</code> is important, because we should always override the font icon style.\n */\n :host > i,\n :host > i:before {\n font-size: inherit !important;\n }\n}'}},5233:(n,e,o)=>{o.d(e,{a:()=>l,b:()=>i,c:()=>d,h:()=>t,v:()=>f});var c=o(479);const t=[0,1,2,3,4,5,6],b=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function i(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(b))||void 0===e?void 0:e.length)||0}(n)>=e}function d(n){return r.test(n)}const a=new Set(["string"]),f=(n,e,o={})=>{(0,c.w)(n,"_label",(n=>"string"==typeof n),a,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,o,t,b)=>{var r,a;"function"==typeof(null===(r=n.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(a=n.hooks)||void 0===a||a.afterPatch(e,o,t,b)),"string"==typeof e&&!1===i(e,3)&&!1===d(e)&&(0,c.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,c.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(o))},l=f}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9561],{9561:(n,e,o)=>{o.r(e),o.d(e,{kol_icon:()=>r});var c=o(777),t=o(7440),b=o(5815);const r=class{constructor(n){(0,c.r)(this,n),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const n=this.state._label.length>0;return(0,c.h)(c.H,{key:"572ba8a20d7e148034c7564d0b8d672aac7f3c30",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"ec9325d8bb003986a44fdffc42eb4d7eaa91e1ab","aria-hidden":n?void 0:"true","aria-label":n?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(n){(0,t.i)(this,"_icons",n,{required:!0})}validateLabel(n){(0,b.v)(this,n,{required:!0})}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}};r.style={default:'/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n font-family: "codicon";\n font-display: block;\n src: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n.codicon[class*=codicon-] {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n/*---------------------\n * Modifiers\n *-------------------*/\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: "\\ea60";\n}\n\n.codicon-plus:before {\n content: "\\ea60";\n}\n\n.codicon-gist-new:before {\n content: "\\ea60";\n}\n\n.codicon-repo-create:before {\n content: "\\ea60";\n}\n\n.codicon-lightbulb:before {\n content: "\\ea61";\n}\n\n.codicon-light-bulb:before {\n content: "\\ea61";\n}\n\n.codicon-repo:before {\n content: "\\ea62";\n}\n\n.codicon-repo-delete:before {\n content: "\\ea62";\n}\n\n.codicon-gist-fork:before {\n content: "\\ea63";\n}\n\n.codicon-repo-forked:before {\n content: "\\ea63";\n}\n\n.codicon-git-pull-request:before {\n content: "\\ea64";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: "\\ea64";\n}\n\n.codicon-record-keys:before {\n content: "\\ea65";\n}\n\n.codicon-keyboard:before {\n content: "\\ea65";\n}\n\n.codicon-tag:before {\n content: "\\ea66";\n}\n\n.codicon-tag-add:before {\n content: "\\ea66";\n}\n\n.codicon-tag-remove:before {\n content: "\\ea66";\n}\n\n.codicon-person:before {\n content: "\\ea67";\n}\n\n.codicon-person-follow:before {\n content: "\\ea67";\n}\n\n.codicon-person-outline:before {\n content: "\\ea67";\n}\n\n.codicon-person-filled:before {\n content: "\\ea67";\n}\n\n.codicon-git-branch:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-create:before {\n content: "\\ea68";\n}\n\n.codicon-git-branch-delete:before {\n content: "\\ea68";\n}\n\n.codicon-source-control:before {\n content: "\\ea68";\n}\n\n.codicon-mirror:before {\n content: "\\ea69";\n}\n\n.codicon-mirror-public:before {\n content: "\\ea69";\n}\n\n.codicon-star:before {\n content: "\\ea6a";\n}\n\n.codicon-star-add:before {\n content: "\\ea6a";\n}\n\n.codicon-star-delete:before {\n content: "\\ea6a";\n}\n\n.codicon-star-empty:before {\n content: "\\ea6a";\n}\n\n.codicon-comment:before {\n content: "\\ea6b";\n}\n\n.codicon-comment-add:before {\n content: "\\ea6b";\n}\n\n.codicon-alert:before {\n content: "\\ea6c";\n}\n\n.codicon-warning:before {\n content: "\\ea6c";\n}\n\n.codicon-search:before {\n content: "\\ea6d";\n}\n\n.codicon-search-save:before {\n content: "\\ea6d";\n}\n\n.codicon-log-out:before {\n content: "\\ea6e";\n}\n\n.codicon-sign-out:before {\n content: "\\ea6e";\n}\n\n.codicon-log-in:before {\n content: "\\ea6f";\n}\n\n.codicon-sign-in:before {\n content: "\\ea6f";\n}\n\n.codicon-eye:before {\n content: "\\ea70";\n}\n\n.codicon-eye-unwatch:before {\n content: "\\ea70";\n}\n\n.codicon-eye-watch:before {\n content: "\\ea70";\n}\n\n.codicon-circle-filled:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-dot:before {\n content: "\\ea71";\n}\n\n.codicon-close-dirty:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint:before {\n content: "\\ea71";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: "\\ea71";\n}\n\n.codicon-debug-hint:before {\n content: "\\ea71";\n}\n\n.codicon-primitive-square:before {\n content: "\\ea72";\n}\n\n.codicon-edit:before {\n content: "\\ea73";\n}\n\n.codicon-pencil:before {\n content: "\\ea73";\n}\n\n.codicon-info:before {\n content: "\\ea74";\n}\n\n.codicon-issue-opened:before {\n content: "\\ea74";\n}\n\n.codicon-gist-private:before {\n content: "\\ea75";\n}\n\n.codicon-git-fork-private:before {\n content: "\\ea75";\n}\n\n.codicon-lock:before {\n content: "\\ea75";\n}\n\n.codicon-mirror-private:before {\n content: "\\ea75";\n}\n\n.codicon-close:before {\n content: "\\ea76";\n}\n\n.codicon-remove-close:before {\n content: "\\ea76";\n}\n\n.codicon-x:before {\n content: "\\ea76";\n}\n\n.codicon-repo-sync:before {\n content: "\\ea77";\n}\n\n.codicon-sync:before {\n content: "\\ea77";\n}\n\n.codicon-clone:before {\n content: "\\ea78";\n}\n\n.codicon-desktop-download:before {\n content: "\\ea78";\n}\n\n.codicon-beaker:before {\n content: "\\ea79";\n}\n\n.codicon-microscope:before {\n content: "\\ea79";\n}\n\n.codicon-vm:before {\n content: "\\ea7a";\n}\n\n.codicon-device-desktop:before {\n content: "\\ea7a";\n}\n\n.codicon-file:before {\n content: "\\ea7b";\n}\n\n.codicon-file-text:before {\n content: "\\ea7b";\n}\n\n.codicon-more:before {\n content: "\\ea7c";\n}\n\n.codicon-ellipsis:before {\n content: "\\ea7c";\n}\n\n.codicon-kebab-horizontal:before {\n content: "\\ea7c";\n}\n\n.codicon-mail-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-reply:before {\n content: "\\ea7d";\n}\n\n.codicon-organization:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-filled:before {\n content: "\\ea7e";\n}\n\n.codicon-organization-outline:before {\n content: "\\ea7e";\n}\n\n.codicon-new-file:before {\n content: "\\ea7f";\n}\n\n.codicon-file-add:before {\n content: "\\ea7f";\n}\n\n.codicon-new-folder:before {\n content: "\\ea80";\n}\n\n.codicon-file-directory-create:before {\n content: "\\ea80";\n}\n\n.codicon-trash:before {\n content: "\\ea81";\n}\n\n.codicon-trashcan:before {\n content: "\\ea81";\n}\n\n.codicon-history:before {\n content: "\\ea82";\n}\n\n.codicon-clock:before {\n content: "\\ea82";\n}\n\n.codicon-folder:before {\n content: "\\ea83";\n}\n\n.codicon-file-directory:before {\n content: "\\ea83";\n}\n\n.codicon-symbol-folder:before {\n content: "\\ea83";\n}\n\n.codicon-logo-github:before {\n content: "\\ea84";\n}\n\n.codicon-mark-github:before {\n content: "\\ea84";\n}\n\n.codicon-github:before {\n content: "\\ea84";\n}\n\n.codicon-terminal:before {\n content: "\\ea85";\n}\n\n.codicon-console:before {\n content: "\\ea85";\n}\n\n.codicon-repl:before {\n content: "\\ea85";\n}\n\n.codicon-zap:before {\n content: "\\ea86";\n}\n\n.codicon-symbol-event:before {\n content: "\\ea86";\n}\n\n.codicon-error:before {\n content: "\\ea87";\n}\n\n.codicon-stop:before {\n content: "\\ea87";\n}\n\n.codicon-variable:before {\n content: "\\ea88";\n}\n\n.codicon-symbol-variable:before {\n content: "\\ea88";\n}\n\n.codicon-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-array:before {\n content: "\\ea8a";\n}\n\n.codicon-symbol-module:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-package:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-namespace:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-object:before {\n content: "\\ea8b";\n}\n\n.codicon-symbol-method:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-function:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-constructor:before {\n content: "\\ea8c";\n}\n\n.codicon-symbol-boolean:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-null:before {\n content: "\\ea8f";\n}\n\n.codicon-symbol-numeric:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-number:before {\n content: "\\ea90";\n}\n\n.codicon-symbol-structure:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-struct:before {\n content: "\\ea91";\n}\n\n.codicon-symbol-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-type-parameter:before {\n content: "\\ea92";\n}\n\n.codicon-symbol-key:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-text:before {\n content: "\\ea93";\n}\n\n.codicon-symbol-reference:before {\n content: "\\ea94";\n}\n\n.codicon-go-to-file:before {\n content: "\\ea94";\n}\n\n.codicon-symbol-enum:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-value:before {\n content: "\\ea95";\n}\n\n.codicon-symbol-ruler:before {\n content: "\\ea96";\n}\n\n.codicon-symbol-unit:before {\n content: "\\ea96";\n}\n\n.codicon-activate-breakpoints:before {\n content: "\\ea97";\n}\n\n.codicon-archive:before {\n content: "\\ea98";\n}\n\n.codicon-arrow-both:before {\n content: "\\ea99";\n}\n\n.codicon-arrow-down:before {\n content: "\\ea9a";\n}\n\n.codicon-arrow-left:before {\n content: "\\ea9b";\n}\n\n.codicon-arrow-right:before {\n content: "\\ea9c";\n}\n\n.codicon-arrow-small-down:before {\n content: "\\ea9d";\n}\n\n.codicon-arrow-small-left:before {\n content: "\\ea9e";\n}\n\n.codicon-arrow-small-right:before {\n content: "\\ea9f";\n}\n\n.codicon-arrow-small-up:before {\n content: "\\eaa0";\n}\n\n.codicon-arrow-up:before {\n content: "\\eaa1";\n}\n\n.codicon-bell:before {\n content: "\\eaa2";\n}\n\n.codicon-bold:before {\n content: "\\eaa3";\n}\n\n.codicon-book:before {\n content: "\\eaa4";\n}\n\n.codicon-bookmark:before {\n content: "\\eaa5";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: "\\eaa6";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: "\\eaa7";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: "\\eaa8";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: "\\eaa9";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: "\\eaaa";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: "\\eaab";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: "\\eaab";\n}\n\n.codicon-briefcase:before {\n content: "\\eaac";\n}\n\n.codicon-broadcast:before {\n content: "\\eaad";\n}\n\n.codicon-browser:before {\n content: "\\eaae";\n}\n\n.codicon-bug:before {\n content: "\\eaaf";\n}\n\n.codicon-calendar:before {\n content: "\\eab0";\n}\n\n.codicon-case-sensitive:before {\n content: "\\eab1";\n}\n\n.codicon-check:before {\n content: "\\eab2";\n}\n\n.codicon-checklist:before {\n content: "\\eab3";\n}\n\n.codicon-chevron-down:before {\n content: "\\eab4";\n}\n\n.codicon-chevron-left:before {\n content: "\\eab5";\n}\n\n.codicon-chevron-right:before {\n content: "\\eab6";\n}\n\n.codicon-chevron-up:before {\n content: "\\eab7";\n}\n\n.codicon-chrome-close:before {\n content: "\\eab8";\n}\n\n.codicon-chrome-maximize:before {\n content: "\\eab9";\n}\n\n.codicon-chrome-minimize:before {\n content: "\\eaba";\n}\n\n.codicon-chrome-restore:before {\n content: "\\eabb";\n}\n\n.codicon-circle-outline:before {\n content: "\\eabc";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: "\\eabc";\n}\n\n.codicon-circle-slash:before {\n content: "\\eabd";\n}\n\n.codicon-circuit-board:before {\n content: "\\eabe";\n}\n\n.codicon-clear-all:before {\n content: "\\eabf";\n}\n\n.codicon-clippy:before {\n content: "\\eac0";\n}\n\n.codicon-close-all:before {\n content: "\\eac1";\n}\n\n.codicon-cloud-download:before {\n content: "\\eac2";\n}\n\n.codicon-cloud-upload:before {\n content: "\\eac3";\n}\n\n.codicon-code:before {\n content: "\\eac4";\n}\n\n.codicon-collapse-all:before {\n content: "\\eac5";\n}\n\n.codicon-color-mode:before {\n content: "\\eac6";\n}\n\n.codicon-comment-discussion:before {\n content: "\\eac7";\n}\n\n.codicon-credit-card:before {\n content: "\\eac9";\n}\n\n.codicon-dash:before {\n content: "\\eacc";\n}\n\n.codicon-dashboard:before {\n content: "\\eacd";\n}\n\n.codicon-database:before {\n content: "\\eace";\n}\n\n.codicon-debug-continue:before {\n content: "\\eacf";\n}\n\n.codicon-debug-disconnect:before {\n content: "\\ead0";\n}\n\n.codicon-debug-pause:before {\n content: "\\ead1";\n}\n\n.codicon-debug-restart:before {\n content: "\\ead2";\n}\n\n.codicon-debug-start:before {\n content: "\\ead3";\n}\n\n.codicon-debug-step-into:before {\n content: "\\ead4";\n}\n\n.codicon-debug-step-out:before {\n content: "\\ead5";\n}\n\n.codicon-debug-step-over:before {\n content: "\\ead6";\n}\n\n.codicon-debug-stop:before {\n content: "\\ead7";\n}\n\n.codicon-debug:before {\n content: "\\ead8";\n}\n\n.codicon-device-camera-video:before {\n content: "\\ead9";\n}\n\n.codicon-device-camera:before {\n content: "\\eada";\n}\n\n.codicon-device-mobile:before {\n content: "\\eadb";\n}\n\n.codicon-diff-added:before {\n content: "\\eadc";\n}\n\n.codicon-diff-ignored:before {\n content: "\\eadd";\n}\n\n.codicon-diff-modified:before {\n content: "\\eade";\n}\n\n.codicon-diff-removed:before {\n content: "\\eadf";\n}\n\n.codicon-diff-renamed:before {\n content: "\\eae0";\n}\n\n.codicon-diff:before {\n content: "\\eae1";\n}\n\n.codicon-discard:before {\n content: "\\eae2";\n}\n\n.codicon-editor-layout:before {\n content: "\\eae3";\n}\n\n.codicon-empty-window:before {\n content: "\\eae4";\n}\n\n.codicon-exclude:before {\n content: "\\eae5";\n}\n\n.codicon-extensions:before {\n content: "\\eae6";\n}\n\n.codicon-eye-closed:before {\n content: "\\eae7";\n}\n\n.codicon-file-binary:before {\n content: "\\eae8";\n}\n\n.codicon-file-code:before {\n content: "\\eae9";\n}\n\n.codicon-file-media:before {\n content: "\\eaea";\n}\n\n.codicon-file-pdf:before {\n content: "\\eaeb";\n}\n\n.codicon-file-submodule:before {\n content: "\\eaec";\n}\n\n.codicon-file-symlink-directory:before {\n content: "\\eaed";\n}\n\n.codicon-file-symlink-file:before {\n content: "\\eaee";\n}\n\n.codicon-file-zip:before {\n content: "\\eaef";\n}\n\n.codicon-files:before {\n content: "\\eaf0";\n}\n\n.codicon-filter:before {\n content: "\\eaf1";\n}\n\n.codicon-flame:before {\n content: "\\eaf2";\n}\n\n.codicon-fold-down:before {\n content: "\\eaf3";\n}\n\n.codicon-fold-up:before {\n content: "\\eaf4";\n}\n\n.codicon-fold:before {\n content: "\\eaf5";\n}\n\n.codicon-folder-active:before {\n content: "\\eaf6";\n}\n\n.codicon-folder-opened:before {\n content: "\\eaf7";\n}\n\n.codicon-gear:before {\n content: "\\eaf8";\n}\n\n.codicon-gift:before {\n content: "\\eaf9";\n}\n\n.codicon-gist-secret:before {\n content: "\\eafa";\n}\n\n.codicon-gist:before {\n content: "\\eafb";\n}\n\n.codicon-git-commit:before {\n content: "\\eafc";\n}\n\n.codicon-git-compare:before {\n content: "\\eafd";\n}\n\n.codicon-compare-changes:before {\n content: "\\eafd";\n}\n\n.codicon-git-merge:before {\n content: "\\eafe";\n}\n\n.codicon-github-action:before {\n content: "\\eaff";\n}\n\n.codicon-github-alt:before {\n content: "\\eb00";\n}\n\n.codicon-globe:before {\n content: "\\eb01";\n}\n\n.codicon-grabber:before {\n content: "\\eb02";\n}\n\n.codicon-graph:before {\n content: "\\eb03";\n}\n\n.codicon-gripper:before {\n content: "\\eb04";\n}\n\n.codicon-heart:before {\n content: "\\eb05";\n}\n\n.codicon-home:before {\n content: "\\eb06";\n}\n\n.codicon-horizontal-rule:before {\n content: "\\eb07";\n}\n\n.codicon-hubot:before {\n content: "\\eb08";\n}\n\n.codicon-inbox:before {\n content: "\\eb09";\n}\n\n.codicon-issue-reopened:before {\n content: "\\eb0b";\n}\n\n.codicon-issues:before {\n content: "\\eb0c";\n}\n\n.codicon-italic:before {\n content: "\\eb0d";\n}\n\n.codicon-jersey:before {\n content: "\\eb0e";\n}\n\n.codicon-json:before {\n content: "\\eb0f";\n}\n\n.codicon-kebab-vertical:before {\n content: "\\eb10";\n}\n\n.codicon-key:before {\n content: "\\eb11";\n}\n\n.codicon-law:before {\n content: "\\eb12";\n}\n\n.codicon-lightbulb-autofix:before {\n content: "\\eb13";\n}\n\n.codicon-link-external:before {\n content: "\\eb14";\n}\n\n.codicon-link:before {\n content: "\\eb15";\n}\n\n.codicon-list-ordered:before {\n content: "\\eb16";\n}\n\n.codicon-list-unordered:before {\n content: "\\eb17";\n}\n\n.codicon-live-share:before {\n content: "\\eb18";\n}\n\n.codicon-loading:before {\n content: "\\eb19";\n}\n\n.codicon-location:before {\n content: "\\eb1a";\n}\n\n.codicon-mail-read:before {\n content: "\\eb1b";\n}\n\n.codicon-mail:before {\n content: "\\eb1c";\n}\n\n.codicon-markdown:before {\n content: "\\eb1d";\n}\n\n.codicon-megaphone:before {\n content: "\\eb1e";\n}\n\n.codicon-mention:before {\n content: "\\eb1f";\n}\n\n.codicon-milestone:before {\n content: "\\eb20";\n}\n\n.codicon-mortar-board:before {\n content: "\\eb21";\n}\n\n.codicon-move:before {\n content: "\\eb22";\n}\n\n.codicon-multiple-windows:before {\n content: "\\eb23";\n}\n\n.codicon-mute:before {\n content: "\\eb24";\n}\n\n.codicon-no-newline:before {\n content: "\\eb25";\n}\n\n.codicon-note:before {\n content: "\\eb26";\n}\n\n.codicon-octoface:before {\n content: "\\eb27";\n}\n\n.codicon-open-preview:before {\n content: "\\eb28";\n}\n\n.codicon-package:before {\n content: "\\eb29";\n}\n\n.codicon-paintcan:before {\n content: "\\eb2a";\n}\n\n.codicon-pin:before {\n content: "\\eb2b";\n}\n\n.codicon-play:before {\n content: "\\eb2c";\n}\n\n.codicon-run:before {\n content: "\\eb2c";\n}\n\n.codicon-plug:before {\n content: "\\eb2d";\n}\n\n.codicon-preserve-case:before {\n content: "\\eb2e";\n}\n\n.codicon-preview:before {\n content: "\\eb2f";\n}\n\n.codicon-project:before {\n content: "\\eb30";\n}\n\n.codicon-pulse:before {\n content: "\\eb31";\n}\n\n.codicon-question:before {\n content: "\\eb32";\n}\n\n.codicon-quote:before {\n content: "\\eb33";\n}\n\n.codicon-radio-tower:before {\n content: "\\eb34";\n}\n\n.codicon-reactions:before {\n content: "\\eb35";\n}\n\n.codicon-references:before {\n content: "\\eb36";\n}\n\n.codicon-refresh:before {\n content: "\\eb37";\n}\n\n.codicon-regex:before {\n content: "\\eb38";\n}\n\n.codicon-remote-explorer:before {\n content: "\\eb39";\n}\n\n.codicon-remote:before {\n content: "\\eb3a";\n}\n\n.codicon-remove:before {\n content: "\\eb3b";\n}\n\n.codicon-replace-all:before {\n content: "\\eb3c";\n}\n\n.codicon-replace:before {\n content: "\\eb3d";\n}\n\n.codicon-repo-clone:before {\n content: "\\eb3e";\n}\n\n.codicon-repo-force-push:before {\n content: "\\eb3f";\n}\n\n.codicon-repo-pull:before {\n content: "\\eb40";\n}\n\n.codicon-repo-push:before {\n content: "\\eb41";\n}\n\n.codicon-report:before {\n content: "\\eb42";\n}\n\n.codicon-request-changes:before {\n content: "\\eb43";\n}\n\n.codicon-rocket:before {\n content: "\\eb44";\n}\n\n.codicon-root-folder-opened:before {\n content: "\\eb45";\n}\n\n.codicon-root-folder:before {\n content: "\\eb46";\n}\n\n.codicon-rss:before {\n content: "\\eb47";\n}\n\n.codicon-ruby:before {\n content: "\\eb48";\n}\n\n.codicon-save-all:before {\n content: "\\eb49";\n}\n\n.codicon-save-as:before {\n content: "\\eb4a";\n}\n\n.codicon-save:before {\n content: "\\eb4b";\n}\n\n.codicon-screen-full:before {\n content: "\\eb4c";\n}\n\n.codicon-screen-normal:before {\n content: "\\eb4d";\n}\n\n.codicon-search-stop:before {\n content: "\\eb4e";\n}\n\n.codicon-server:before {\n content: "\\eb50";\n}\n\n.codicon-settings-gear:before {\n content: "\\eb51";\n}\n\n.codicon-settings:before {\n content: "\\eb52";\n}\n\n.codicon-shield:before {\n content: "\\eb53";\n}\n\n.codicon-smiley:before {\n content: "\\eb54";\n}\n\n.codicon-sort-precedence:before {\n content: "\\eb55";\n}\n\n.codicon-split-horizontal:before {\n content: "\\eb56";\n}\n\n.codicon-split-vertical:before {\n content: "\\eb57";\n}\n\n.codicon-squirrel:before {\n content: "\\eb58";\n}\n\n.codicon-star-full:before {\n content: "\\eb59";\n}\n\n.codicon-star-half:before {\n content: "\\eb5a";\n}\n\n.codicon-symbol-class:before {\n content: "\\eb5b";\n}\n\n.codicon-symbol-color:before {\n content: "\\eb5c";\n}\n\n.codicon-symbol-constant:before {\n content: "\\eb5d";\n}\n\n.codicon-symbol-enum-member:before {\n content: "\\eb5e";\n}\n\n.codicon-symbol-field:before {\n content: "\\eb5f";\n}\n\n.codicon-symbol-file:before {\n content: "\\eb60";\n}\n\n.codicon-symbol-interface:before {\n content: "\\eb61";\n}\n\n.codicon-symbol-keyword:before {\n content: "\\eb62";\n}\n\n.codicon-symbol-misc:before {\n content: "\\eb63";\n}\n\n.codicon-symbol-operator:before {\n content: "\\eb64";\n}\n\n.codicon-symbol-property:before {\n content: "\\eb65";\n}\n\n.codicon-wrench:before {\n content: "\\eb65";\n}\n\n.codicon-wrench-subaction:before {\n content: "\\eb65";\n}\n\n.codicon-symbol-snippet:before {\n content: "\\eb66";\n}\n\n.codicon-tasklist:before {\n content: "\\eb67";\n}\n\n.codicon-telescope:before {\n content: "\\eb68";\n}\n\n.codicon-text-size:before {\n content: "\\eb69";\n}\n\n.codicon-three-bars:before {\n content: "\\eb6a";\n}\n\n.codicon-thumbsdown:before {\n content: "\\eb6b";\n}\n\n.codicon-thumbsup:before {\n content: "\\eb6c";\n}\n\n.codicon-tools:before {\n content: "\\eb6d";\n}\n\n.codicon-triangle-down:before {\n content: "\\eb6e";\n}\n\n.codicon-triangle-left:before {\n content: "\\eb6f";\n}\n\n.codicon-triangle-right:before {\n content: "\\eb70";\n}\n\n.codicon-triangle-up:before {\n content: "\\eb71";\n}\n\n.codicon-twitter:before {\n content: "\\eb72";\n}\n\n.codicon-unfold:before {\n content: "\\eb73";\n}\n\n.codicon-unlock:before {\n content: "\\eb74";\n}\n\n.codicon-unmute:before {\n content: "\\eb75";\n}\n\n.codicon-unverified:before {\n content: "\\eb76";\n}\n\n.codicon-verified:before {\n content: "\\eb77";\n}\n\n.codicon-versions:before {\n content: "\\eb78";\n}\n\n.codicon-vm-active:before {\n content: "\\eb79";\n}\n\n.codicon-vm-outline:before {\n content: "\\eb7a";\n}\n\n.codicon-vm-running:before {\n content: "\\eb7b";\n}\n\n.codicon-watch:before {\n content: "\\eb7c";\n}\n\n.codicon-whitespace:before {\n content: "\\eb7d";\n}\n\n.codicon-whole-word:before {\n content: "\\eb7e";\n}\n\n.codicon-window:before {\n content: "\\eb7f";\n}\n\n.codicon-word-wrap:before {\n content: "\\eb80";\n}\n\n.codicon-zoom-in:before {\n content: "\\eb81";\n}\n\n.codicon-zoom-out:before {\n content: "\\eb82";\n}\n\n.codicon-list-filter:before {\n content: "\\eb83";\n}\n\n.codicon-list-flat:before {\n content: "\\eb84";\n}\n\n.codicon-list-selection:before {\n content: "\\eb85";\n}\n\n.codicon-selection:before {\n content: "\\eb85";\n}\n\n.codicon-list-tree:before {\n content: "\\eb86";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: "\\eb87";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: "\\eb88";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: "\\eb88";\n}\n\n.codicon-debug-stackframe-active:before {\n content: "\\eb89";\n}\n\n.codicon-circle-small-filled:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: "\\eb8a";\n}\n\n.codicon-debug-stackframe:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: "\\eb8b";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: "\\eb8c";\n}\n\n.codicon-symbol-string:before {\n content: "\\eb8d";\n}\n\n.codicon-debug-reverse-continue:before {\n content: "\\eb8e";\n}\n\n.codicon-debug-step-back:before {\n content: "\\eb8f";\n}\n\n.codicon-debug-restart-frame:before {\n content: "\\eb90";\n}\n\n.codicon-debug-alt:before {\n content: "\\eb91";\n}\n\n.codicon-call-incoming:before {\n content: "\\eb92";\n}\n\n.codicon-call-outgoing:before {\n content: "\\eb93";\n}\n\n.codicon-menu:before {\n content: "\\eb94";\n}\n\n.codicon-expand-all:before {\n content: "\\eb95";\n}\n\n.codicon-feedback:before {\n content: "\\eb96";\n}\n\n.codicon-group-by-ref-type:before {\n content: "\\eb97";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: "\\eb98";\n}\n\n.codicon-account:before {\n content: "\\eb99";\n}\n\n.codicon-bell-dot:before {\n content: "\\eb9a";\n}\n\n.codicon-debug-console:before {\n content: "\\eb9b";\n}\n\n.codicon-library:before {\n content: "\\eb9c";\n}\n\n.codicon-output:before {\n content: "\\eb9d";\n}\n\n.codicon-run-all:before {\n content: "\\eb9e";\n}\n\n.codicon-sync-ignored:before {\n content: "\\eb9f";\n}\n\n.codicon-pinned:before {\n content: "\\eba0";\n}\n\n.codicon-github-inverted:before {\n content: "\\eba1";\n}\n\n.codicon-server-process:before {\n content: "\\eba2";\n}\n\n.codicon-server-environment:before {\n content: "\\eba3";\n}\n\n.codicon-pass:before {\n content: "\\eba4";\n}\n\n.codicon-issue-closed:before {\n content: "\\eba4";\n}\n\n.codicon-stop-circle:before {\n content: "\\eba5";\n}\n\n.codicon-play-circle:before {\n content: "\\eba6";\n}\n\n.codicon-record:before {\n content: "\\eba7";\n}\n\n.codicon-debug-alt-small:before {\n content: "\\eba8";\n}\n\n.codicon-vm-connect:before {\n content: "\\eba9";\n}\n\n.codicon-cloud:before {\n content: "\\ebaa";\n}\n\n.codicon-merge:before {\n content: "\\ebab";\n}\n\n.codicon-export:before {\n content: "\\ebac";\n}\n\n.codicon-graph-left:before {\n content: "\\ebad";\n}\n\n.codicon-magnet:before {\n content: "\\ebae";\n}\n\n.codicon-notebook:before {\n content: "\\ebaf";\n}\n\n.codicon-redo:before {\n content: "\\ebb0";\n}\n\n.codicon-check-all:before {\n content: "\\ebb1";\n}\n\n.codicon-pinned-dirty:before {\n content: "\\ebb2";\n}\n\n.codicon-pass-filled:before {\n content: "\\ebb3";\n}\n\n.codicon-circle-large-filled:before {\n content: "\\ebb4";\n}\n\n.codicon-circle-large-outline:before {\n content: "\\ebb5";\n}\n\n.codicon-combine:before {\n content: "\\ebb6";\n}\n\n.codicon-gather:before {\n content: "\\ebb6";\n}\n\n.codicon-table:before {\n content: "\\ebb7";\n}\n\n.codicon-variable-group:before {\n content: "\\ebb8";\n}\n\n.codicon-type-hierarchy:before {\n content: "\\ebb9";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: "\\ebba";\n}\n\n.codicon-type-hierarchy-super:before {\n content: "\\ebbb";\n}\n\n.codicon-git-pull-request-create:before {\n content: "\\ebbc";\n}\n\n.codicon-run-above:before {\n content: "\\ebbd";\n}\n\n.codicon-run-below:before {\n content: "\\ebbe";\n}\n\n.codicon-notebook-template:before {\n content: "\\ebbf";\n}\n\n.codicon-debug-rerun:before {\n content: "\\ebc0";\n}\n\n.codicon-workspace-trusted:before {\n content: "\\ebc1";\n}\n\n.codicon-workspace-untrusted:before {\n content: "\\ebc2";\n}\n\n.codicon-workspace-unknown:before {\n content: "\\ebc3";\n}\n\n.codicon-terminal-cmd:before {\n content: "\\ebc4";\n}\n\n.codicon-terminal-debian:before {\n content: "\\ebc5";\n}\n\n.codicon-terminal-linux:before {\n content: "\\ebc6";\n}\n\n.codicon-terminal-powershell:before {\n content: "\\ebc7";\n}\n\n.codicon-terminal-tmux:before {\n content: "\\ebc8";\n}\n\n.codicon-terminal-ubuntu:before {\n content: "\\ebc9";\n}\n\n.codicon-terminal-bash:before {\n content: "\\ebca";\n}\n\n.codicon-arrow-swap:before {\n content: "\\ebcb";\n}\n\n.codicon-copy:before {\n content: "\\ebcc";\n}\n\n.codicon-person-add:before {\n content: "\\ebcd";\n}\n\n.codicon-filter-filled:before {\n content: "\\ebce";\n}\n\n.codicon-wand:before {\n content: "\\ebcf";\n}\n\n.codicon-debug-line-by-line:before {\n content: "\\ebd0";\n}\n\n.codicon-inspect:before {\n content: "\\ebd1";\n}\n\n.codicon-layers:before {\n content: "\\ebd2";\n}\n\n.codicon-layers-dot:before {\n content: "\\ebd3";\n}\n\n.codicon-layers-active:before {\n content: "\\ebd4";\n}\n\n.codicon-compass:before {\n content: "\\ebd5";\n}\n\n.codicon-compass-dot:before {\n content: "\\ebd6";\n}\n\n.codicon-compass-active:before {\n content: "\\ebd7";\n}\n\n.codicon-azure:before {\n content: "\\ebd8";\n}\n\n.codicon-issue-draft:before {\n content: "\\ebd9";\n}\n\n.codicon-git-pull-request-closed:before {\n content: "\\ebda";\n}\n\n.codicon-git-pull-request-draft:before {\n content: "\\ebdb";\n}\n\n.codicon-debug-all:before {\n content: "\\ebdc";\n}\n\n.codicon-debug-coverage:before {\n content: "\\ebdd";\n}\n\n.codicon-run-errors:before {\n content: "\\ebde";\n}\n\n.codicon-folder-library:before {\n content: "\\ebdf";\n}\n\n.codicon-debug-continue-small:before {\n content: "\\ebe0";\n}\n\n.codicon-beaker-stop:before {\n content: "\\ebe1";\n}\n\n.codicon-graph-line:before {\n content: "\\ebe2";\n}\n\n.codicon-graph-scatter:before {\n content: "\\ebe3";\n}\n\n.codicon-pie-chart:before {\n content: "\\ebe4";\n}\n\n.codicon-bracket:before {\n content: "\\eb0f";\n}\n\n.codicon-bracket-dot:before {\n content: "\\ebe5";\n}\n\n.codicon-bracket-error:before {\n content: "\\ebe6";\n}\n\n.codicon-lock-small:before {\n content: "\\ebe7";\n}\n\n.codicon-azure-devops:before {\n content: "\\ebe8";\n}\n\n.codicon-verified-filled:before {\n content: "\\ebe9";\n}\n\n.codicon-newline:before {\n content: "\\ebea";\n}\n\n.codicon-layout:before {\n content: "\\ebeb";\n}\n\n.codicon-layout-activitybar-left:before {\n content: "\\ebec";\n}\n\n.codicon-layout-activitybar-right:before {\n content: "\\ebed";\n}\n\n.codicon-layout-panel-left:before {\n content: "\\ebee";\n}\n\n.codicon-layout-panel-center:before {\n content: "\\ebef";\n}\n\n.codicon-layout-panel-justify:before {\n content: "\\ebf0";\n}\n\n.codicon-layout-panel-right:before {\n content: "\\ebf1";\n}\n\n.codicon-layout-panel:before {\n content: "\\ebf2";\n}\n\n.codicon-layout-sidebar-left:before {\n content: "\\ebf3";\n}\n\n.codicon-layout-sidebar-right:before {\n content: "\\ebf4";\n}\n\n.codicon-layout-statusbar:before {\n content: "\\ebf5";\n}\n\n.codicon-layout-menubar:before {\n content: "\\ebf6";\n}\n\n.codicon-layout-centered:before {\n content: "\\ebf7";\n}\n\n.codicon-target:before {\n content: "\\ebf8";\n}\n\n.codicon-indent:before {\n content: "\\ebf9";\n}\n\n.codicon-record-small:before {\n content: "\\ebfa";\n}\n\n.codicon-error-small:before {\n content: "\\ebfb";\n}\n\n.codicon-arrow-circle-down:before {\n content: "\\ebfc";\n}\n\n.codicon-arrow-circle-left:before {\n content: "\\ebfd";\n}\n\n.codicon-arrow-circle-right:before {\n content: "\\ebfe";\n}\n\n.codicon-arrow-circle-up:before {\n content: "\\ebff";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: "\\ec00";\n}\n\n.codicon-layout-panel-off:before {\n content: "\\ec01";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: "\\ec02";\n}\n\n.codicon-blank:before {\n content: "\\ec03";\n}\n\n.codicon-heart-filled:before {\n content: "\\ec04";\n}\n\n.codicon-map:before {\n content: "\\ec05";\n}\n\n.codicon-map-filled:before {\n content: "\\ec06";\n}\n\n.codicon-circle-small:before {\n content: "\\ec07";\n}\n\n.codicon-bell-slash:before {\n content: "\\ec08";\n}\n\n.codicon-bell-slash-dot:before {\n content: "\\ec09";\n}\n\n.codicon-comment-unresolved:before {\n content: "\\ec0a";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: "\\ec0b";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: "\\ec0c";\n}\n\n@layer kol-component {\n /* :host implicitly inherits font-size, see below */\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n color: inherit;\n display: contents;\n line-height: inherit;\n }\n /*\n * The <code>:important</code> is important, because we should always override the font icon style.\n */\n :host > i,\n :host > i:before {\n font-size: inherit !important;\n }\n}'}},5815:(n,e,o)=>{o.d(e,{a:()=>l,b:()=>i,c:()=>d,h:()=>t,v:()=>f});var c=o(7440);const t=[0,1,2,3,4,5,6],b=/[a-zA-Z0-9äöüÄÖÜß]/g,r=/^\d+$/;function i(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(b))||void 0===e?void 0:e.length)||0}(n)>=e}function d(n){return r.test(n)}const a=new Set(["string"]),f=(n,e,o={})=>{(0,c.w)(n,"_label",(n=>"string"==typeof n),a,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,o,t,b)=>{var r,a;"function"==typeof(null===(r=n.hooks)||void 0===r?void 0:r.afterPatch)&&(null===(a=n.hooks)||void 0===a||a.afterPatch(e,o,t,b)),"string"==typeof e&&!1===i(e,3)&&!1===d(e)&&(0,c.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,c.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(o))},l=f}}]);
|