@public-ui/sample-react 2.1.9 → 2.2.0-alpha.0

package/dist/9333.js

@@ -0,0 +1,2 @@
+/*! For license information please see 9333.js.LICENSE.txt */
+"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")},6580:(e,t,i)=>{i.d(t,{I:()=>c,a:()=>u,b:()=>l,f:()=>d,v:()=>r});var n=i(7791),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 u 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)}}},5348:(e,t,i)=>{i.d(t,{I:()=>r});var n=i(7791),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}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)}}},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(815),s=i(8951),o=i(6855),a=i(5348),l=i(6580),r=i(7440),h=i(3513),d=i(6563),c=i(7791),u=i(6588),p=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)}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,c.g)(this.state);return(0,n.h)(n.H,{key:"6aa6081d580c352d817b2e8fa59a15a5a7a6d5ec",class:"kol-single-select"},(0,n.h)("div",{key:"2b3375fcd4bffeab5961587d90303d63646f17fd",class:`single-select ${!0===this.state._disabled?"disabled":""} `},(0,n.h)(h.l,{key:"7d20d2addd41b5bc55bb04ebe80c08dcaeed7ab5",_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_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:"846af7d55e545bc0eff7af02fd34d8523ae8d22e",slot:"label"},e?(0,n.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,n.h)(n.F,null,(0,n.h)(d.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:"ad73c2d06359fcd9061711d6037557a0339f16b0",slot:"input"},(0,n.h)("div",{key:"897913efd787c5cbb6e6d4d59e34fc021598771e",class:"single-select__group"},(0,n.h)("input",Object.assign({key:"44a2d2dc544619a8bf29aa706e5de3ece941dc37",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),onClick:this.toggleListbox.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},placeholder:this.state._placeholder})),this._inputValue&&(0,n.h)(h.g,{key:"2f159f0161913d3b05c54642b648df91cdf13caa",_icons:"codicon codicon-close",_label:(0,u.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:"a57e46010bfe7c3bfa29b3b93a3c19148e8899f1",tabindex:"-1",class:"single-select__button",onClick:this.toggleListbox.bind(this),disabled:this.state._disabled},(0,n.h)(h.g,{key:"41620f6d3f931cde3ce22a237ceaedf27117692d",_icons:"codicon codicon-triangle-down",_label:(0,u.t)("kol-dropdown")}))),this._isOpen&&!(!0===this.state._disabled)&&(0,n.h)("ul",{key:"52efa9cb27051f9491e2b110303624446eca8905",role:"listbox",class:(0,p.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,u.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=void 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.inputHasFocus=!1,this.controller=new v(this,"single-select",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}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,this.updateInputValue(this._value)}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,this.updateInputValue(e)}handleMouseEvent(){this.blockSuggestionMouseOver=!1}updateInputValue(e){if(Array.isArray(this._options)){const t=this._options.find((t=>t.value===e));this._inputValue=t?t.label:""}}componentWillLoad(){this.refOptions=[],this._touched=!0===this._touched,this.controller.componentWillLoad(),this.oldValue=this._value,this._filteredOptions=this._options,this.updateInputValue(this._value)}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))}static get delegatesFocus(){return!0}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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .input {\n    background-color: white;\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/{7582.js → 9389.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 7582.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[7582],{7582:(n,e,t)=>{t.r(e),t.d(e,{kol_link:()=>l});var i=t(7958),o=t(6695),a=(n,e,t)=>new Promise(((i,o)=>{var a=n=>{try{s(t.next(n))}catch(n){o(n)}},l=n=>{try{s(t.throw(n))}catch(n){o(n)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(a,l);s((t=t.apply(n,e)).next())}));const l=class{constructor(n){(0,i.r)(this,n),this.catchRef=n=>{this.linkWcRef=n},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right"}focus(){return a(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return a(this,null,(function*(){var n;yield null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus()}))}render(){return(0,i.h)(i.H,{key:"a0a3e54e421f404e37cf9f9ab4dbdc473ba6e887",class:"kol-link"},(0,i.h)(o.j,{key:"6e8911413d035be7ea8888572a6fae2ecb470e58",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:this._role,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign},(0,i.h)("slot",{key:"36eb938cf837bf69048f82deec6a849e9999dd55",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};l.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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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    display: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(a, button) {\n    align-items: baseline;\n    display: inline-flex;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  :is(a, button) .kol-span-wc .span-label {\n    text-decoration-line: underline;\n  }\n  a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n  button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n    text-decoration-thickness: 0.2em;\n  }\n  .skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .skip:focus {\n    background-color: #fff;\n    left: unset;\n    padding: 1em;\n    position: unset;\n  }\n  .kol-icon.external-link-icon {\n    display: inline-flex;\n  }\n}"}}}]);
+/*! For license information please see 9389.js.LICENSE.txt */
+"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(815),a=t(1880),o=t(6934),l=t(3513),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:"329c1062de3097aac33fd6ddbafd65f4df37a375",class:"kol-breadcrumb"},(0,i.h)("nav",{key:"dfd7dc319fdac349fd221ce266364c8e3bc6d7ab","aria-label":this.state._label},(0,i.h)("ul",{key:"4503b6418e33303a4763de3d1f97a5279d4fae37"},0===this.state._links.length&&(0,i.h)("li",{key:"6f0cddb0ad668f37c302b85f783a4a427608cf71"},(0,i.h)(l.g,{key:"9672fa3ed1ad96eef3e98b53d89840fbb121de40",_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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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

@@ -0,0 +1,2 @@
+/*! For license information please see 9561.js.LICENSE.txt */
+"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(815),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:"d9ffff8a23996b398c28fa13f097c035b3dffad6",exportparts:"icon",class:"kol-icon"},(0,c.h)("i",{key:"dacd122cb37de5f023e987c291980e102d5b027d","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}}]);

package/dist/9599.js

@@ -0,0 +1,2 @@
+/*! For license information please see 9599.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9599],{6227:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(7440);const s=(t,e)=>{(0,a.i)(t,"_accessKey",e)}},882:(t,e,i)=>{i.d(e,{a:()=>n,v:()=>s});var a=i(7440);const s=(t,e,i)=>{(0,a.w)(t,e,(t=>"string"==typeof t&&o.includes(t)),new Set(o),i,{defaultValue:"top"})},o=["left","right","top","bottom"],n=(t,e)=>{s(t,"_align",e)}},3646:(t,e,i)=>{i.d(e,{a:()=>l,b:()=>o,v:()=>n});var a=i(7440);const s=["button","link","tab","treeitem"],o=(t,e)=>{(0,a.w)(t,"_role",(t=>"string"==typeof t&&s.includes(t)),new Set([`KoliBriAlternativeButtonLinkRole {${s.join(", ")}`]),e)},n=(t,e)=>{(0,a.i)(t,"_ariaDescription",e)},l=(t,e)=>{(0,a.b)(t,"_ariaExpanded",e)}},8986:(t,e,i)=>{i.d(e,{A:()=>o});var a=i(6448),s=i(7440);class o{constructor(t,e,i){var o,n,l,r;if(this.experimentalMode=(0,a.a)(),this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||(0,s.j)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const a=this.tryToStringifyValue(t);this.syncValue(t,a,this.formAssociated),this.syncValue(t,a,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.type=e,this.experimentalMode&&("KOL-BUTTON"===(r=null===(o=this.host)||void 0===o?void 0:o.tagName)||"KOL-COMBOBOX"===r||"KOL-INPUT-CHECKBOX"===r||"KOL-INPUT-COLOR"===r||"KOL-INPUT-DATE"===r||"KOL-INPUT-EMAIL"===r||"KOL-INPUT-FILE"===r||"KOL-INPUT-NUMBER"===r||"KOL-INPUT-PASSWORD"===r||"KOL-INPUT-RADIO"===r||"KOL-INPUT-RANGE"===r||"KOL-INPUT-TEXT"===r||"KOL-SELECT"===r||"KOL-SINGLE-SELECT"===r||"KOL-TEXTAREA"===r)&&t._name){switch(null===(n=this.host)||void 0===n||n.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(l=this.host)||void 0===l||l.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(this.experimentalMode)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,s.l)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){if(i)switch(this.type){case"file":i.files=t;break;case"select":i.querySelectorAll("option").forEach((t=>{i.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}}));break;case"radio":"string"==typeof e&&(i.setAttribute("value",e),i.setAttribute("checked",""),i.value=e);break;default:"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value="")}}validateName(t){((t,e,i)=>{(0,s.i)(t,"_name",e,i)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,s.j)("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},3260:(t,e,i)=>{i.d(e,{S:()=>n,a:()=>o,b:()=>a,i:()=>s});const a=t=>"object"==typeof t&&null!==t,s=(t,e=0)=>"string"==typeof t&&t.length>=e,o=t=>{if("object"!=typeof t||null===t)return s(t,1);for(const e in t)if(!1===s(e,1))return!1;return!0},n=new Event("StateChange")},8244:(t,e,i)=>{i.d(e,{a:()=>l,p:()=>r});var a=i(3513),s=i(7440),o=i(6448);const n=t=>{for((0,o.a)()&&((0,s.j)("↓ Search form element start."),o.L.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==a.m.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,o.a)()&&(o.L.debug(t),(0,s.j)("↑ Search form element finished."))}return t},l=(t={})=>{var e,i;const o=n(t.form);if(o instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===o.tagName)(0,s.q)(t,o),o.dispatchEvent(t);else if(o.tagName===a.m.toUpperCase()){(0,s.q)(t,s.K.querySelector("form",o));const a=o;"function"==typeof(null===(e=a._on)||void 0===e?void 0:e.onReset)&&(null===(i=a._on)||void 0===i||i.onReset(t))}}},r=(t={})=>{const e=n(t.form);if(e instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e});if("FORM"===e.tagName)(0,o.a)()&&!1===e.noValidate&&(0,s.j)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof e.requestSubmit?e.requestSubmit():((0,s.q)(t,e),e.dispatchEvent(t))}));else if(e.tagName===a.m.toUpperCase()){(0,s.q)(t,s.K.querySelector("form",e));const i=e;setTimeout((()=>{var e,a;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onSubmit)&&(null===(a=i._on)||void 0===a||a.onSubmit(t))}))}}}},6240:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(7440);const s=(t,e)=>{(0,a.i)(t,"_customClass",e,{defaultValue:void 0})}},8951:(t,e,i)=>{i.d(e,{i:()=>l,n:()=>c,r:()=>r});var a=i(815),s=i(4997),o=i(6448);const n=()=>{let t=(0,o.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,o.d)(),"KoliBri",{value:t,writable:!1})),t},l=()=>{(()=>{const t=(0,o.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,o.s)(e.includes("dev-mode=true")),(0,o.b)(e.includes("experimental-mode=true")),(0,o.c)(e.includes("color-contrast-analysis=true")))}})(),o.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${a.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==n().adviceShown&&(Object.defineProperty(n(),"adviceShown",{get:function(){return!0}}),o.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 c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===s.p&&(c=()=>"nonce")},6492:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(7440);const s=(t,e)=>{(0,a.b)(t,"_disabled",e,{hooks:{afterPatch:t=>{!0===t&&(0,a.c)()}}})}},6855:(t,e,i)=>{function a(t){t.stopImmediatePropagation(),t.stopPropagation()}function s(t,e,i){e&&function(t,e,i){const a=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,i))}(e,t,i)}function o(t){t.preventDefault(),a(t)}i.d(e,{p:()=>o,s:()=>a,t:()=>s})},9696:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(7440);const s=(t,e,i={})=>{(0,a.b)(t,"_hideLabel",e,i)}},5685:(t,e,i)=>{i.d(e,{i:()=>n,v:()=>l});var a=i(7440),s=i(3260);const o=(t,e,i)=>{(0,s.b)(i)?t[e]=i:(0,s.i)(i,1)&&(t[e]={icon:i})},n=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,s.a)(t.style))&&(void 0===t.label||(0,s.i)(t.label))&&(0,s.i)(t.icon,1),l=(t,e,i={})=>{(0,a.o)(e,(()=>{var l;try{e=(0,a.p)(e)}catch(t){}(0,a.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,s.i)(t,1)||"object"==typeof t&&null!==t&&((0,s.i)(t.left,1)||n(t.left)||(0,s.i)(t.right,1)||n(t.right)||(0,s.i)(t.top,1)||n(t.top)||(0,s.i)(t.bottom,1)||n(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},i),{defaultValue:{},hooks:{afterPatch:null===(l=i.hooks)||void 0===l?void 0:l.afterPatch,beforePatch:(t,e,a,n)=>{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(t,e,a,n)),(t=>{var e,i,a;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(i=t.nextState)||void 0===i?void 0:i.get("_icons");null===(a=t.nextState)||void 0===a||a.set("_icons",(t=>{let e={};return(0,s.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(o(e,"top",t.top),o(e,"right",t.right),o(e,"bottom",t.bottom),o(e,"left",t.left)),e})(e))}})(a)}}}))}))}},9599:(t,e,i)=>{i.r(e),i.d(e,{kol_button_wc:()=>S});var a=i(815),s=i(6855),o=i(8951),n=i(8244),l=i(8986),r=i(3513),c=i(7440),d=i(6227),h=i(3646),u=i(5685),v=i(4997),b=i(6240),f=i(6492),p=i(9696),m=i(5815),_=i(6353),y=i(1166);const g=["button","reset","submit"],A=["primary","secondary","normal","tertiary","danger","ghost","custom"],S=class{kolFocus(){return t=this,e=function*(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()},new Promise(((i,a)=>{var s=t=>{try{n(e.next(t))}catch(t){a(t)}},o=t=>{try{n(e.throw(t))}catch(t){a(t)}},n=t=>t.done?i(t.value):Promise.resolve(t.value).then(s,o);n((e=e.apply(t,null)).next())}));var t,e}render(){var t,e;const i=(0,v.s)(this.state._label),s=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length);return(0,a.h)(a.H,{key:"1a76b997f061f9f5e145aa8b9e7246d88706b6a2",class:"kol-button-wc"},(0,a.h)("button",Object.assign({key:"c43ee621d79c1d18edc192ca8f2e9ed6fb785e09",ref:this.catchRef,accessKey:this.state._accessKey||void 0,"aria-controls":this.state._ariaControls,"aria-describedby":s?this.internalDescriptionById:void 0,"aria-expanded":(0,c.x)(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":(0,c.y)(this.state._ariaSelected),class:{button:!0,disabled:!0===this.state._disabled,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),(0,a.h)(r.f,{key:"bef5e438aa5ba598ad486533540ff387d0eaf283",class:"button-inner",_accessKey:this.state._accessKey,_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:i?"":this.state._label},(0,a.h)("slot",{key:"2185f1ce1495f217d4c0eca6c2d7b8f3b1c594da",name:"expert",slot:"expert"}))),(0,a.h)(r.a,{key:"8db502e8d575518d9ca54d53671583d5f4d832f9","aria-hidden":"true",hidden:i||!this.state._hideLabel,_accessKey:this._accessKey,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}),s&&(0,a.h)("span",{key:"e792c2706a0a3b6370de5eb9c9966eb5371e013d",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}constructor(t){(0,a.r)(this,t),this.internalDescriptionById=(0,o.n)(),this.catchRef=t=>{this.buttonRef=t},this.onClick=t=>{var e,i;"submit"===this.state._type?(0,n.p)({form:this.host,ref:this.buttonRef}):"reset"===this.state._type?(0,n.a)({form:this.host,ref:this.buttonRef}):((0,s.s)(t),(0,s.t)("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&((0,c.q)(t,this.buttonRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"",_on:{},_type:"button",_variant:"normal"},this.controller=new l.A(this,"button",this.host)}validateAccessKey(t){(0,d.v)(this,t)}validateAriaControls(t){((t,e)=>{(0,c.i)(t,"_ariaControls",e)})(this,t)}validateAriaDescription(t){(0,h.v)(this,t)}validateAriaExpanded(t){(0,h.a)(this,t)}validateAriaSelected(t){((t,e)=>{(0,c.b)(t,"_ariaSelected",e)})(this,t)}validateCustomClass(t){(0,b.v)(this,t)}validateDisabled(t){(0,f.v)(this,t)}validateHideLabel(t){(0,p.v)(this,t)}validateIcons(t){(0,u.v)(this,t)}validateId(t){(0,c.i)(this,"_id",t)}validateLabel(t){(0,m.a)(this,t,{required:!0})}validateName(t){this.controller.validateName(t)}validateOn(t){((t,e)=>{(0,c.w)(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),e)})(this,t)}validateRole(t){(0,h.b)(this,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){(0,_.v)(this,t)}validateTooltipAlign(t){(0,y.v)(this,t)}validateType(t){((t,e)=>{(0,c.w)(t,"_type",(t=>"string"==typeof t&&g.includes(t)),new Set([`KoliBriButtonType {${g.join(", ")}`]),e)})(this,t)}validateValue(t){(0,c.s)(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){((t,e)=>{(0,c.w)(t,"_variant",(t=>"string"==typeof t&&A.includes(t)),new Set([`KoliBriButtonVariant {${A.join(", ")}`]),e,{defaultValue:"normal"})})(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel),this.validateIcons(this._icons),this.validateId(this._id),this.validateLabel(this._label),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return(0,a.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}}},5815:(t,e,i)=>{i.d(e,{a:()=>h,b:()=>l,c:()=>r,h:()=>s,v:()=>d});var a=i(7440);const s=[0,1,2,3,4,5,6],o=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function l(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(o))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return n.test(t)}const c=new Set(["string"]),d=(t,e,i={})=>{(0,a.w)(t,"_label",(t=>"string"==typeof t),c,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,i,s,o)=>{var n,c;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(c=t.hooks)||void 0===c||c.afterPatch(e,i,s,o)),"string"==typeof e&&!1===l(e,3)&&!1===r(e)&&(0,a.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,a.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}(i))},h=d},4997:(t,e,i)=>{i.d(e,{h:()=>s,p:()=>a,s:()=>o});let a="development";try{a="production"}catch(t){a="production"}const s=(t,e,i)=>{if(t&&e&&"string"==typeof i){const a=t.querySelector(`[slot="${i}"]`);a&&e.appendChild(a)}},o=t=>""===t},6353:(t,e,i)=>{i.d(e,{v:()=>o});var a=i(7440);const s={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,a.a)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},o=(t,e)=>{(0,a.k)(t,"_tabIndex",e,s)}},1166:(t,e,i)=>{i.d(e,{v:()=>s});var a=i(882);const s=(t,e)=>{(0,a.v)(t,"_tooltipAlign",e)}}}]);

package/dist/9612.js

@@ -0,0 +1,2 @@
+/*! For license information please see 9612.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9612],{3260:(t,e,n)=>{n.d(e,{S:()=>l,a:()=>a,b:()=>i,i:()=>o});const i=t=>"object"==typeof t&&null!==t,o=(t,e=0)=>"string"==typeof t&&t.length>=e,a=t=>{if("object"!=typeof t||null===t)return o(t,1);for(const e in t)if(!1===o(e,1))return!1;return!0},l=new Event("StateChange")},8244:(t,e,n)=>{n.d(e,{a:()=>s,p:()=>r});var i=n(3513),o=n(7440),a=n(6448);const l=t=>{for((0,a.a)()&&((0,o.j)("↓ Search form element start."),a.L.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==i.m.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,a.a)()&&(a.L.debug(t),(0,o.j)("↑ Search form element finished."))}return t},s=(t={})=>{var e,n;const a=l(t.form);if(a instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,o.q)(t,a),a.dispatchEvent(t);else if(a.tagName===i.m.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",a));const i=a;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onReset)&&(null===(n=i._on)||void 0===n||n.onReset(t))}}},r=(t={})=>{const e=l(t.form);if(e instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e});if("FORM"===e.tagName)(0,a.a)()&&!1===e.noValidate&&(0,o.j)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof e.requestSubmit?e.requestSubmit():((0,o.q)(t,e),e.dispatchEvent(t))}));else if(e.tagName===i.m.toUpperCase()){(0,o.q)(t,o.K.querySelector("form",e));const n=e;setTimeout((()=>{var e,i;"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=n._on)||void 0===i||i.onSubmit(t))}))}}}},3906:(t,e,n)=>{n.d(e,{I:()=>s});var i=n(7440),o=n(5348),a=n(5277);const l=["default","visibility-toggle"];class s extends o.I{constructor(t,e,n){super(t,e,n),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(t){(0,i.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){(0,a.v)(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){((t,e)=>{(0,i.w)(t,"_variant",(t=>"string"==typeof t&&l.includes(t)),new Set(l),e)})(this.component,t)}validateMaxLength(t){(0,i.k)(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){(0,i.i)(this.component,"_pattern",t)}validatePlaceholder(t){(0,i.i)(this.component,"_placeholder",t)}validateReadOnly(t){(0,i.b)(this.component,"_readOnly",t)}validateRequired(t){(0,i.b)(this.component,"_required",t)}validateValue(t){(0,i.i)(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}},6277:(t,e,n)=>{n.d(e,{I:()=>s,a:()=>r});var i=n(3906),o=n(7440),a=n(3524);const l=["text","search","url","tel"];class s extends i.I{constructor(t,e,n){super(t,e,n),this.component=t}validateSuggestions(t){(0,a.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class r extends s{constructor(t,e,n){super(t,e,n),this.hasError=!1,this.component=t}validateType(t){(0,o.w)(this.component,"_type",(t=>"string"==typeof t&&l.includes(t)),new Set([`String {${l.join(", ")}`]),t)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type),this.validateHasCounter(this.component._hasCounter)}}},5348:(t,e,n)=>{n.d(e,{I:()=>r});var i=n(7791),o=n(5685),a=n(7440),l=n(3260);const s=(t,e)=>{const n=t;"object"==typeof n&&null!==n&&((0,l.i)(n.right,1)&&(n.right={icon:n.right}),(0,l.i)(n.left,1)&&(n.left={icon:n.left}),e.set("_icons",n))};class r extends i.I{constructor(t,e,n){super(t,e,n),this.component=t}validateIcons(t){(0,a.o)(t,(()=>{try{t=(0,a.p)(t)}catch(t){}(0,a.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,l.i)(t.left,1)||(0,o.i)(t.left)||(0,l.i)(t.right,1)||(0,o.i)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:s},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}},5277:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(7440);const o=(t,e,n)=>{(0,i.b)(t,"_hasCounter",e,n)}},5685:(t,e,n)=>{n.d(e,{i:()=>l,v:()=>s});var i=n(7440),o=n(3260);const a=(t,e,n)=>{(0,o.b)(n)?t[e]=n:(0,o.i)(n,1)&&(t[e]={icon:n})},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,o.a)(t.style))&&(void 0===t.label||(0,o.i)(t.label))&&(0,o.i)(t.icon,1),s=(t,e,n={})=>{(0,i.o)(e,(()=>{var s;try{e=(0,i.p)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,o.i)(t,1)||"object"==typeof t&&null!==t&&((0,o.i)(t.left,1)||l(t.left)||(0,o.i)(t.right,1)||l(t.right)||(0,o.i)(t.top,1)||l(t.top)||(0,o.i)(t.bottom,1)||l(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(s=n.hooks)||void 0===s?void 0:s.afterPatch,beforePatch:(t,e,i,l)=>{var s,r;"function"==typeof(null===(s=n.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(t,e,i,l)),(t=>{var e,n,i;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(n=t.nextState)||void 0===n?void 0:n.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",(t=>{let e={};return(0,o.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(a(e,"top",t.top),a(e,"right",t.right),a(e,"bottom",t.bottom),a(e,"left",t.left)),e})(e))}})(i)}}}))}))}},9612:(t,e,n)=>{n.r(e),n.d(e,{kol_input_text:()=>p});var i=n(815),o=n(8951),a=n(8244),l=n(7791),s=n(6563),r=n(6277),d=n(3513),h=n(7440),c=n(4997),u=(t,e,n)=>new Promise(((i,o)=>{var a=t=>{try{s(n.next(t))}catch(t){o(t)}},l=t=>{try{s(n.throw(t))}catch(t){o(t)}},s=t=>t.done?i(t.value):Promise.resolve(t.value).then(a,l);s((n=n.apply(t,e)).next())}));const p=class{getValue(){return u(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}focus(){return u(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return u(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}render(){const{ariaDescribedBy:t}=(0,l.g)(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,n=(0,c.s)(this.state._label);return(0,i.h)(i.H,{key:"5918623274cb02ad3edae7af90535c575d6ec242",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},(0,i.h)(d.l,{key:"bde9bdc978cf5d8ada79ecc616bf0b575b7fbb25",class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_disabled:this.state._disabled,_hasCounter:this.state._hasCounter,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_smartButton:this.state._smartButton,_suggestions:this.state._suggestions,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.inputRef)||void 0===t?void 0:t.focus()},role:"presentation"},(0,i.h)("span",{key:"35abb85609a2fb0c7440696129b04703628d1e48",slot:"label"},n?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey?(0,i.h)(i.F,null,(0,i.h)(s.I,{accessKey:this.state._accessKey,label:this.state._label})," ",(0,i.h)("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{key:"ba87b0715f780aec2d1e7af98207d56ec57c284c",slot:"input"},(0,i.h)("input",Object.assign({key:"849ed11ff3a6211b15ae0d6a4fb115791df3e715",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,spellcheck:"false",type:this.state._type,value:this.state._value},this.controller.onFacade,{onChange:this.onChange,onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onChange=t=>{var e,n;this.oldValue!==(null===(e=this.inputRef)||void 0===e?void 0:e.value)&&(this.oldValue=null===(n=this.inputRef)||void 0===n?void 0:n.value,this.controller.onFacade.onChange(t))},this.onInput=t=>{(0,h.s)(this,"_currentLength",t.target.value.length),this.controller.onFacade.onInput(t)},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,a.p)({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideError:!1,_id:`id-${(0,o.n)()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new r.a(this,"text",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){((t,e)=>{(0,h.b)(t,"_alert",e)})(this,t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t}componentWillLoad(){this._touched=!0===this._touched,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};p.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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .input {\n    background-color: white;\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/*\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: calc(44rem / var(--kolibri-root-font-size, 16));\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 rem(44).\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: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\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    display: block;\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}"}},3524:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(7440);const o=(t,e)=>{(0,i.g)(t,"_suggestions",(t=>"string"==typeof t||"number"==typeof t),e,void 0,{hooks:{afterPatch:t=>{Array.isArray(t)&&t.length&&(0,i.a)("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})}}}]);

package/dist/9863.js

@@ -0,0 +1,2 @@
+/*! For license information please see 9863.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9863],{6563:(t,e,o)=>{o.d(e,{I:()=>n});var i=o(815);const n=({accessKey:t,label:e})=>{let[o,...n]=e.split(t);return 0===n.length&&(t=t.toUpperCase(),[o,...n]=e.split(t)),0===n.length&&(t=t.toLowerCase(),[o,...n]=e.split(t)),(0,i.h)(i.F,null,o,n.length?(0,i.h)(i.F,null,(0,i.h)("u",null,t),n.join(t)):null)}},882:(t,e,o)=>{o.d(e,{a:()=>a,v:()=>n});var i=o(7440);const n=(t,e,o)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&s.includes(t)),new Set(s),o,{defaultValue:"top"})},s=["left","right","top","bottom"],a=(t,e)=>{n(t,"_align",e)}},8986:(t,e,o)=>{o.d(e,{A:()=>s});var i=o(6448),n=o(7440);class s{constructor(t,e,o){var s,a,r,l;if(this.experimentalMode=(0,i.a)(),this.setFormAssociatedValue=t=>{var e;const o=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==o&&""!==o||(0,n.j)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const i=this.tryToStringifyValue(t);this.syncValue(t,i,this.formAssociated),this.syncValue(t,i,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(o),this.type=e,this.experimentalMode&&("KOL-BUTTON"===(l=null===(s=this.host)||void 0===s?void 0:s.tagName)||"KOL-COMBOBOX"===l||"KOL-INPUT-CHECKBOX"===l||"KOL-INPUT-COLOR"===l||"KOL-INPUT-DATE"===l||"KOL-INPUT-EMAIL"===l||"KOL-INPUT-FILE"===l||"KOL-INPUT-NUMBER"===l||"KOL-INPUT-PASSWORD"===l||"KOL-INPUT-RADIO"===l||"KOL-INPUT-RANGE"===l||"KOL-INPUT-TEXT"===l||"KOL-SELECT"===l||"KOL-SINGLE-SELECT"===l||"KOL-TEXTAREA"===l)&&t._name){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(r=this.host)||void 0===r||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,o){if(this.experimentalMode)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==e||e.setAttribute(t,`${o}`)}catch(o){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,n.l)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,o){if(o)switch(this.type){case"file":o.files=t;break;case"select":o.querySelectorAll("option").forEach((t=>{o.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),o.appendChild(t)}}));break;case"radio":"string"==typeof e&&(o.setAttribute("value",e),o.setAttribute("checked",""),o.value=e);break;default:"string"==typeof e?(o.setAttribute("value",e),o.value=e):(o.removeAttribute("value"),o.value="")}}validateName(t){((t,e,o)=>{(0,n.i)(t,"_name",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,n.j)("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},7791:(t,e,o)=>{o.d(e,{I:()=>u,g:()=>h});var i=o(6855),n=o(8986),s=o(7440),a=o(9696),r=o(5815),l=o(6353),c=o(1166);const h=t=>{var e,o;const i=Boolean("error"===(null===(e=t._msg)||void 0===e?void 0:e._type)&&t._msg._description&&(null===(o=t._msg._description)||void 0===o?void 0:o.length)>0)&&!0===t._touched,n="string"==typeof t._hint&&t._hint.length>0,s=[];return!0===i&&s.push(`${t._id}-error`),!0===n&&s.push(`${t._id}-hint`),{hasError:i,hasHint:n,ariaDescribedBy:s}};class d extends n.A{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){(0,s.b)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,s.b)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class u extends d{constructor(t,e,o){super(t,e,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=t}validateAccessKey(t){(0,s.i)(this.component,"_accessKey",t)}validateAdjustHeight(t){((t,e)=>{(0,s.b)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,s.b)(this.component,"_disabled",t),!0===t&&(0,s.c)()}validateTooltipAlign(t){(0,c.v)(this.component,t)}validateError(t){const e={_description:t||"",_type:"error"};this.validateMsg(e)}validateHideError(t){((t,e,o)=>{(0,s.b)(t,"_hideError",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,s.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){(0,a.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,s.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,s.i)(this.component,"_hint",t)}validateId(t){(0,s.i)(this.component,"_id",t,{minLength:1}),""!==t&&void 0!==t||(0,s.j)("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(t){(0,r.a)(this.component,t,{required:!0})}validateMsg(t){((t,e)=>{(0,s.o)(e,(()=>{try{e=(0,s.p)(e)}catch(t){}(0,s.w)(t,"_msg",(t=>"object"==typeof t),new Set(["Object"]),e)}))})(this.component,t)}validateOn(t){"object"==typeof t&&(0,s.s)(this.component,"_on",t)}validateSmartButton(t){(0,s.o)(t,(()=>{try{t=(0,s.p)(t)}catch(t){}(0,s.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,l.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._touched=!0,(0,i.s)(t),(0,i.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t,e){var o;e=null!=e?e:t.target.value,(0,i.t)("change",this.host,e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e),this.valueChangeListeners.forEach((t=>t(e)))}onInput(t,e=!0,o){var n;o=null!=o?o:t.target.value,(0,i.s)(t),(0,i.t)("input",this.host,o),e&&this.setFormAssociatedValue(o),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onInput)&&this.component._on.onInput(t,o)}onClick(t){var e;(0,i.s)(t),(0,i.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;(0,i.s)(t),(0,i.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},8951:(t,e,o)=>{o.d(e,{i:()=>r,n:()=>c,r:()=>l});var i=o(815),n=o(4997),s=o(6448);const a=()=>{let t=(0,s.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,s.d)(),"KoliBri",{value:t,writable:!1})),t},r=()=>{(()=>{const t=(0,s.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,s.s)(e.includes("dev-mode=true")),(0,s.b)(e.includes("experimental-mode=true")),(0,s.c)(e.includes("color-contrast-analysis=true")))}})(),s.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${i.E.kolibriVersion}\n\t`,{forceLog:!0})},l=()=>{!0!==a().adviceShown&&(Object.defineProperty(a(),"adviceShown",{get:function(){return!0}}),s.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 c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===n.p&&(c=()=>"nonce")},6855:(t,e,o)=>{function i(t){t.stopImmediatePropagation(),t.stopPropagation()}function n(t,e,o){e&&function(t,e,o){const i=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,o))}(e,t,o)}function s(t){t.preventDefault(),i(t)}o.d(e,{p:()=>s,s:()=>i,t:()=>n})},9696:(t,e,o)=>{o.d(e,{v:()=>n});var i=o(7440);const n=(t,e,o={})=>{(0,i.b)(t,"_hideLabel",e,o)}},5815:(t,e,o)=>{o.d(e,{a:()=>d,b:()=>r,c:()=>l,h:()=>n,v:()=>h});var i=o(7440);const n=[0,1,2,3,4,5,6],s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function r(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(s))||void 0===e?void 0:e.length)||0}(t)>=e}function l(t){return a.test(t)}const c=new Set(["string"]),h=(t,e,o={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),c,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,o,n,s)=>{var a,c;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=t.hooks)||void 0===c||c.afterPatch(e,o,n,s)),"string"==typeof e&&!1===r(e,3)&&!1===l(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=t.hooks)||void 0===e?void 0:e.beforePatch}})}(o))},d=h},4997:(t,e,o)=>{o.d(e,{h:()=>n,p:()=>i,s:()=>s});let i="development";try{i="production"}catch(t){i="production"}const n=(t,e,o)=>{if(t&&e&&"string"==typeof o){const i=t.querySelector(`[slot="${o}"]`);i&&e.appendChild(i)}},s=t=>""===t},6353:(t,e,o)=>{o.d(e,{v:()=>s});var i=o(7440);const n={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,i.a)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},s=(t,e)=>{(0,i.k)(t,"_tabIndex",e,n)}},1166:(t,e,o)=>{o.d(e,{v:()=>n});var i=o(882);const n=(t,e)=>{(0,i.v)(t,"_tooltipAlign",e)}}}]);

package/dist/9890.js

@@ -0,0 +1,2 @@
+/*! For license information please see 9890.js.LICENSE.txt */
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9890],{9890:(i,t,o)=>{o.r(t),o.d(t,{kol_table:()=>_});var a=o(815),s=o(3513);const _=class{constructor(i){(0,a.r)(this,i),this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0}render(){return(0,a.h)(s.q,{key:"78e54fb25d9d1f36e5360a6c8bb8e9cbc21912f2",_allowMultiSort:this._allowMultiSort,_data:this._data,_dataFoot:this._dataFoot,_headers:this._headers,_label:this._label,_minWidth:this._minWidth,_pagination:this._pagination,_paginationPosition:this._paginationPosition,_selection:this._selection,_on:this._on})}}}}]);