@public-ui/sample-react 3.0.0 → 3.0.1-rc.0

package/dist/7535.js

@@ -1,2 +1,2 @@
 /*! For license information please see 7535.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[7535],{376:(t,e,i)=>{i.d(e,{K:()=>a,i:()=>n});var s=i(5538),o=i(6733),l="[object String]";function n(t){return"string"==typeof t||!(0,s.i)(t)&&(0,s.a)(t)&&(0,s.b)(t)==l}const a=({badgeText:t,label:e})=>{const i=t;let[s,...l]=e.split(i);return 0===l.length&&(t=i.toUpperCase(),[s,...l]=e.split(i)),0===l.length&&(t=i.toLowerCase(),[s,...l]=e.split(i)),(0,o.h)(o.F,null,s,l.length?(0,o.h)(o.F,null,(0,o.h)("u",null,t),l.join(i)):null)}},1476:(t,e,i)=>{function s(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}i.d(e,{i:()=>s})},3472:(t,e,i)=>{i.d(e,{a:()=>d,b:()=>a,c:()=>h,h:()=>o,v:()=>c});var s=i(257);const o=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function a(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function h(t){return n.test(t)}const r=new Set(["string"]),c=(t,e,i={})=>{(0,s.w)(t,"_label",(t=>"string"==typeof t),r,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,i,o,l)=>{var n,r;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(r=t.hooks)||void 0===r||r.afterPatch(e,i,o,l)),"string"==typeof e&&!1===a(e,3)&&!1===h(e)&&(0,s.b)(`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,s.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))},d=c},3885:(t,e,i)=>{i.d(e,{K:()=>l});var s=i(6733),o=i(1698);const l=t=>{const{class:e,style:i,icons:l,label:n,onClick:a}=t;return(0,s.h)(o.d,{class:e,style:i,onClick:a,_icons:l,_label:n})}},5538:(t,e,i)=>{i.d(e,{S:()=>n,a:()=>g,b:()=>v,f:()=>s,i:()=>f,r:()=>l});const s="object"==typeof i.g&&i.g&&i.g.Object===Object&&i.g;var o="object"==typeof self&&self&&self.Object===Object&&self;const l=s||o||Function("return this")(),n=l.Symbol;var a=Object.prototype,h=a.hasOwnProperty,r=a.toString,c=n?n.toStringTag:void 0,d=Object.prototype.toString,u="[object Null]",b="[object Undefined]",p=n?n.toStringTag:void 0;function v(t){return null==t?void 0===t?b:u:p&&p in Object(t)?function(t){var e=h.call(t,c),i=t[c];try{t[c]=void 0;var s=!0}catch(t){}var o=r.call(t);return s&&(e?t[c]=i:delete t[c]),o}(t):function(t){return d.call(t)}(t)}function g(t){return null!=t&&"object"==typeof t}const f=Array.isArray},7535:(t,e,i)=>{i.r(e),i.d(e,{kol_tooltip_wc:()=>c});var s=i(6733),o=i(4702),l=i(257),n=(i(9272),i(6660),i(8386)),a=i(5154),h=i(3472);i(4269),i(3185),i(1111),i(8045),i(3885),i(1698),i(6363),i(376),i(5538),i(1476);const r=new Set,c=class{constructor(t){(0,s.r)(this,t),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){t=this.tooltipElement,r.forEach((t=>{t.style.setProperty("z-index","999")})),r.add(t),t.style.setProperty("z-index","1000"),this.tooltipElement.style.setProperty("display","block"),(0,l.g)().addEventListener("keyup",this.hideTooltipByEscape);const e=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=(0,o.b)(e,i,(()=>{this.alignTooltip()}))}var t},this.hideTooltip=()=>{this.tooltipElement&&(function(t){if(r.delete(t),r.size>0){const t=Array.from(r).pop();t&&t.style.setProperty("z-index","1000")}}(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),(0,l.g)().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,i=!1)=>{t&&this.removeListeners(t),e&&(i&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()}),300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}alignTooltip(){return t=this,e=function*(){this.tooltipElement&&this.previousSibling&&(yield(0,o.a)({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement}))},new Promise(((i,s)=>{var o=t=>{try{n(e.next(t))}catch(t){s(t)}},l=t=>{try{n(e.throw(t))}catch(t){s(t)}},n=t=>t.done?i(t.value):Promise.resolve(t.value).then(o,l);n((e=e.apply(t,null)).next())}));var t,e}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return(0,s.h)(s.H,{key:"4852834fc19a0047920d45f7c571d81a99d0dcbe",class:"kol-tooltip"},""!==this.state._label&&(0,s.h)("div",{key:"2bdc1f7dfc7f7de90dcd3a37375b01daa4d78c79",class:"kol-tooltip__floating",ref:this.catchTooltipElement},(0,s.h)("div",{key:"0a029ee8f29d29f589873a7ce03630efcbb17b09",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),(0,s.h)(n.K,{key:"5410f3fc83be087594be5fd4009d3bf832fc5b23",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){((t,e)=>{(0,l.A)(t,"_badgeText",e)})(this,t)}validateAlign(t){(0,a.v)(this,t)}validateId(t){((t,e)=>{(0,l.A)(t,"_id",e)})(this,t)}validateLabel(t){(0,h.v)(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t;this.resyncListeners(this.previousSibling,null===(t=this.host)||void 0===t?void 0:t.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t;this.previousSibling=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return(0,s.g)(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}}},8386:(t,e,i)=>{i.d(e,{K:()=>p});var s=i(1111),o=i(6733),l=i(8045),n=i(3885),a=i(257),h=i(6363),r=i(376),c=i(1476);const d=t=>{const{class:e,style:i,label:s,icon:a}=t;return(0,o.h)(n.K,{class:(0,l.c)("icon",e),style:i,label:s||"",icons:a})},u=({label:t,hideLabel:e,allowMarkdown:i,badgeText:s})=>{if(e||!(0,r.i)(t))return null;const n="kol-span__label";return i?(0,o.h)("span",{class:(0,l.c)(n,"md"),innerHTML:(0,h.m)(t)}):s?(0,o.h)("span",{class:(0,l.c)(n)},(0,o.h)(r.K,{label:t,badgeText:s})):(0,o.h)("span",{class:(0,l.c)(n)},t)},b=({hideLabel:t,label:e,badgeText:i,allowMarkdown:s},l)=>{const n=!(0,a.l)(e);return(0,o.h)(o.F,null,n&&(0,o.h)(u,{label:e,hideLabel:t,badgeText:i,allowMarkdown:s}),(0,o.h)("span",{"aria-hidden":n?"true":void 0,class:"kol-span__label",hidden:n},l),(0,r.i)(i)&&i.length>0&&(0,o.h)("span",{class:"badge-text-hint","aria-hidden":"true"},i))},p=(t,e)=>{const{class:i,label:n,hideLabel:a=!1,badgeText:h,allowMarkdown:u,icons:p}=t,v=(0,s._)(t,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let g=null,f=null,m=null,y=null;return(0,c.i)(p)?(g=p.top,f=p.left,m=p.right,y=p.bottom):(0,r.i)(p)&&(f={icon:p}),(0,o.h)("span",Object.assign({class:(0,l.c)("kol-span",{"kol-span--hide-label":a},i)},v),(0,c.i)(g)&&(0,o.h)(d,Object.assign({class:"top"},g)),(0,o.h)("span",{class:"kol-span__container"},(0,c.i)(f)&&(0,o.h)(d,Object.assign({class:"left"},f)),(0,o.h)(b,{label:n,hideLabel:a,allowMarkdown:u,badgeText:h},e),(0,c.i)(m)&&(0,o.h)(d,Object.assign({class:"right"},m))),(0,c.i)(y)&&(0,o.h)(d,Object.assign({class:"bottom"},y)))}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[7535],{1476:(t,e,i)=>{function s(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}i.d(e,{i:()=>s})},2074:(t,e,i)=>{i.d(e,{K:()=>l});var s=i(6123),o=i(1698);const l=t=>{const{class:e,style:i,icons:l,label:n,onClick:a}=t;return(0,s.h)(o.d,{class:e,style:i,onClick:a,_icons:l,_label:n})}},3472:(t,e,i)=>{i.d(e,{a:()=>d,b:()=>a,c:()=>h,h:()=>o,v:()=>c});var s=i(257);const o=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function a(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function h(t){return n.test(t)}const r=new Set(["string"]),c=(t,e,i={})=>{(0,s.w)(t,"_label",(t=>"string"==typeof t),r,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,i,o,l)=>{var n,r;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(r=t.hooks)||void 0===r||r.afterPatch(e,i,o,l)),"string"==typeof e&&!1===a(e,3)&&!1===h(e)&&(0,s.b)(`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,s.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))},d=c},3806:(t,e,i)=>{i.d(e,{K:()=>a,i:()=>n});var s=i(5538),o=i(6123),l="[object String]";function n(t){return"string"==typeof t||!(0,s.i)(t)&&(0,s.a)(t)&&(0,s.b)(t)==l}const a=({badgeText:t,label:e})=>{const i=t;let[s,...l]=e.split(i);return 0===l.length&&(t=i.toUpperCase(),[s,...l]=e.split(i)),0===l.length&&(t=i.toLowerCase(),[s,...l]=e.split(i)),(0,o.h)(o.F,null,s,l.length?(0,o.h)(o.F,null,(0,o.h)("u",null,t),l.join(i)):null)}},5538:(t,e,i)=>{i.d(e,{S:()=>n,a:()=>g,b:()=>v,f:()=>s,i:()=>f,r:()=>l});const s="object"==typeof i.g&&i.g&&i.g.Object===Object&&i.g;var o="object"==typeof self&&self&&self.Object===Object&&self;const l=s||o||Function("return this")(),n=l.Symbol;var a=Object.prototype,h=a.hasOwnProperty,r=a.toString,c=n?n.toStringTag:void 0,d=Object.prototype.toString,u="[object Null]",b="[object Undefined]",p=n?n.toStringTag:void 0;function v(t){return null==t?void 0===t?b:u:p&&p in Object(t)?function(t){var e=h.call(t,c),i=t[c];try{t[c]=void 0;var s=!0}catch(t){}var o=r.call(t);return s&&(e?t[c]=i:delete t[c]),o}(t):function(t){return d.call(t)}(t)}function g(t){return null!=t&&"object"==typeof t}const f=Array.isArray},7535:(t,e,i)=>{i.r(e),i.d(e,{kol_tooltip_wc:()=>c});var s=i(6123),o=i(4702),l=i(257),n=(i(9272),i(6660),i(8216)),a=i(5154),h=i(3472);i(4269),i(3185),i(1111),i(8045),i(2074),i(1698),i(6363),i(3806),i(5538),i(1476);const r=new Set,c=class{constructor(t){(0,s.r)(this,t),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){t=this.tooltipElement,r.forEach((t=>{t.style.setProperty("z-index","999")})),r.add(t),t.style.setProperty("z-index","1000"),this.tooltipElement.style.setProperty("display","block"),(0,l.g)().addEventListener("keyup",this.hideTooltipByEscape);const e=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=(0,o.b)(e,i,(()=>{this.alignTooltip()}))}var t},this.hideTooltip=()=>{this.tooltipElement&&(function(t){if(r.delete(t),r.size>0){const t=Array.from(r).pop();t&&t.style.setProperty("z-index","1000")}}(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),(0,l.g)().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,i=!1)=>{t&&this.removeListeners(t),e&&(i&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()}),300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}alignTooltip(){return t=this,e=function*(){this.tooltipElement&&this.previousSibling&&(yield(0,o.a)({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement}))},new Promise(((i,s)=>{var o=t=>{try{n(e.next(t))}catch(t){s(t)}},l=t=>{try{n(e.throw(t))}catch(t){s(t)}},n=t=>t.done?i(t.value):Promise.resolve(t.value).then(o,l);n((e=e.apply(t,null)).next())}));var t,e}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return(0,s.h)(s.H,{key:"4852834fc19a0047920d45f7c571d81a99d0dcbe",class:"kol-tooltip"},""!==this.state._label&&(0,s.h)("div",{key:"2bdc1f7dfc7f7de90dcd3a37375b01daa4d78c79",class:"kol-tooltip__floating",ref:this.catchTooltipElement},(0,s.h)("div",{key:"0a029ee8f29d29f589873a7ce03630efcbb17b09",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),(0,s.h)(n.K,{key:"5410f3fc83be087594be5fd4009d3bf832fc5b23",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){((t,e)=>{(0,l.A)(t,"_badgeText",e)})(this,t)}validateAlign(t){(0,a.v)(this,t)}validateId(t){((t,e)=>{(0,l.A)(t,"_id",e)})(this,t)}validateLabel(t){(0,h.v)(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t;this.resyncListeners(this.previousSibling,null===(t=this.host)||void 0===t?void 0:t.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t;this.previousSibling=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return(0,s.g)(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}}},8216:(t,e,i)=>{i.d(e,{K:()=>p});var s=i(1111),o=i(6123),l=i(8045),n=i(2074),a=i(257),h=i(6363),r=i(3806),c=i(1476);const d=t=>{const{class:e,style:i,label:s,icon:a}=t;return(0,o.h)(n.K,{class:(0,l.c)("icon",e),style:i,label:s||"",icons:a})},u=({label:t,hideLabel:e,allowMarkdown:i,badgeText:s})=>{if(e||!(0,r.i)(t))return null;const n="kol-span__label";return i?(0,o.h)("span",{class:(0,l.c)(n,"md"),innerHTML:(0,h.m)(t)}):s?(0,o.h)("span",{class:(0,l.c)(n)},(0,o.h)(r.K,{label:t,badgeText:s})):(0,o.h)("span",{class:(0,l.c)(n)},t)},b=({hideLabel:t,label:e,badgeText:i,allowMarkdown:s},l)=>{const n=!(0,a.l)(e);return(0,o.h)(o.F,null,n&&(0,o.h)(u,{label:e,hideLabel:t,badgeText:i,allowMarkdown:s}),(0,o.h)("span",{"aria-hidden":n?"true":void 0,class:"kol-span__label",hidden:n},l),(0,r.i)(i)&&i.length>0&&(0,o.h)("span",{class:"badge-text-hint","aria-hidden":"true"},i))},p=(t,e)=>{const{class:i,label:n,hideLabel:a=!1,badgeText:h,allowMarkdown:u,icons:p}=t,v=(0,s._)(t,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let g=null,f=null,m=null,y=null;return(0,c.i)(p)?(g=p.top,f=p.left,m=p.right,y=p.bottom):(0,r.i)(p)&&(f={icon:p}),(0,o.h)("span",Object.assign({class:(0,l.c)("kol-span",{"kol-span--hide-label":a},i)},v),(0,c.i)(g)&&(0,o.h)(d,Object.assign({class:"top"},g)),(0,o.h)("span",{class:"kol-span__container"},(0,c.i)(f)&&(0,o.h)(d,Object.assign({class:"left"},f)),(0,o.h)(b,{label:n,hideLabel:a,allowMarkdown:u,badgeText:h},e),(0,c.i)(m)&&(0,o.h)(d,Object.assign({class:"right"},m))),(0,c.i)(y)&&(0,o.h)(d,Object.assign({class:"bottom"},y)))}}}]);

package/dist/775.js

@@ -1,2 +1,2 @@
 /*! For license information please see 775.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[775],{775:(n,e,t)=>{t.r(e),t.d(e,{kol_version:()=>r});var o=t(6733),i=(t(257),t(9272)),a=t(1698),l=t(3472);t(4269);const r=class{constructor(n){(0,o.r)(this,n),this._label=void 0,this.state={_label:"0.0.0-alpha.0"}}render(){return(0,o.h)(o.H,{key:"abaf942617b20e8e900dde885533f035b3cda21a",class:"kol-version"},(0,o.h)(a.q,{key:"ac1df455d3abf291c8a88debe0a0e2ae51ce6b61",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:(0,i.t)("kol-version")}},_label:this.state._label}))}validateLabel(n){(0,l.v)(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}"}},3472:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>r,c:()=>s,h:()=>i,v:()=>h});var o=t(257);const i=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function r(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(a))||void 0===e?void 0:e.length)||0}(n)>=e}function s(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,o.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,i,a)=>{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,i,a)),"string"==typeof e&&!1===r(e,3)&&!1===s(e)&&(0,o.b)(`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,o.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},9272:(n,e,t)=>{t.d(e,{t:()=>a});var o=t(4269),i=t(257);let a=(n,e)=>{var t;return(null!==(t=(0,o.g)())&&void 0!==t?t:(0,o.i)("de")).translate(n,e)};"test"===i.p&&(a=n=>n)}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[775],{775:(n,e,t)=>{t.r(e),t.d(e,{kol_version:()=>r});var o=t(6123),i=(t(257),t(9272)),a=t(1698),l=t(3472);t(4269);const r=class{constructor(n){(0,o.r)(this,n),this._label=void 0,this.state={_label:"0.0.0-alpha.0"}}render(){return(0,o.h)(o.H,{key:"abaf942617b20e8e900dde885533f035b3cda21a",class:"kol-version"},(0,o.h)(a.q,{key:"ac1df455d3abf291c8a88debe0a0e2ae51ce6b61",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:(0,i.t)("kol-version")}},_label:this.state._label}))}validateLabel(n){(0,l.v)(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}"}},3472:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>r,c:()=>s,h:()=>i,v:()=>h});var o=t(257);const i=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function r(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(a))||void 0===e?void 0:e.length)||0}(n)>=e}function s(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,o.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,i,a)=>{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,i,a)),"string"==typeof e&&!1===r(e,3)&&!1===s(e)&&(0,o.b)(`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,o.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},9272:(n,e,t)=>{t.d(e,{t:()=>a});var o=t(4269),i=t(257);let a=(n,e)=>{var t;return(null!==(t=(0,o.g)())&&void 0!==t?t:(0,o.i)("de")).translate(n,e)};"test"===i.p&&(a=n=>n)}}]);

package/dist/8137.js

@@ -1,2 +1,2 @@
 /*! For license information please see 8137.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8137],{2429:(e,n,t)=>{t.d(n,{I:()=>h,a:()=>u,b:()=>r,f:()=>c,v:()=>s});var i=t(257),o=t(9867),l=t(3472);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,l.b)(e.label,3)&&!1===(0,l.c)(e.label)&&(0,i.b)(`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},r=(e,n,t={})=>{(0,i.y)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),n,void 0,t)},s=(e,n,t={})=>{(0,i.y)(e,"_options",a,n,void 0,t)},d=["horizontal","vertical"],c=(e,n,t="")=>{n.forEach(((n,i)=>{const o=`${t}-${i}`;"object"==typeof n&&null!==n&&"string"==typeof n.label&&n.label.length>0&&(Array.isArray(n.options)?c(e,n.options,o):e.set(o,n))}))};class h extends o.I{constructor(e,n,t){super(e,n,t),this.component=e}validateRequired(e){((e,n)=>{(0,i.h)(e,"_required",n)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends h{constructor(e,n,t){super(e,n,t),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,n,t,i)=>{"_value"===i&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,n)=>{const t=n.has("_options")?n.get("_options"):this.component.state._options;Array.isArray(t)&&t.length>0&&(this.keyOptionMap.clear(),c(this.keyOptionMap,t))},this.component=e}validateOrientation(e){(0,i.w)(this.component,"_orientation",(e=>"string"==typeof e&&d.includes(e)),new Set([`Orientation {${d.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){r(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=Array.isArray(e)?e[0]:e,(0,i.k)(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)}}},4138:(e,n,t)=>{t.d(n,{F:()=>c});var i=t(1111),o=t(6733),l=t(8045),a=t(257),r=t(9867);const s=(e,n)=>{var{class:t}=e,a=(0,i._)(e,["class"]);return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control__input",t)},a),n)},d=(e,n)=>{const{class:t,id:d,disabled:c,label:h,hideLabel:u,labelAlign:p,renderNoTooltip:b,hint:f,renderNoHint:m,tooltipAlign:g,accessKey:_,shortKey:v,msg:y,touched:k,required:w,readonly:O,fieldControlInputProps:x,fieldControlLabelProps:L,fieldControlTooltipProps:z,fieldControlHintProps:A}=e,q=(0,i._)(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),S=!m,B=!b,F=(0,r.c)(y,k),K=(0,a.l)(h),P=B&&!K&&u,C=(0,a.B)(_,v),I=[(0,o.h)(o.F,null,(0,o.h)(s,Object.assign({},x),n),P&&(0,o.h)(r.b,Object.assign({},z||{},{id:d,label:h,hideLabel:u,align:g,badgeText:C}))),(0,o.h)(r.K,Object.assign({},L||{},{id:d,baseClassName:"kol-field-control",class:(0,l.c)(null==L?void 0:L.class,{"kol-field-control__label--visually-hidden":Boolean(u)}),hasExpertSlot:K,label:h,accessKey:_,shortKey:v}))];"left"===p&&I.reverse();const T={"kol-field-control--disabled":Boolean(c),"kol-field-control--required":Boolean(w),"kol-field-control--touched":Boolean(k),"kol-field-control--hide-label":Boolean(u),"kol-field-control--read-only":Boolean(O),[`kol-field-control--${(null==y?void 0:y.type)||"error"}`]:Boolean(F),[`kol-field-control--label-align-${p}`]:Boolean(p)};return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control",T,t)},q),I,S&&(0,o.h)(r.d,Object.assign({},A||{},{baseClassName:"kol-field-control",id:d,hint:f})))},c=(e,n)=>{var{state:t}=e,l=(0,i._)(e,["state"]);return(0,o.h)(d,Object.assign({},function(e){const n={accessKey:e._accessKey,shortKey:e._shortKey,id:e._id,disabled:e._disabled,msg:(0,r.a)(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(n.required=e._required),"_readOnly"in e&&(n.readonly=e._readOnly),"_labelAlign"in e&&(n.labelAlign=e._labelAlign),n}(t),l),n)}},5151:(e,n,t)=>{t.d(n,{a:()=>a,p:()=>r});var i=t(257),o=t(1698);const l=e=>{for((0,i.F)()&&((0,i.D)("↓ Search form element start."),i.L.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==o.g.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,i.F)()&&(i.L.debug(e),(0,i.D)("↑ Search form element finished."))}return e},a=(e={})=>{var n,t;const a=l(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,i.I)(e,a),a.dispatchEvent(e);else if(a.tagName===o.g.toUpperCase()){(0,i.I)(e,i.a.querySelector("form",a));const o=a;"function"==typeof(null===(n=o._on)||void 0===n?void 0:n.onReset)&&(null===(t=o._on)||void 0===t||t.onReset(e))}}},r=(e={})=>{const n=l(e.form);if(n instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:n});if("FORM"===n.tagName)(0,i.F)()&&!1===n.noValidate&&(0,i.D)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof n.requestSubmit?n.requestSubmit():((0,i.I)(e,n),n.dispatchEvent(e))}));else if(n.tagName===o.g.toUpperCase()){(0,i.I)(e,i.a.querySelector("form",n));const t=n;setTimeout((()=>{var n,i;"function"==typeof(null===(n=t._on)||void 0===n?void 0:n.onSubmit)&&(null===(i=t._on)||void 0===i||i.onSubmit(e))}))}}}},7162:(e,n,t)=>{t.d(n,{I:()=>s,S:()=>r});var i=t(1111),o=t(6733),l=t(8176),a=(t(257),t(9867));const r=e=>{var{id:n,suggestions:t}=e,l=(0,i._)(e,["id","suggestions"]);return t?(0,o.h)("datalist",Object.assign({id:`${n}-list`},l),t.map((e=>(0,o.h)("option",{value:e})))):null},s=e=>{var{state:n,customSuggestions:t}=e,s=(0,i._)(e,["state","customSuggestions"]);return(0,o.h)(l.I,Object.assign({},function(e,n){const{ariaDescribedBy:t}=(0,a.g)(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_type"in e&&(i.type=e._type),"_value"in e&&(i.value=e._value),"_required"in e&&(i.required=e._required),"_maxLength"in e&&(i.maxlength=e._maxLength),"_placeholder"in e&&(i.placeholder=e._placeholder),"_autoComplete"in e&&(i.autoComplete=e._autoComplete),"_spellCheck"in e&&(i.spellcheck=e._spellCheck),"_pattern"in e&&(i.pattern=e._pattern),"_readOnly"in e&&(i.readonly=e._readOnly),"_min"in e&&(i.min=e._min),"_max"in e&&(i.max=e._max),"_step"in e&&(i.step=e._step),"_multiple"in e&&(i.multiple=e._multiple),"_checked"in e&&(i.checked=e._checked),"_indeterminate"in e&&(i.indeterminate=e._indeterminate),"_touched"in e&&(i.touched=e._touched),"_msg"in e&&(i.msg=(0,a.a)(e._msg)),"_suggestions"in e&&!n&&Array.isArray(e._suggestions)&&e._suggestions.length>0&&(i.suggestions=(0,o.h)(r,{id:e._id,suggestions:e._suggestions})),i}(n,t),s))}},8137:(e,n,t)=>{t.r(n),t.d(n,{kol_input_radio:()=>u});var i=t(6733),o=t(8045),l=t(2190),a=t(2429),r=t(5151),s=t(9867),d=t(4138),c=t(7162),h=(t(257),t(3472),t(1698),t(3694),t(1042),t(8296),t(4269),t(3710),t(5561),t(5154),t(753),t(1111),t(9709),t(9272),t(6660),t(3185),t(2425),t(376),t(5538),t(8176),(e,n,t)=>new Promise(((i,o)=>{var l=e=>{try{r(t.next(e))}catch(e){o(e)}},a=e=>{try{r(t.throw(e))}catch(e){o(e)}},r=e=>e.done?i(e.value):Promise.resolve(e.value).then(l,a);r((t=t.apply(e,n)).next())})));const u=class{getValue(){return h(this,null,(function*(){return this._value}))}kolFocus(){return h(this,null,(function*(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}))}getFormFieldProps(){return{state:this.state,component:"fieldset",class:(0,o.c)("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return(0,i.h)(s.F,Object.assign({key:"9ee49be5ca3f551182b68ede4b97ec19086f2a2e"},this.getFormFieldProps()),this.state._options.map(((e,n)=>this.renderOption(e,n))))}getOptionProps(e,n){const t={state:this.state,id:n,hint:e.hint,label:e.label,required:!1,fieldControlLabelProps:{showBadge:!1}};return e.disabled&&(t.disabled=!0),t}getInputProps(e,n,t,i){const l=Object.assign(Object.assign({state:this.state,id:n,ref:this.state._value===e.value?this.catchRef:void 0,class:(0,o.c)("kol-input-radio",{"kol-input-radio--disabled":Boolean(this.state._disabled||e.disabled)}),"aria-label":this.state._hideLabel&&"string"==typeof e.label?e.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:i},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}});return e.disabled&&(l.disabled=!0),l}renderOption(e,n){const t=`${this.state._id}-${n}`,o=this.state._value===e.value;return(0,i.h)(d.F,Object.assign({key:t},this.getOptionProps(e,t)),(0,i.h)(c.I,Object.assign({},this.getInputProps(e,t,n,o))))}constructor(e){(0,i.r)(this,e),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&this.controller.onFacade.onInput(e,!0,n.value)}},this.onChange=e=>{if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&(this.controller.onFacade.onChange(e,n.value),this._value=n.value)}},this.onKeyDown=e=>{"Enter"!==e.code&&"NumpadEnter"!==e.code||(0,r.p)({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",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._orientation="vertical",this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${(0,l.n)()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.controller=new a.a(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateTooltipAlign(e){this.controller.validateTooltipAlign(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHint(e){this.controller.validateHint(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)}validateOrientation(e){this.controller.validateOrientation(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};u.style={default:'/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: 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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-field-control {\n    min-height: var(--a11y-min-size);\n    display: grid;\n    grid-template-columns: auto 1fr;\n    grid-template-areas: "input label";\n    grid-template-rows: auto;\n    align-items: center;\n    justify-content: left;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-columns: auto 1fr;\n    grid-template-areas: "input label" "hint hint";\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: "label input";\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: "label input" "hint hint";\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    grid-area: input;\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-field-control__label {\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    grid-area: label;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__label-text::after {\n    content: "";\n  }\n  .kol-field-control__tooltip .span-label::after {\n    content: "";\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*";\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  .kol-input-container {\n    align-items: center;\n    background-color: white;\n    display: grid;\n    grid-template-columns: 1fr;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    --border-width: 2px;\n    --input-size: 1.5em;\n  }\n  .kol-form-field__label {\n    display: contents;\n  }\n  .kol-form-field__input {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-form-field__input--orientation-horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .kol-form-field--disabled {\n    opacity: unset;\n  }\n  .kol-input-radio {\n    appearance: none;\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: 100%;\n    cursor: pointer;\n    display: flex;\n    height: var(--input-size);\n    margin: 0;\n    min-height: var(--input-size);\n    min-width: var(--input-size);\n    padding: 0;\n    width: var(--input-size);\n  }\n  .kol-input-radio:before {\n    border-radius: 100%;\n    content: "";\n    margin: auto;\n    height: calc(var(--input-size) / 2);\n    width: calc(var(--input-size) / 2);\n  }\n  .kol-input-radio:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-input-radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-input-radio:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}'}},8176:(e,n,t)=>{t.d(n,{I:()=>r});var i=t(1111),o=t(6733),l=t(8045),a=(t(257),t(9867));const r=e=>{const{class:n,msg:t,required:r,disabled:s,touched:d,readonly:c,ariaDescribedBy:h,hideLabel:u,label:p,suggestions:b,value:f}=e,m=(0,i._)(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=(0,a.c)(t,d),_={"kol-input--disabled":Boolean(s),"kol-input--required":Boolean(r),"kol-input--touched":Boolean(d),"kol-input--readonly":Boolean(c),[`kol-input--${(null==t?void 0:t.type)||"error"}`]:g},v=Object.assign(Object.assign({class:(0,l.c)("kol-input",_,n),required:r,disabled:s,readonly:c,type:"text",list:b?`${m.id}-list`:void 0},(0,a.e)({ariaDescribedBy:h,hideLabel:u,label:p})),m);return(0,o.h)(o.F,null,(0,o.h)("input",Object.assign({},v,{value:f})),b)}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8137],{3682:(e,n,t)=>{t.d(n,{F:()=>c});var i=t(1111),o=t(6123),l=t(8045),a=t(257),r=t(4571);const s=(e,n)=>{var{class:t}=e,a=(0,i._)(e,["class"]);return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control__input",t)},a),n)},d=(e,n)=>{const{class:t,id:d,disabled:c,label:h,hideLabel:u,labelAlign:p,renderNoTooltip:b,hint:f,renderNoHint:m,tooltipAlign:g,accessKey:_,shortKey:v,msg:y,touched:k,required:w,readonly:O,fieldControlInputProps:x,fieldControlLabelProps:z,fieldControlTooltipProps:L,fieldControlHintProps:A}=e,q=(0,i._)(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),B=!m,P=!b,F=(0,r.c)(y,k),K=(0,a.l)(h),S=P&&!K&&u,j=(0,a.B)(_,v),I=[(0,o.h)(o.F,null,(0,o.h)(s,Object.assign({},x),n),S&&(0,o.h)(r.b,Object.assign({},L||{},{id:d,label:h,hideLabel:u,align:g,badgeText:j}))),(0,o.h)(r.K,Object.assign({},z||{},{id:d,baseClassName:"kol-field-control",class:(0,l.c)(null==z?void 0:z.class,{"kol-field-control__label--visually-hidden":Boolean(u)}),hasExpertSlot:K,label:h,accessKey:_,shortKey:v}))];"left"===p&&I.reverse();const T={"kol-field-control--disabled":Boolean(c),"kol-field-control--required":Boolean(w),"kol-field-control--touched":Boolean(k),"kol-field-control--hide-label":Boolean(u),"kol-field-control--read-only":Boolean(O),[`kol-field-control--${(null==y?void 0:y.type)||"error"}`]:Boolean(F),[`kol-field-control--label-align-${p}`]:Boolean(p)};return(0,o.h)("div",Object.assign({class:(0,l.c)("kol-field-control",T,t)},q),I,B&&(0,o.h)(r.d,Object.assign({},A||{},{baseClassName:"kol-field-control",id:d,hint:f})))},c=(e,n)=>{var{state:t}=e,l=(0,i._)(e,["state"]);return(0,o.h)(d,Object.assign({},function(e){const n={accessKey:e._accessKey,shortKey:e._shortKey,id:e._id,disabled:e._disabled,msg:(0,r.a)(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(n.required=e._required),"_readOnly"in e&&(n.readonly=e._readOnly),"_labelAlign"in e&&(n.labelAlign=e._labelAlign),n}(t),l),n)}},5151:(e,n,t)=>{t.d(n,{a:()=>a,p:()=>r});var i=t(257),o=t(1698);const l=e=>{for((0,i.F)()&&((0,i.D)("↓ Search form element start."),i.L.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==o.g.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}(0,i.F)()&&(i.L.debug(e),(0,i.D)("↑ Search form element finished."))}return e},a=(e={})=>{var n,t;const a=l(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)(0,i.I)(e,a),a.dispatchEvent(e);else if(a.tagName===o.g.toUpperCase()){(0,i.I)(e,i.a.querySelector("form",a));const o=a;"function"==typeof(null===(n=o._on)||void 0===n?void 0:n.onReset)&&(null===(t=o._on)||void 0===t||t.onReset(e))}}},r=(e={})=>{const n=l(e.form);if(n instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:n});if("FORM"===n.tagName)(0,i.F)()&&!1===n.noValidate&&(0,i.D)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof n.requestSubmit?n.requestSubmit():((0,i.I)(e,n),n.dispatchEvent(e))}));else if(n.tagName===o.g.toUpperCase()){(0,i.I)(e,i.a.querySelector("form",n));const t=n;setTimeout((()=>{var n,i;"function"==typeof(null===(n=t._on)||void 0===n?void 0:n.onSubmit)&&(null===(i=t._on)||void 0===i||i.onSubmit(e))}))}}}},6205:(e,n,t)=>{t.d(n,{I:()=>r});var i=t(1111),o=t(6123),l=t(8045),a=(t(257),t(4571));const r=e=>{const{class:n,msg:t,required:r,disabled:s,touched:d,readonly:c,ariaDescribedBy:h,hideLabel:u,label:p,suggestions:b,value:f}=e,m=(0,i._)(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=(0,a.c)(t,d),_={"kol-input--disabled":Boolean(s),"kol-input--required":Boolean(r),"kol-input--touched":Boolean(d),"kol-input--readonly":Boolean(c),[`kol-input--${(null==t?void 0:t.type)||"error"}`]:g},v=Object.assign(Object.assign({class:(0,l.c)("kol-input",_,n),required:r,disabled:s,readonly:c,type:"text",list:b?`${m.id}-list`:void 0},(0,a.e)({ariaDescribedBy:h,hideLabel:u,label:p})),m);return(0,o.h)(o.F,null,(0,o.h)("input",Object.assign({},v,{value:f})),b)}},8137:(e,n,t)=>{t.r(n),t.d(n,{kol_input_radio:()=>g});var i=t(6123),o=t(8045),l=t(9167),a=t(8533),r=t(5151),s=t(4571),d=t(3682),c=t(1111),h=t(6205),u=(t(257),t(3472),t(1698),t(3694),t(1042),t(8296),t(4269),t(3710),t(5561),t(5154),t(753),t(2803),t(9272),t(6660),t(3185),t(5150),t(3806),t(5538),(e,n,t)=>new Promise(((i,o)=>{var l=e=>{try{r(t.next(e))}catch(e){o(e)}},a=e=>{try{r(t.throw(e))}catch(e){o(e)}},r=e=>e.done?i(e.value):Promise.resolve(e.value).then(l,a);r((t=t.apply(e,n)).next())})));const p=e=>{var{class:n}=e,t=(0,c._)(e,["class"]);return(0,i.h)(h.I,Object.assign({class:(0,o.c)("kol-input-radio__input",n)},t,{type:"radio"}))},b=e=>{var n,{class:t,inputProps:l}=e,a=(0,c._)(e,["class","inputProps"]);const r=(0,s.c)(null==l?void 0:l.msg,null==l?void 0:l.touched),d={"kol-input-radio--checked":null==l?void 0:l.checked,"kol-input-radio--disabled":Boolean(null==l?void 0:l.disabled),"kol-input-radio--required":Boolean(null==l?void 0:l.required),"kol-input-radio--touched":Boolean(null==l?void 0:l.touched),[`kol-input-radio--${(null===(n=null==l?void 0:l.msg)||void 0===n?void 0:n.type)||"error"}`]:Boolean(r)};return(0,i.h)("label",Object.assign({class:(0,o.c)("kol-input-radio",d,t)},a),(0,i.h)(p,Object.assign({},l)))};function f(e,n={}){const{ariaDescribedBy:t}=(0,s.g)(e),i={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_required"in e&&(i.required=e._required),"_touched"in e&&(i.touched=e._touched),"_msg"in e&&(i.msg=(0,s.a)(e._msg)),Object.assign(Object.assign({},i),n)}const m=e=>{var{state:n,inputProps:t}=e,o=(0,c._)(e,["state","inputProps"]);return(0,i.h)(b,Object.assign({inputProps:f(n,t)},o))},g=class{getValue(){return u(this,null,(function*(){return this._value}))}kolFocus(){return u(this,null,(function*(){var e;null===(e=this.inputRef)||void 0===e||e.focus()}))}getFormFieldProps(){return{state:this.state,component:"fieldset",class:(0,o.c)("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return(0,i.h)(s.F,Object.assign({key:"9ee49be5ca3f551182b68ede4b97ec19086f2a2e"},this.getFormFieldProps()),this.state._options.map(((e,n)=>this.renderOption(e,n))))}getOptionProps(e,n){const t={state:this.state,id:n,hint:e.hint,label:e.label,required:!1,fieldControlLabelProps:{showBadge:!1}};return e.disabled&&(t.disabled=!0),t}getInputProps(e,n,t,i){return{state:this.state,inputProps:Object.assign(Object.assign({id:n,ref:this.state._value===e.value?this.catchRef:void 0,"aria-label":this.state._hideLabel&&"string"==typeof e.label?e.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:i,disabled:e.disabled},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}}renderOption(e,n){const t=`${this.state._id}-${n}`,o=this.state._value===e.value;return(0,i.h)(d.F,Object.assign({key:t},this.getOptionProps(e,t)),(0,i.h)(m,Object.assign({},this.getInputProps(e,t,n,o))))}constructor(e){(0,i.r)(this,e),this.catchRef=e=>{this.inputRef=e},this.onInput=e=>{if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&this.controller.onFacade.onInput(e,!0,n.value)}},this.onChange=e=>{if(e.target instanceof HTMLInputElement){const n=this.controller.getOptionByKey(e.target.value);void 0!==n&&(this.controller.onFacade.onChange(e,n.value),this._value=n.value)}},this.onKeyDown=e=>{"Enter"!==e.code&&"NumpadEnter"!==e.code||(0,r.p)({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",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._orientation="vertical",this._required=!1,this._shortKey=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${(0,l.n)()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.controller=new a.a(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateTooltipAlign(e){this.controller.validateTooltipAlign(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHint(e){this.controller.validateHint(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)}validateOrientation(e){this.controller.validateOrientation(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};g.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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-field-control {\n    min-height: var(--a11y-min-size);\n    display: grid;\n    grid-template-columns: auto 1fr;\n    grid-template-areas: "input label";\n    grid-template-rows: auto;\n    align-items: center;\n    justify-content: left;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-columns: auto 1fr;\n    grid-template-areas: "input label" "hint hint";\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: "label input";\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: "label input" "hint hint";\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    grid-area: input;\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-field-control__label {\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    grid-area: label;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__label-text::after {\n    content: "";\n  }\n  .kol-field-control__tooltip .span-label::after {\n    content: "";\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*";\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: "*";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*";\n  }\n}\n@layer kol-component {\n  .kol-input-container {\n    align-items: center;\n    background-color: white;\n    display: grid;\n    grid-template-columns: 1fr;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    --border-width: 2px;\n    --input-size: 1.5em;\n  }\n  .kol-form-field__label {\n    display: contents;\n  }\n  .kol-form-field__input {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-form-field__input--orientation-horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .kol-form-field--disabled {\n    opacity: unset;\n  }\n  .kol-input-radio {\n    display: flex;\n    position: relative;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    width: var(--a11y-min-size);\n    height: var(--a11y-min-size);\n  }\n  .kol-input-radio__input {\n    appearance: none;\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: 100%;\n    cursor: pointer;\n    display: flex;\n    height: var(--input-size);\n    margin: 0;\n    min-height: var(--input-size);\n    min-width: var(--input-size);\n    padding: 0;\n    width: var(--input-size);\n  }\n  .kol-input-radio__input:before {\n    border-radius: 100%;\n    content: "";\n    margin: auto;\n    height: calc(var(--input-size) / 2);\n    width: calc(var(--input-size) / 2);\n  }\n  .kol-input-radio__input:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-input-radio__input:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-input-radio__input:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-input-radio--disabled {\n    cursor: not-allowed;\n  }\n}'}},8533:(e,n,t)=>{t.d(n,{I:()=>h,a:()=>u,b:()=>r,f:()=>c,v:()=>s});var i=t(257),o=t(4571),l=t(3472);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,l.b)(e.label,3)&&!1===(0,l.c)(e.label)&&(0,i.b)(`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},r=(e,n,t={})=>{(0,i.y)(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),n,void 0,t)},s=(e,n,t={})=>{(0,i.y)(e,"_options",a,n,void 0,t)},d=["horizontal","vertical"],c=(e,n,t="")=>{n.forEach(((n,i)=>{const o=`${t}-${i}`;"object"==typeof n&&null!==n&&"string"==typeof n.label&&n.label.length>0&&(Array.isArray(n.options)?c(e,n.options,o):e.set(o,n))}))};class h extends o.I{constructor(e,n,t){super(e,n,t),this.component=e}validateRequired(e){((e,n)=>{(0,i.h)(e,"_required",n)})(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends h{constructor(e,n,t){super(e,n,t),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.afterPatchOptions=(e,n,t,i)=>{"_value"===i&&this.setFormAssociatedValue(e)},this.beforePatchOptions=(e,n)=>{const t=n.has("_options")?n.get("_options"):this.component.state._options;Array.isArray(t)&&t.length>0&&(this.keyOptionMap.clear(),c(this.keyOptionMap,t))},this.component=e}validateOrientation(e){(0,i.w)(this.component,"_orientation",(e=>"string"==typeof e&&d.includes(e)),new Set([`Orientation {${d.join(", ")}`]),e,{defaultValue:"vertical"})}validateOptions(e){r(this.component,e,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(e){e=Array.isArray(e)?e[0]:e,(0,i.k)(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)}}}}]);

package/dist/8180.js

@@ -1,2 +1,2 @@
 /*! For license information please see 8180.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8180],{970:(e,a,t)=>{t.d(a,{w:()=>i});var l=t(257),s=t(3472);const i=(e,a)=>{(0,l.w)(e,"_level",(e=>"number"==typeof e&&s.h.includes(e)),new Set([`Number {${s.h.join(", ")}`]),a,{defaultValue:1,required:!0})}},1111:(e,a,t)=>{function l(e,a){var t={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&a.indexOf(l)<0&&(t[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(l=Object.getOwnPropertySymbols(e);s<l.length;s++)a.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(e,l[s])&&(t[l[s]]=e[l[s]])}return t}t.d(a,{_:()=>l}),"function"==typeof SuppressedError&&SuppressedError},2425:(e,a,t)=>{t.d(a,{K:()=>d});var l=t(1111),s=t(6733),i=t(8045);const n=1;function o(e){return function(e){return e>=n&&e<=6}(e)?`h${e}`:"strong"}const r=(e,a)=>{var{class:t,level:r=n,variant:c}=e,d=(0,l._)(e,["class","level","variant"]);const h=o(r),v=c||h;return(0,s.h)(h,Object.assign({class:(0,i.c)("kol-headline",`kol-headline--${v}`,t)},d),a)},c=(e,a)=>{var{class:t,level:r=n}=e,c=(0,l._)(e,["class","level"]);const d=function(e){return 1===e?"span":o(e)}(r+1);return(0,s.h)(d,Object.assign({class:(0,i.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),a)},d=(e,a)=>{var{secondaryHeadline:t,level:o=n,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:v={}}=e,u=(0,l._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:o},u);if(!t)return(0,s.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--single")},b),a);const{class:p}=h,f=(0,l._)(h,["class"]),g=Object.assign({class:(0,i.c)("kol-heading-group",p)},f);return(0,s.h)("hgroup",Object.assign({},g),(0,s.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--group","kol-headline--primary")},b),a),(0,s.h)(c,Object.assign({level:o},v),t))}},3472:(e,a,t)=>{t.d(a,{a:()=>h,b:()=>o,c:()=>r,h:()=>s,v:()=>d});var l=t(257);const s=[0,1,2,3,4,5,6],i=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function o(e,a=1){return function(e){var a;return"string"==typeof e&&(null===(a=e.match(i))||void 0===a?void 0:a.length)||0}(e)>=a}function r(e){return n.test(e)}const c=new Set(["string"]),d=(e,a,t={})=>{(0,l.w)(e,"_label",(e=>"string"==typeof e),c,a,function(e){var a;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(a,t,s,i)=>{var n,c;"function"==typeof(null===(n=e.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(a,t,s,i)),"string"==typeof a&&!1===o(a,3)&&!1===r(a)&&(0,l.b)(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&(0,l.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=e.hooks)||void 0===a?void 0:a.beforePatch}})}(t))},h=d},7263:(e,a,t)=>{t.d(a,{v:()=>s});var l=t(257);const s=(e,a)=>{(0,l.h)(e,"_hasCloser",a)}},8045:(e,a,t)=>{function l(e){var a,t,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var i=e.length;for(a=0;a<i;a++)e[a]&&(t=l(e[a]))&&(s&&(s+=" "),s+=t)}else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function s(){for(var e,a,t=0,s="",i=arguments.length;t<i;t++)(e=arguments[t])&&(a=l(e))&&(s&&(s+=" "),s+=a);return s}t.d(a,{c:()=>s})},8180:(e,a,t)=>{t.r(a),t.d(a,{kol_alert_wc:()=>v});var l=t(6733),s=t(257),i=t(970),n=t(9709),o=t(3694),r=t(7263),c=t(3472);t(1111),t(8045),t(1698),t(9272),t(4269),t(6660),t(3185),t(2425);const d=["default","info","success","warning","error"],h=["card","msg"],v=class{constructor(e){(0,l.r)(this,e),this.close=()=>{var e,a;null===(a=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===a||a.call(e,new Event("Close")),this.host&&(0,o.d)(this.host,o.K.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){const{_alert:e,_hasCloser:a,_label:t,_level:s,_type:i,_variant:o}=this.state,r={alert:e,hasCloser:a,label:t,level:s,type:i,variant:o,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return(0,l.h)(n.K,Object.assign({key:"9038051f21b86a9c83c8ac5619e723dff5ebcbeb"},r),(0,l.h)("slot",{key:"cfd116176ab783db5232d9d5520f8ae890ca44db"}))}validateAlert(e){(0,s.h)(this,"_alert",e)}validateHasCloser(e){(0,r.v)(this,e)}validateLabel(e){(0,c.v)(this,e)}validateLevel(e){(0,i.w)(this,e)}validateOn(e){this.validateOnValue(e)&&(0,s.k)(this,"_on",{onClose:e.onClose})}validateType(e){(0,s.w)(this,"_type",(e=>"string"==typeof e&&d.includes(e)),new Set(`String {${d.join(", ")}`),e)}validateVariant(e){(0,s.w)(this,"_variant",(e=>"string"==typeof e&&h.includes(e)),new Set(`AlertVariant {${h.join(", ")}`),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return(0,l.g)(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}}},9272:(e,a,t)=>{t.d(a,{t:()=>i});var l=t(4269),s=t(257);let i=(e,a)=>{var t;return(null!==(t=(0,l.g)())&&void 0!==t?t:(0,l.i)("de")).translate(e,a)};"test"===s.p&&(i=e=>e)},9709:(e,a,t)=>{t.d(a,{K:()=>v});var l=t(1111),s=t(6733),i=t(8045),n=t(1698),o=t(9272),r=t(6660),c=t(2425);const d=({ariaLabel:e,icon:a})=>(0,s.h)(s.F,null,(0,s.h)("span",{class:"visually-hidden"},e),(0,s.h)(n.d,{class:r.a,_label:"",_icons:a})),h=({type:e,label:a})=>{switch(e){case"error":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-error"),icon:"codicon codicon-error",label:a});case"info":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-info"),icon:"codicon codicon-info",label:a});case"warning":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-warning"),icon:"codicon codicon-warning",label:a});case"success":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-success"),icon:"codicon codicon-pass",label:a});default:return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-message"),icon:"codicon codicon-comment",label:a})}},v=(e,a)=>{var t,d;const{class:v={},alert:u=!1,hasCloser:b=!1,label:p,level:f=0,type:g="default",variant:_="msg",onAlertTimeout:y,onCloserClick:k}=e,O=(0,l._)(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);u&&((null===(t=navigator.userActivation)||void 0===t?void 0:t.hasBeenActive)&&(null===(d=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===d||d.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==y||y()}),1e4));const C=(0,r.b)("kol-alert",{hasCloser:!!b,[`type-${g}`]:!0,[`variant-${_}`]:!0}),m=(0,r.b)("kol-alert","heading",{[`h${f}`]:!0}),w=Object.assign({class:(0,i.c)(v,C),role:u?"error"===g?"alert":"status":void 0},O);return(0,s.h)("div",Object.assign({},w),(0,s.h)("div",{class:"kol-alert__container"},(0,s.h)(h,{label:p,type:g}),(0,s.h)("div",{class:"kol-alert__container-content"},p&&(0,s.h)(c.K,{class:m,level:f,id:"heading"},p),"msg"===_&&(0,s.h)("span",{class:r.c,"aria-describedby":p?"heading":void 0},a)),b&&(0,s.h)(n.a,{class:r.d,"data-testid":"alert-close-button",_ariaDescription:(null==p?void 0:p.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,o.t)("kol-close-alert"),_on:{onClick:k},_tooltipAlign:"left"})),"card"===_&&(0,s.h)("div",{class:r.c,"aria-describedby":p?"heading":void 0},a))}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8180],{970:(e,a,t)=>{t.d(a,{w:()=>i});var l=t(257),s=t(3472);const i=(e,a)=>{(0,l.w)(e,"_level",(e=>"number"==typeof e&&s.h.includes(e)),new Set([`Number {${s.h.join(", ")}`]),a,{defaultValue:1,required:!0})}},1111:(e,a,t)=>{function l(e,a){var t={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&a.indexOf(l)<0&&(t[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(l=Object.getOwnPropertySymbols(e);s<l.length;s++)a.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(e,l[s])&&(t[l[s]]=e[l[s]])}return t}t.d(a,{_:()=>l}),"function"==typeof SuppressedError&&SuppressedError},2803:(e,a,t)=>{t.d(a,{K:()=>v});var l=t(1111),s=t(6123),i=t(8045),n=t(1698),o=t(9272),r=t(6660),c=t(5150);const d=({ariaLabel:e,icon:a})=>(0,s.h)(s.F,null,(0,s.h)("span",{class:"visually-hidden"},e),(0,s.h)(n.d,{class:r.a,_label:"",_icons:a})),h=({type:e,label:a})=>{switch(e){case"error":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-error"),icon:"codicon codicon-error",label:a});case"info":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-info"),icon:"codicon codicon-info",label:a});case"warning":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-warning"),icon:"codicon codicon-warning",label:a});case"success":return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-success"),icon:"codicon codicon-pass",label:a});default:return(0,s.h)(d,{ariaLabel:(0,o.t)("kol-message"),icon:"codicon codicon-comment",label:a})}},v=(e,a)=>{var t,d;const{class:v={},alert:u=!1,hasCloser:b=!1,label:p,level:f=0,type:g="default",variant:_="msg",onAlertTimeout:y,onCloserClick:k}=e,O=(0,l._)(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);u&&((null===(t=navigator.userActivation)||void 0===t?void 0:t.hasBeenActive)&&(null===(d=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===d||d.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==y||y()}),1e4));const C=(0,r.b)("kol-alert",{hasCloser:!!b,[`type-${g}`]:!0,[`variant-${_}`]:!0}),m=(0,r.b)("kol-alert","heading",{[`h${f}`]:!0}),w=Object.assign({class:(0,i.c)(v,C),role:u?"error"===g?"alert":"status":void 0},O);return(0,s.h)("div",Object.assign({},w),(0,s.h)("div",{class:"kol-alert__container"},(0,s.h)(h,{label:p,type:g}),(0,s.h)("div",{class:"kol-alert__container-content"},p&&(0,s.h)(c.K,{class:m,level:f,id:"heading"},p),"msg"===_&&(0,s.h)("span",{class:r.c,"aria-describedby":p?"heading":void 0},a)),b&&(0,s.h)(n.a,{class:r.d,"data-testid":"alert-close-button",_ariaDescription:(null==p?void 0:p.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:(0,o.t)("kol-close-alert"),_on:{onClick:k},_tooltipAlign:"left"})),"card"===_&&(0,s.h)("div",{class:r.c,"aria-describedby":p?"heading":void 0},a))}},3472:(e,a,t)=>{t.d(a,{a:()=>h,b:()=>o,c:()=>r,h:()=>s,v:()=>d});var l=t(257);const s=[0,1,2,3,4,5,6],i=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function o(e,a=1){return function(e){var a;return"string"==typeof e&&(null===(a=e.match(i))||void 0===a?void 0:a.length)||0}(e)>=a}function r(e){return n.test(e)}const c=new Set(["string"]),d=(e,a,t={})=>{(0,l.w)(e,"_label",(e=>"string"==typeof e),c,a,function(e){var a;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(a,t,s,i)=>{var n,c;"function"==typeof(null===(n=e.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(a,t,s,i)),"string"==typeof a&&!1===o(a,3)&&!1===r(a)&&(0,l.b)(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&(0,l.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=e.hooks)||void 0===a?void 0:a.beforePatch}})}(t))},h=d},5150:(e,a,t)=>{t.d(a,{K:()=>d});var l=t(1111),s=t(6123),i=t(8045);const n=1;function o(e){return function(e){return e>=n&&e<=6}(e)?`h${e}`:"strong"}const r=(e,a)=>{var{class:t,level:r=n,variant:c}=e,d=(0,l._)(e,["class","level","variant"]);const h=o(r),v=c||h;return(0,s.h)(h,Object.assign({class:(0,i.c)("kol-headline",`kol-headline--${v}`,t)},d),a)},c=(e,a)=>{var{class:t,level:r=n}=e,c=(0,l._)(e,["class","level"]);const d=function(e){return 1===e?"span":o(e)}(r+1);return(0,s.h)(d,Object.assign({class:(0,i.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),a)},d=(e,a)=>{var{secondaryHeadline:t,level:o=n,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:v={}}=e,u=(0,l._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:o},u);if(!t)return(0,s.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--single")},b),a);const{class:p}=h,f=(0,l._)(h,["class"]),g=Object.assign({class:(0,i.c)("kol-heading-group",p)},f);return(0,s.h)("hgroup",Object.assign({},g),(0,s.h)(r,Object.assign({class:(0,i.c)(d,"kol-headline--group","kol-headline--primary")},b),a),(0,s.h)(c,Object.assign({level:o},v),t))}},7263:(e,a,t)=>{t.d(a,{v:()=>s});var l=t(257);const s=(e,a)=>{(0,l.h)(e,"_hasCloser",a)}},8045:(e,a,t)=>{function l(e){var a,t,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var i=e.length;for(a=0;a<i;a++)e[a]&&(t=l(e[a]))&&(s&&(s+=" "),s+=t)}else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function s(){for(var e,a,t=0,s="",i=arguments.length;t<i;t++)(e=arguments[t])&&(a=l(e))&&(s&&(s+=" "),s+=a);return s}t.d(a,{c:()=>s})},8180:(e,a,t)=>{t.r(a),t.d(a,{kol_alert_wc:()=>v});var l=t(6123),s=t(257),i=t(970),n=t(2803),o=t(3694),r=t(7263),c=t(3472);t(1111),t(8045),t(1698),t(9272),t(4269),t(6660),t(3185),t(5150);const d=["default","info","success","warning","error"],h=["card","msg"],v=class{constructor(e){(0,l.r)(this,e),this.close=()=>{var e,a;null===(a=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===a||a.call(e,new Event("Close")),this.host&&(0,o.d)(this.host,o.K.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=0,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:0}}render(){const{_alert:e,_hasCloser:a,_label:t,_level:s,_type:i,_variant:o}=this.state,r={alert:e,hasCloser:a,label:t,level:s,type:i,variant:o,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return(0,l.h)(n.K,Object.assign({key:"9038051f21b86a9c83c8ac5619e723dff5ebcbeb"},r),(0,l.h)("slot",{key:"cfd116176ab783db5232d9d5520f8ae890ca44db"}))}validateAlert(e){(0,s.h)(this,"_alert",e)}validateHasCloser(e){(0,r.v)(this,e)}validateLabel(e){(0,c.v)(this,e)}validateLevel(e){(0,i.w)(this,e)}validateOn(e){this.validateOnValue(e)&&(0,s.k)(this,"_on",{onClose:e.onClose})}validateType(e){(0,s.w)(this,"_type",(e=>"string"==typeof e&&d.includes(e)),new Set(`String {${d.join(", ")}`),e)}validateVariant(e){(0,s.w)(this,"_variant",(e=>"string"==typeof e&&h.includes(e)),new Set(`AlertVariant {${h.join(", ")}`),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}get host(){return(0,l.g)(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}}},9272:(e,a,t)=>{t.d(a,{t:()=>i});var l=t(4269),s=t(257);let i=(e,a)=>{var t;return(null!==(t=(0,l.g)())&&void 0!==t?t:(0,l.i)("de")).translate(e,a)};"test"===s.p&&(i=e=>e)}}]);

package/dist/8192.js

@@ -1,2 +1,2 @@
 /*! For license information please see 8192.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8192],{8192:(s,c,e)=>{e.r(c),e.d(c,{test_component:()=>u});var t=e(6733);const u=class{constructor(s){(0,t.r)(this,s)}}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8192],{8192:(s,c,e)=>{e.r(c),e.d(c,{test_component:()=>u});var t=e(6123);const u=class{constructor(s){(0,t.r)(this,s)}}}}]);

package/dist/8246.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8246],{8246:(t,e,n)=>{n.r(e),n.d(e,{kol_input_email:()=>m});var i=n(6733),o=n(8045),a=n(257),l=n(2190),s=n(5151),r=n(9867),d=n(7162),c=n(182),h=n(5951),u=(n(1698),n(3694),n(1042),n(8296),n(4269),n(3710),n(5561),n(5154),n(753),n(3472),n(1111),n(9709),n(9272),n(6660),n(3185),n(2425),n(376),n(5538),n(8176),n(3885),n(1476),n(8057),n(1040),n(3359),n(8399),n(7368),(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())})));class p extends h.I{constructor(t,e,n){super(t,e,n),this.component=t}validateMultiple(t){((t,e)=>{(0,a.h)(t,"_multiple",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateMultiple(this.component._multiple)}}const m=class{getValue(){return u(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}kolFocus(){return u(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}getFormFieldProps(){return{state:this.state,class:(0,o.c)("kol-input-email","email",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return null===(t=this.inputRef)||void 0===t?void 0:t.focus()},alert:this.showAsAlert()}}getInputProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state,type:"email"},this.controller.onFacade),{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}})}render(){return(0,i.h)(r.F,Object.assign({key:"45f5d7733d0a437342c2e8bb1ce1775d0e7c9120"},this.getFormFieldProps()),(0,i.h)(c.a,{key:"2a8defce2681140146403050a95d4b06fa317d94",state:this.state},(0,i.h)(d.I,Object.assign({key:"a7cc60872de4bb3da384bb0241bcaed3920574dc"},this.getInputProps()))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,s.p)({form:this.host,ref:this.inputRef})},this.onInput=t=>{const e=t.target.value;(0,a.k)(this,"_currentLength",e.length),this._value=e,this.controller.onFacade.onInput(t)},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!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._multiple=!1,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${(0,l.n)()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new p(this,"email",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateMultiple(t){this.controller.validateMultiple(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)}validateShortKey(t){this.controller.validateShortKey(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=!0===this._touched,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"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};m.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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: \"*\";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  .kol-input-container {\n    align-items: center;\n    background-color: white;\n    display: grid;\n    grid-template-columns: 1fr;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n}\n@layer kol-component {\n  .kol-input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n}"}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8246],{8246:(t,e,n)=>{n.r(e),n.d(e,{kol_input_email:()=>m});var i=n(6123),o=n(8045),a=n(257),l=n(9167),s=n(5151),r=n(4571),d=n(1335),c=n(2420),h=n(1265),u=(n(1698),n(3694),n(1042),n(8296),n(4269),n(3710),n(5561),n(5154),n(753),n(3472),n(1111),n(2803),n(9272),n(6660),n(3185),n(5150),n(3806),n(5538),n(6205),n(2074),n(1476),n(8057),n(2631),n(3359),n(8399),n(7368),(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())})));class p extends h.I{constructor(t,e,n){super(t,e,n),this.component=t}validateMultiple(t){((t,e)=>{(0,a.h)(t,"_multiple",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateMultiple(this.component._multiple)}}const m=class{getValue(){return u(this,null,(function*(){var t;return null===(t=this.inputRef)||void 0===t?void 0:t.value}))}kolFocus(){return u(this,null,(function*(){var t;null===(t=this.inputRef)||void 0===t||t.focus()}))}getFormFieldProps(){return{state:this.state,class:(0,o.c)("kol-input-email","email",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return null===(t=this.inputRef)||void 0===t?void 0:t.focus()},alert:this.showAsAlert()}}getInputProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state,type:"email"},this.controller.onFacade),{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}})}render(){return(0,i.h)(r.F,Object.assign({key:"45f5d7733d0a437342c2e8bb1ce1775d0e7c9120"},this.getFormFieldProps()),(0,i.h)(c.a,{key:"2a8defce2681140146403050a95d4b06fa317d94",state:this.state},(0,i.h)(d.I,Object.assign({key:"a7cc60872de4bb3da384bb0241bcaed3920574dc"},this.getInputProps()))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.inputRef=t},this.onKeyDown=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||(0,s.p)({form:this.host,ref:this.inputRef})},this.onInput=t=>{const e=t.target.value;(0,a.k)(this,"_currentLength",e.length),this._value=e,this.controller.onFacade.onInput(t)},this._accessKey=void 0,this._autoComplete=void 0,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!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._multiple=!1,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._smartButton=void 0,this._suggestions=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${(0,l.n)()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new p(this,"email",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateMultiple(t){this.controller.validateMultiple(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)}validateShortKey(t){this.controller.validateShortKey(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=!0===this._touched,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"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};m.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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  .kol-tooltip__arrow {\n    background-color: #fff;\n    color: #000;\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip__content {\n    background-color: #fff;\n    color: #000;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    place-items: center;\n    display: flex;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-form-field {\n    display: grid;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    content: \"*\";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  .kol-input-container {\n    align-items: center;\n    background-color: white;\n    display: grid;\n    grid-template-columns: 1fr;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    height: var(--a11y-min-size);\n    place-items: center;\n  }\n}\n@layer kol-component {\n  .kol-input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    min-width: var(--a11y-min-size);\n    width: 100%;\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n}"}}}]);

package/dist/833.js

@@ -1,2 +1,2 @@
 /*! For license information please see 833.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[833],{833:(e,n,t)=>{t.r(n),t.d(n,{kol_details:()=>p});var i=t(6733),o=t(257),a=t(6461),l=t(2190),s=t(970),r=t(3694),c=t(2061),d=t(3472),h=t(9691);t(1111),t(8045),t(1698),t(2425);const p=class{constructor(e){(0,i.r)(this,e),this.nonce=(0,l.n)(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var n,t;this.host&&(0,r.d)(this.host,r.K.toggle,Boolean(this._open)),null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onToggle)||void 0===t||t.call(n,e,Boolean(this._open))}),25)},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}kolFocus(){return e=this,n=function*(){var e;yield null===(e=this.buttonWcRef)||void 0===e?void 0:e.kolFocus()},new Promise(((t,i)=>{var o=e=>{try{l(n.next(e))}catch(e){i(e)}},a=e=>{try{l(n.throw(e))}catch(e){i(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(o,a);l((n=n.apply(e,null)).next())}));var e,n}render(){const{_open:e,_label:n,_disabled:t,_level:o}=this.state,l="kol-details",s={id:this.nonce,label:n,open:e,disabled:t,level:o,onClick:this.handleOnClick,class:l,HeadingProps:{class:`${l}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${l}__heading-button`,_icons:"codicon codicon-chevron-right"},ContentProps:{class:`${l}__content indented-text`,wrapperClass:`${l}__wrapper`,animationClass:`${l}__wrapper-animation`}};return(0,i.h)(a.K,Object.assign({key:"bda32e79cfd2848ae618845ab2a20ae8b65ad0a3"},s),(0,i.h)("slot",{key:"846096375015a456c275333f701a44343a9e167c"}))}validateDisabled(e){(0,c.v)(this,e)}validateLabel(e){(0,d.v)(this,e,{required:!0})}validateLevel(e){(0,s.w)(this,e)}validateOn(e){var n;n=e,(0,o.w)(this,"_on",(e=>"object"==typeof e&&null!==e),new Set(["DetailsCallbacksPropType {Events.onToggle}"]),n)}validateOpen(e){(0,h.v)(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return(0,i.g)(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__heading-button button .kol-span {\n    justify-items: start;\n  }\n}\n@layer kol-component {\n  .kol-details {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button {\n    display: flex;\n  }\n  .kol-details__heading-button .kol-button {\n    min-height: auto;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: grey;\n    border-bottom-style: solid;\n  }\n  .collapsible--open .kol-details__heading-button .kol-icon::part(icon) {\n    transform: rotate(90deg);\n  }\n}"}},970:(e,n,t)=>{t.d(n,{w:()=>a});var i=t(257),o=t(3472);const a=(e,n)=>{(0,i.w)(e,"_level",(e=>"number"==typeof e&&o.h.includes(e)),new Set([`Number {${o.h.join(", ")}`]),n,{defaultValue:1,required:!0})}},1111:(e,n,t)=>{function i(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)n.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t}t.d(n,{_:()=>i}),"function"==typeof SuppressedError&&SuppressedError},2061:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(257);const o=(e,n)=>{(0,i.h)(e,"_disabled",n,{hooks:{afterPatch:e=>{!0===e&&(0,i.i)()}}})}},2190:(e,n,t)=>{t.d(n,{i:()=>l,n:()=>r,r:()=>s});var i=t(257),o=t(6733);const a=()=>{let e=(0,i.e)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,i.e)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,i.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const n=e.getAttribute("content");"string"==typeof n&&((0,i.s)(n.includes("dev-mode=true")),(0,i.c)(n.includes("experimental-mode=true")),(0,i.d)(n.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${o.E.kolibriVersion}\n\t`,{forceLog:!0})},s=()=>{!0!==a().adviceShown&&(Object.defineProperty(a(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(r=()=>"nonce")},2425:(e,n,t)=>{t.d(n,{K:()=>d});var i=t(1111),o=t(6733),a=t(8045);const l=1;function s(e){return function(e){return e>=l&&e<=6}(e)?`h${e}`:"strong"}const r=(e,n)=>{var{class:t,level:r=l,variant:c}=e,d=(0,i._)(e,["class","level","variant"]);const h=s(r),p=c||h;return(0,o.h)(h,Object.assign({class:(0,a.c)("kol-headline",`kol-headline--${p}`,t)},d),n)},c=(e,n)=>{var{class:t,level:r=l}=e,c=(0,i._)(e,["class","level"]);const d=function(e){return 1===e?"span":s(e)}(r+1);return(0,o.h)(d,Object.assign({class:(0,a.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),n)},d=(e,n)=>{var{secondaryHeadline:t,level:s=l,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:p={}}=e,u=(0,i._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:s},u);if(!t)return(0,o.h)(r,Object.assign({class:(0,a.c)(d,"kol-headline--single")},b),n);const{class:v}=h,f=(0,i._)(h,["class"]),g=Object.assign({class:(0,a.c)("kol-heading-group",v)},f);return(0,o.h)("hgroup",Object.assign({},g),(0,o.h)(r,Object.assign({class:(0,a.c)(d,"kol-headline--group","kol-headline--primary")},b),n),(0,o.h)(c,Object.assign({level:s},p),t))}},3472:(e,n,t)=>{t.d(n,{a:()=>h,b:()=>s,c:()=>r,h:()=>o,v:()=>d});var i=t(257);const o=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(e,n=1){return function(e){var n;return"string"==typeof e&&(null===(n=e.match(a))||void 0===n?void 0:n.length)||0}(e)>=n}function r(e){return l.test(e)}const c=new Set(["string"]),d=(e,n,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,n,function(e){var n;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(n,t,o,a)=>{var l,c;"function"==typeof(null===(l=e.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(n,t,o,a)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.b)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=e.hooks)||void 0===n?void 0:n.beforePatch}})}(t))},h=d},6461:(e,n,t)=>{t.d(n,{K:()=>r});var i=t(1111),o=t(6733),a=t(8045),l=t(1698),s=t(2425);const r=(e,n)=>{const{id:t,class:r,label:c,level:d=1,disabled:h,open:p,onClick:u,HeadingProps:b={},HeadingButtonProps:v={},ContentProps:f={}}=e,g=(0,i._)(e,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),m=p?"remove":"add";return(0,o.h)("div",Object.assign({id:t,class:(0,a.c)("collapsible",{"collapsible--disabled":!0===h,"collapsible--open":!0===p},r)},g),(0,o.h)(s.K,{ref:null==b?void 0:b.ref,level:d,class:(0,a.c)("collapsible__heading",null==b?void 0:b.class)},(0,o.h)(l.a,{class:(0,a.c)("collapsible__heading-button",null==v?void 0:v.class),ref:null==v?void 0:v.ref,slot:"expert",_ariaControls:`${t}-control`,_ariaExpanded:p,_disabled:h,_icons:(null==v?void 0:v._icons)||`codicon codicon-${m}`,_label:c,_on:{onClick:u}})),(0,o.h)("div",{class:(0,a.c)("collapsible__wrapper",null==f?void 0:f.wrapperClass)},(0,o.h)("div",{class:(0,a.c)("collapsible__wrapper-animation",null==f?void 0:f.animationClass)},(0,o.h)("div",{"aria-hidden":!1===p?"true":void 0,class:(0,a.c)("collapsible__content",null==f?void 0:f.class),id:`${t}-control`},n))))}},8045:(e,n,t)=>{function i(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=i(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=i(e))&&(o&&(o+=" "),o+=n);return o}t.d(n,{c:()=>o})},9691:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(257);const o=(e,n,t)=>{(0,i.h)(e,"_open",n,t)}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[833],{833:(e,n,t)=>{t.r(n),t.d(n,{kol_details:()=>p});var i=t(6123),o=t(257),a=t(7096),l=t(9167),s=t(970),r=t(3694),c=t(2061),d=t(3472),h=t(9691);t(1111),t(8045),t(1698),t(5150);const p=class{constructor(e){(0,i.r)(this,e),this.nonce=(0,l.n)(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var n,t;this.host&&(0,r.d)(this.host,r.K.toggle,Boolean(this._open)),null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onToggle)||void 0===t||t.call(n,e,Boolean(this._open))}),25)},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}kolFocus(){return e=this,n=function*(){var e;yield null===(e=this.buttonWcRef)||void 0===e?void 0:e.kolFocus()},new Promise(((t,i)=>{var o=e=>{try{l(n.next(e))}catch(e){i(e)}},a=e=>{try{l(n.throw(e))}catch(e){i(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(o,a);l((n=n.apply(e,null)).next())}));var e,n}render(){const{_open:e,_label:n,_disabled:t,_level:o}=this.state,l="kol-details",s={id:this.nonce,label:n,open:e,disabled:t,level:o,onClick:this.handleOnClick,class:l,HeadingProps:{class:`${l}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${l}__heading-button`,_icons:"codicon codicon-chevron-right"},ContentProps:{class:`${l}__content indented-text`,wrapperClass:`${l}__wrapper`,animationClass:`${l}__wrapper-animation`}};return(0,i.h)(a.K,Object.assign({key:"bda32e79cfd2848ae618845ab2a20ae8b65ad0a3"},s),(0,i.h)("slot",{key:"846096375015a456c275333f701a44343a9e167c"}))}validateDisabled(e){(0,c.v)(this,e)}validateLabel(e){(0,d.v)(this,e,{required:!0})}validateLevel(e){(0,s.w)(this,e)}validateOn(e){var n;n=e,(0,o.w)(this,"_on",(e=>"object"==typeof e&&null!==e),new Set(["DetailsCallbacksPropType {Events.onToggle}"]),n)}validateOpen(e){(0,h.v)(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return(0,i.g)(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};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    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%;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.3s;\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    transition: visibility 0.3s;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__heading-button button .kol-span {\n    justify-items: start;\n  }\n}\n@layer kol-component {\n  .kol-details {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button {\n    display: flex;\n  }\n  .kol-details__heading-button .kol-button {\n    min-height: auto;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: grey;\n    border-bottom-style: solid;\n  }\n  .collapsible--open .kol-details__heading-button .kol-icon::part(icon) {\n    transform: rotate(90deg);\n  }\n}"}},970:(e,n,t)=>{t.d(n,{w:()=>a});var i=t(257),o=t(3472);const a=(e,n)=>{(0,i.w)(e,"_level",(e=>"number"==typeof e&&o.h.includes(e)),new Set([`Number {${o.h.join(", ")}`]),n,{defaultValue:1,required:!0})}},1111:(e,n,t)=>{function i(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)n.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t}t.d(n,{_:()=>i}),"function"==typeof SuppressedError&&SuppressedError},2061:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(257);const o=(e,n)=>{(0,i.h)(e,"_disabled",n,{hooks:{afterPatch:e=>{!0===e&&(0,i.i)()}}})}},3472:(e,n,t)=>{t.d(n,{a:()=>h,b:()=>s,c:()=>r,h:()=>o,v:()=>d});var i=t(257);const o=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(e,n=1){return function(e){var n;return"string"==typeof e&&(null===(n=e.match(a))||void 0===n?void 0:n.length)||0}(e)>=n}function r(e){return l.test(e)}const c=new Set(["string"]),d=(e,n,t={})=>{(0,i.w)(e,"_label",(e=>"string"==typeof e),c,n,function(e){var n;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(n,t,o,a)=>{var l,c;"function"==typeof(null===(l=e.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(n,t,o,a)),"string"==typeof n&&!1===s(n,3)&&!1===r(n)&&(0,i.b)(`The heading or label ("${n}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof n&&n.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(n=e.hooks)||void 0===n?void 0:n.beforePatch}})}(t))},h=d},5150:(e,n,t)=>{t.d(n,{K:()=>d});var i=t(1111),o=t(6123),a=t(8045);const l=1;function s(e){return function(e){return e>=l&&e<=6}(e)?`h${e}`:"strong"}const r=(e,n)=>{var{class:t,level:r=l,variant:c}=e,d=(0,i._)(e,["class","level","variant"]);const h=s(r),p=c||h;return(0,o.h)(h,Object.assign({class:(0,a.c)("kol-headline",`kol-headline--${p}`,t)},d),n)},c=(e,n)=>{var{class:t,level:r=l}=e,c=(0,i._)(e,["class","level"]);const d=function(e){return 1===e?"span":s(e)}(r+1);return(0,o.h)(d,Object.assign({class:(0,a.c)("kol-headline kol-headline--group kol-headline--secondary",t)},c),n)},d=(e,n)=>{var{secondaryHeadline:t,level:s=l,class:d,HeadingGroupProps:h={},SecondaryHeadlineProps:p={}}=e,u=(0,i._)(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const b=Object.assign({level:s},u);if(!t)return(0,o.h)(r,Object.assign({class:(0,a.c)(d,"kol-headline--single")},b),n);const{class:v}=h,f=(0,i._)(h,["class"]),g=Object.assign({class:(0,a.c)("kol-heading-group",v)},f);return(0,o.h)("hgroup",Object.assign({},g),(0,o.h)(r,Object.assign({class:(0,a.c)(d,"kol-headline--group","kol-headline--primary")},b),n),(0,o.h)(c,Object.assign({level:s},p),t))}},7096:(e,n,t)=>{t.d(n,{K:()=>r});var i=t(1111),o=t(6123),a=t(8045),l=t(1698),s=t(5150);const r=(e,n)=>{const{id:t,class:r,label:c,level:d=1,disabled:h,open:p,onClick:u,HeadingProps:b={},HeadingButtonProps:v={},ContentProps:f={}}=e,g=(0,i._)(e,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),m=p?"remove":"add";return(0,o.h)("div",Object.assign({id:t,class:(0,a.c)("collapsible",{"collapsible--disabled":!0===h,"collapsible--open":!0===p},r)},g),(0,o.h)(s.K,{ref:null==b?void 0:b.ref,level:d,class:(0,a.c)("collapsible__heading",null==b?void 0:b.class)},(0,o.h)(l.a,{class:(0,a.c)("collapsible__heading-button",null==v?void 0:v.class),ref:null==v?void 0:v.ref,slot:"expert",_ariaControls:`${t}-control`,_ariaExpanded:p,_disabled:h,_icons:(null==v?void 0:v._icons)||`codicon codicon-${m}`,_label:c,_on:{onClick:u}})),(0,o.h)("div",{class:(0,a.c)("collapsible__wrapper",null==f?void 0:f.wrapperClass)},(0,o.h)("div",{class:(0,a.c)("collapsible__wrapper-animation",null==f?void 0:f.animationClass)},(0,o.h)("div",{"aria-hidden":!1===p?"true":void 0,class:(0,a.c)("collapsible__content",null==f?void 0:f.class),id:`${t}-control`},n))))}},8045:(e,n,t)=>{function i(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=i(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=i(e))&&(o&&(o+=" "),o+=n);return o}t.d(n,{c:()=>o})},9167:(e,n,t)=>{t.d(n,{i:()=>l,n:()=>r,r:()=>s});var i=t(257),o=t(6123);const a=()=>{let e=(0,i.e)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,i.e)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,i.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const n=e.getAttribute("content");"string"==typeof n&&((0,i.s)(n.includes("dev-mode=true")),(0,i.c)(n.includes("experimental-mode=true")),(0,i.d)(n.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${o.E.kolibriVersion}\n\t`,{forceLog:!0})},s=()=>{!0!==a().adviceShown&&(Object.defineProperty(a(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(r=()=>"nonce")},9691:(e,n,t)=>{t.d(n,{v:()=>o});var i=t(257);const o=(e,n,t)=>{(0,i.h)(e,"_open",n,t)}}}]);

package/dist/8378.js

@@ -1,2 +1,2 @@
 /*! For license information please see 8378.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8378],{376:(t,e,a)=>{a.d(e,{K:()=>o,i:()=>n});var i=a(5538),s=a(6733),l="[object String]";function n(t){return"string"==typeof t||!(0,i.i)(t)&&(0,i.a)(t)&&(0,i.b)(t)==l}const o=({badgeText:t,label:e})=>{const a=t;let[i,...l]=e.split(a);return 0===l.length&&(t=a.toUpperCase(),[i,...l]=e.split(a)),0===l.length&&(t=a.toLowerCase(),[i,...l]=e.split(a)),(0,s.h)(s.F,null,i,l.length?(0,s.h)(s.F,null,(0,s.h)("u",null,t),l.join(a)):null)}},753:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e,a={})=>{(0,i.h)(t,"_hideLabel",e,a)}},1476:(t,e,a)=>{function i(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}a.d(e,{i:()=>i})},2061:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.h)(t,"_disabled",e,{hooks:{afterPatch:t=>{!0===t&&(0,i.i)()}}})}},2190:(t,e,a)=>{a.d(e,{i:()=>n,n:()=>r,r:()=>o});var i=a(257),s=a(6733);const l=()=>{let t=(0,i.e)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,i.e)(),"KoliBri",{value:t,writable:!1})),t},n=()=>{(()=>{const t=(0,i.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,i.s)(e.includes("dev-mode=true")),(0,i.c)(e.includes("experimental-mode=true")),(0,i.d)(e.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${s.E.kolibriVersion}\n\t`,{forceLog:!0})},o=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(r=()=>"nonce")},3472:(t,e,a)=>{a.d(e,{a:()=>c,b:()=>o,c:()=>r,h:()=>s,v:()=>h});var i=a(257);const s=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function o(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return n.test(t)}const d=new Set(["string"]),h=(t,e,a={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),d,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,a,s,l)=>{var n,d;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(d=t.hooks)||void 0===d||d.afterPatch(e,a,s,l)),"string"==typeof e&&!1===o(e,3)&&!1===r(e)&&(0,i.b)(`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}})}(a))},c=h},3710:(t,e,a)=>{a.d(e,{a:()=>r,b:()=>o,c:()=>n,v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.A)(t,"_accessKey",e)},l={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,i.b)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},n=(t,e)=>{(0,i.E)(t,"_tabIndex",e,l)},o=(t,e)=>{(0,i.A)(t,"_shortKey",e)},r=(t,e)=>{if(t&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}},3885:(t,e,a)=>{a.d(e,{K:()=>l});var i=a(6733),s=a(1698);const l=t=>{const{class:e,style:a,icons:l,label:n,onClick:o}=t;return(0,i.h)(s.d,{class:e,style:a,onClick:o,_icons:l,_label:n})}},5154:(t,e,a)=>{a.d(e,{a:()=>s,v:()=>n});var i=a(257);const s=(t,e,a)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&l.includes(t)),new Set(l),a,{defaultValue:"top"})},l=["left","right","top","bottom"],n=(t,e)=>{s(t,"_align",e)}},5538:(t,e,a)=>{a.d(e,{S:()=>n,a:()=>f,b:()=>_,f:()=>i,i:()=>p,r:()=>l});const i="object"==typeof a.g&&a.g&&a.g.Object===Object&&a.g;var s="object"==typeof self&&self&&self.Object===Object&&self;const l=i||s||Function("return this")(),n=l.Symbol;var o=Object.prototype,r=o.hasOwnProperty,d=o.toString,h=n?n.toStringTag:void 0,c=Object.prototype.toString,b="[object Null]",u="[object Undefined]",v=n?n.toStringTag:void 0;function _(t){return null==t?void 0===t?u:b:v&&v in Object(t)?function(t){var e=r.call(t,h),a=t[h];try{t[h]=void 0;var i=!0}catch(t){}var s=d.call(t);return i&&(e?t[h]=a:delete t[h]),s}(t):function(t){return c.call(t)}(t)}function f(t){return null!=t&&"object"==typeof t}const p=Array.isArray},5561:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5154);a(257);const s=(t,e)=>{(0,i.a)(t,"_tooltipAlign",e)}},6376:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e,a={})=>{(0,i.A)(t,"_href",e,a)}},7881:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.A)(t,"_customClass",e,{defaultValue:void 0})}},8057:(t,e,a)=>{a.d(e,{v:()=>n});var i=a(257);const s=(t,e,a)=>{(0,i.v)(a)?t[e]=a:(0,i.q)(a,1)&&(t[e]={icon:a})},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,i.t)(t.style))&&(void 0===t.label||(0,i.q)(t.label))&&(0,i.q)(t.icon,1),n=(t,e,a={})=>{(0,i.o)(e,(()=>{var n;try{e=(0,i.j)(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,i.q)(t,1)||"object"==typeof t&&null!==t&&((0,i.q)(t.left,1)||l(t.left)||(0,i.q)(t.right,1)||l(t.right)||(0,i.q)(t.top,1)||l(t.top)||(0,i.q)(t.bottom,1)||l(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},a),{defaultValue:{},hooks:{afterPatch:null===(n=a.hooks)||void 0===n?void 0:n.afterPatch,beforePatch:(t,e,l,n)=>{var o,r;"function"==typeof(null===(o=a.hooks)||void 0===o?void 0:o.beforePatch)&&(null===(r=a.hooks)||void 0===r||r.beforePatch(t,e,l,n)),(t=>{var e,a,l;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(a=t.nextState)||void 0===a?void 0:a.get("_icons");null===(l=t.nextState)||void 0===l||l.set("_icons",(t=>{let e={};return(0,i.q)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(s(e,"top",t.top),s(e,"right",t.right),s(e,"bottom",t.bottom),s(e,"left",t.left)),e})(e))}})(l)}}}))}))}},8378:(t,e,a)=>{a.r(e),a.d(e,{kol_link_wc:()=>m});var i=a(6733),s=a(257),l=a(2332),n=a(3694),o=a(2190),r=a(1698),d=a(9272),h=a(3710),c=a(8045),b=(a(6660),a(8386)),u=a(6376),v=a(8768),_=a(7881),f=a(2061),p=a(753),g=a(8057),y=a(3472),k=a(5561);a(4269),a(3185),a(1111),a(3885),a(6363),a(376),a(5538),a(1476),a(5154);const w=["date","location","page","step","time","true","false"],m=class{constructor(t){(0,i.r)(this,t),this.internalDescriptionById=(0,o.n)(),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,a;!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),(0,s.I)(t,this.anchorRef),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._href)),this.host&&(0,n.d)(this.host,n.K.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,e={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||(0,s.D)("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._customClass=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._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}kolFocus(){return t=this,e=function*(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()},new Promise(((a,i)=>{var s=t=>{try{n(e.next(t))}catch(t){i(t)}},l=t=>{try{n(e.throw(t))}catch(t){i(t)}},n=t=>t.done?a(t.value):Promise.resolve(t.value).then(s,l);n((e=e.apply(t,null)).next())}));var t,e}render(){var t,e;const{isExternal:a,tagAttrs:l}=this.getRenderValues(),n=(0,s.l)(this.state._label),o=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length);return(0,i.h)(i.H,{key:"587357d002a1ea7744990f5ce802f96af6baef5a"},(0,i.h)("a",Object.assign({key:"7f3fc17c83bbcfdc184b5edea97d25ce06f55227",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":o?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${a?` (${(0,d.t)("kol-open-link-in-tab")})`:""}`:void 0,class:(0,c.c)("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":a,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._variant}`]:"button"===this.state._role&&"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),(0,i.h)(b.K,{key:"b806611a5bb089b415a07d55dd6c070c9703c886",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:n?"":this.state._label||this.state._href},(0,i.h)("slot",{key:"5a40e834255ae54cf719dd51a521e92874c89c47",name:"expert",slot:"expert"})),a&&(0,i.h)(r.d,{key:"f757a3dc5c051df590dc7048ae15a26e8c28ea8b",class:"kol-link__icon",_label:this.state._hideLabel?"":(0,d.t)("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),(0,i.h)(r.f,{key:"1fd1e9b9fcae9a8505f29cc6962d742670d96f84","aria-hidden":"true",class:"kol-link__tooltip",hidden:n||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),o&&(0,i.h)("span",{key:"4d5d88f8b21c251476b31533e8c54318fd087b27",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){(0,h.v)(this,t),(0,h.a)(t,this._shortKey)}validateAriaCurrentValue(t){((t,e)=>{(0,s.w)(t,"_ariaCurrentValue",(t=>"string"==typeof t&&w.includes(t)),new Set([`AriaCurrentValue {${w.join(", ")}`]),e,{defaultValue:"page"})})(this,t)}validateAriaDescription(t){(0,v.v)(this,t)}validateAriaExpanded(t){(0,v.a)(this,t)}validateAriaOwns(t){((t,e)=>{(0,s.A)(t,"_ariaOwns",e,{defaultValue:void 0})})(this,t)}validateCustomClass(t){(0,_.v)(this,t)}validateDisabled(t){(0,f.v)(this,t)}validateDownload(t){((t,e)=>{(0,s.A)(t,"_download",e)})(this,t)}validateHideLabel(t){(0,p.v)(this,t)}validateHref(t){(0,u.v)(this,t,{required:!0})}validateIcons(t){(0,g.v)(this,t)}validateLabel(t){(0,y.a)(this,t)}validateOn(t){((t,e)=>{"object"==typeof e&&"function"==typeof(null==e?void 0:e.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:e}))})(this,t)}validateRole(t){(0,v.b)(this,t)}validateShortKey(t){(0,h.b)(this,t),(0,h.a)(this._accessKey,t)}validateTabIndex(t){(0,h.c)(this,t)}validateTarget(t){((t,e)=>{(0,s.A)(t,"_target",e)})(this,t)}validateTooltipAlign(t){(0,k.v)(this,t)}validateVariant(t){(0,v.c)(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateVariant(this._variant),this.unsubscribeOnLocationChange=(0,l.o)((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),(0,h.a)(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariant"]}}}},8386:(t,e,a)=>{a.d(e,{K:()=>v});var i=a(1111),s=a(6733),l=a(8045),n=a(3885),o=a(257),r=a(6363),d=a(376),h=a(1476);const c=t=>{const{class:e,style:a,label:i,icon:o}=t;return(0,s.h)(n.K,{class:(0,l.c)("icon",e),style:a,label:i||"",icons:o})},b=({label:t,hideLabel:e,allowMarkdown:a,badgeText:i})=>{if(e||!(0,d.i)(t))return null;const n="kol-span__label";return a?(0,s.h)("span",{class:(0,l.c)(n,"md"),innerHTML:(0,r.m)(t)}):i?(0,s.h)("span",{class:(0,l.c)(n)},(0,s.h)(d.K,{label:t,badgeText:i})):(0,s.h)("span",{class:(0,l.c)(n)},t)},u=({hideLabel:t,label:e,badgeText:a,allowMarkdown:i},l)=>{const n=!(0,o.l)(e);return(0,s.h)(s.F,null,n&&(0,s.h)(b,{label:e,hideLabel:t,badgeText:a,allowMarkdown:i}),(0,s.h)("span",{"aria-hidden":n?"true":void 0,class:"kol-span__label",hidden:n},l),(0,d.i)(a)&&a.length>0&&(0,s.h)("span",{class:"badge-text-hint","aria-hidden":"true"},a))},v=(t,e)=>{const{class:a,label:n,hideLabel:o=!1,badgeText:r,allowMarkdown:b,icons:v}=t,_=(0,i._)(t,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let f=null,p=null,g=null,y=null;return(0,h.i)(v)?(f=v.top,p=v.left,g=v.right,y=v.bottom):(0,d.i)(v)&&(p={icon:v}),(0,s.h)("span",Object.assign({class:(0,l.c)("kol-span",{"kol-span--hide-label":o},a)},_),(0,h.i)(f)&&(0,s.h)(c,Object.assign({class:"top"},f)),(0,s.h)("span",{class:"kol-span__container"},(0,h.i)(p)&&(0,s.h)(c,Object.assign({class:"left"},p)),(0,s.h)(u,{label:n,hideLabel:o,allowMarkdown:b,badgeText:r},e),(0,h.i)(g)&&(0,s.h)(c,Object.assign({class:"right"},g))),(0,h.i)(y)&&(0,s.h)(c,Object.assign({class:"bottom"},y)))}},8768:(t,e,a)=>{a.d(e,{a:()=>o,b:()=>l,c:()=>d,v:()=>n});var i=a(257);const s=["button","link","tab","treeitem"],l=(t,e)=>{(0,i.w)(t,"_role",(t=>"string"==typeof t&&s.includes(t)),new Set([`KoliBriAlternativeButtonLinkRole {${s.join(", ")}`]),e)},n=(t,e)=>{(0,i.A)(t,"_ariaDescription",e)},o=(t,e)=>{(0,i.h)(t,"_ariaExpanded",e)},r=["primary","secondary","normal","tertiary","danger","ghost","custom"],d=(t,e)=>{(0,i.w)(t,"_variant",(t=>"string"==typeof t&&r.includes(t)),new Set([`KoliBriButtonVariant {${r.join(", ")}`]),e,{defaultValue:"normal"})}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8378],{753:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e,a={})=>{(0,i.h)(t,"_hideLabel",e,a)}},1476:(t,e,a)=>{function i(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}a.d(e,{i:()=>i})},2061:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.h)(t,"_disabled",e,{hooks:{afterPatch:t=>{!0===t&&(0,i.i)()}}})}},2074:(t,e,a)=>{a.d(e,{K:()=>l});var i=a(6123),s=a(1698);const l=t=>{const{class:e,style:a,icons:l,label:n,onClick:o}=t;return(0,i.h)(s.d,{class:e,style:a,onClick:o,_icons:l,_label:n})}},3472:(t,e,a)=>{a.d(e,{a:()=>c,b:()=>o,c:()=>r,h:()=>s,v:()=>h});var i=a(257);const s=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,n=/^\d+$/;function o(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function r(t){return n.test(t)}const d=new Set(["string"]),h=(t,e,a={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),d,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,a,s,l)=>{var n,d;"function"==typeof(null===(n=t.hooks)||void 0===n?void 0:n.afterPatch)&&(null===(d=t.hooks)||void 0===d||d.afterPatch(e,a,s,l)),"string"==typeof e&&!1===o(e,3)&&!1===r(e)&&(0,i.b)(`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}})}(a))},c=h},3710:(t,e,a)=>{a.d(e,{a:()=>r,b:()=>o,c:()=>n,v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.A)(t,"_accessKey",e)},l={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,i.b)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},n=(t,e)=>{(0,i.E)(t,"_tabIndex",e,l)},o=(t,e)=>{(0,i.A)(t,"_shortKey",e)},r=(t,e)=>{if(t&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}},3806:(t,e,a)=>{a.d(e,{K:()=>o,i:()=>n});var i=a(5538),s=a(6123),l="[object String]";function n(t){return"string"==typeof t||!(0,i.i)(t)&&(0,i.a)(t)&&(0,i.b)(t)==l}const o=({badgeText:t,label:e})=>{const a=t;let[i,...l]=e.split(a);return 0===l.length&&(t=a.toUpperCase(),[i,...l]=e.split(a)),0===l.length&&(t=a.toLowerCase(),[i,...l]=e.split(a)),(0,s.h)(s.F,null,i,l.length?(0,s.h)(s.F,null,(0,s.h)("u",null,t),l.join(a)):null)}},5154:(t,e,a)=>{a.d(e,{a:()=>s,v:()=>n});var i=a(257);const s=(t,e,a)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&l.includes(t)),new Set(l),a,{defaultValue:"top"})},l=["left","right","top","bottom"],n=(t,e)=>{s(t,"_align",e)}},5538:(t,e,a)=>{a.d(e,{S:()=>n,a:()=>f,b:()=>_,f:()=>i,i:()=>p,r:()=>l});const i="object"==typeof a.g&&a.g&&a.g.Object===Object&&a.g;var s="object"==typeof self&&self&&self.Object===Object&&self;const l=i||s||Function("return this")(),n=l.Symbol;var o=Object.prototype,r=o.hasOwnProperty,d=o.toString,h=n?n.toStringTag:void 0,c=Object.prototype.toString,b="[object Null]",u="[object Undefined]",v=n?n.toStringTag:void 0;function _(t){return null==t?void 0===t?u:b:v&&v in Object(t)?function(t){var e=r.call(t,h),a=t[h];try{t[h]=void 0;var i=!0}catch(t){}var s=d.call(t);return i&&(e?t[h]=a:delete t[h]),s}(t):function(t){return c.call(t)}(t)}function f(t){return null!=t&&"object"==typeof t}const p=Array.isArray},5561:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5154);a(257);const s=(t,e)=>{(0,i.a)(t,"_tooltipAlign",e)}},6376:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e,a={})=>{(0,i.A)(t,"_href",e,a)}},7881:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(257);const s=(t,e)=>{(0,i.A)(t,"_customClass",e,{defaultValue:void 0})}},8057:(t,e,a)=>{a.d(e,{v:()=>n});var i=a(257);const s=(t,e,a)=>{(0,i.v)(a)?t[e]=a:(0,i.q)(a,1)&&(t[e]={icon:a})},l=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,i.t)(t.style))&&(void 0===t.label||(0,i.q)(t.label))&&(0,i.q)(t.icon,1),n=(t,e,a={})=>{(0,i.o)(e,(()=>{var n;try{e=(0,i.j)(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,i.q)(t,1)||"object"==typeof t&&null!==t&&((0,i.q)(t.left,1)||l(t.left)||(0,i.q)(t.right,1)||l(t.right)||(0,i.q)(t.top,1)||l(t.top)||(0,i.q)(t.bottom,1)||l(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},a),{defaultValue:{},hooks:{afterPatch:null===(n=a.hooks)||void 0===n?void 0:n.afterPatch,beforePatch:(t,e,l,n)=>{var o,r;"function"==typeof(null===(o=a.hooks)||void 0===o?void 0:o.beforePatch)&&(null===(r=a.hooks)||void 0===r||r.beforePatch(t,e,l,n)),(t=>{var e,a,l;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(a=t.nextState)||void 0===a?void 0:a.get("_icons");null===(l=t.nextState)||void 0===l||l.set("_icons",(t=>{let e={};return(0,i.q)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(s(e,"top",t.top),s(e,"right",t.right),s(e,"bottom",t.bottom),s(e,"left",t.left)),e})(e))}})(l)}}}))}))}},8216:(t,e,a)=>{a.d(e,{K:()=>v});var i=a(1111),s=a(6123),l=a(8045),n=a(2074),o=a(257),r=a(6363),d=a(3806),h=a(1476);const c=t=>{const{class:e,style:a,label:i,icon:o}=t;return(0,s.h)(n.K,{class:(0,l.c)("icon",e),style:a,label:i||"",icons:o})},b=({label:t,hideLabel:e,allowMarkdown:a,badgeText:i})=>{if(e||!(0,d.i)(t))return null;const n="kol-span__label";return a?(0,s.h)("span",{class:(0,l.c)(n,"md"),innerHTML:(0,r.m)(t)}):i?(0,s.h)("span",{class:(0,l.c)(n)},(0,s.h)(d.K,{label:t,badgeText:i})):(0,s.h)("span",{class:(0,l.c)(n)},t)},u=({hideLabel:t,label:e,badgeText:a,allowMarkdown:i},l)=>{const n=!(0,o.l)(e);return(0,s.h)(s.F,null,n&&(0,s.h)(b,{label:e,hideLabel:t,badgeText:a,allowMarkdown:i}),(0,s.h)("span",{"aria-hidden":n?"true":void 0,class:"kol-span__label",hidden:n},l),(0,d.i)(a)&&a.length>0&&(0,s.h)("span",{class:"badge-text-hint","aria-hidden":"true"},a))},v=(t,e)=>{const{class:a,label:n,hideLabel:o=!1,badgeText:r,allowMarkdown:b,icons:v}=t,_=(0,i._)(t,["class","label","hideLabel","badgeText","allowMarkdown","icons"]);let f=null,p=null,g=null,y=null;return(0,h.i)(v)?(f=v.top,p=v.left,g=v.right,y=v.bottom):(0,d.i)(v)&&(p={icon:v}),(0,s.h)("span",Object.assign({class:(0,l.c)("kol-span",{"kol-span--hide-label":o},a)},_),(0,h.i)(f)&&(0,s.h)(c,Object.assign({class:"top"},f)),(0,s.h)("span",{class:"kol-span__container"},(0,h.i)(p)&&(0,s.h)(c,Object.assign({class:"left"},p)),(0,s.h)(u,{label:n,hideLabel:o,allowMarkdown:b,badgeText:r},e),(0,h.i)(g)&&(0,s.h)(c,Object.assign({class:"right"},g))),(0,h.i)(y)&&(0,s.h)(c,Object.assign({class:"bottom"},y)))}},8378:(t,e,a)=>{a.r(e),a.d(e,{kol_link_wc:()=>m});var i=a(6123),s=a(257),l=a(2332),n=a(3694),o=a(9167),r=a(1698),d=a(9272),h=a(3710),c=a(8045),b=(a(6660),a(8216)),u=a(6376),v=a(8768),_=a(7881),f=a(2061),p=a(753),g=a(8057),y=a(3472),k=a(5561);a(4269),a(3185),a(1111),a(2074),a(6363),a(3806),a(5538),a(1476),a(5154);const w=["date","location","page","step","time","true","false"],m=class{constructor(t){(0,i.r)(this,t),this.internalDescriptionById=(0,o.n)(),this.catchRef=t=>{this.anchorRef=t},this.onClick=t=>{var e,a;!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),(0,s.I)(t,this.anchorRef),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._href)),this.host&&(0,n.d)(this.host,n.K.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,e={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||(0,s.D)("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._customClass=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._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}kolFocus(){return t=this,e=function*(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()},new Promise(((a,i)=>{var s=t=>{try{n(e.next(t))}catch(t){i(t)}},l=t=>{try{n(e.throw(t))}catch(t){i(t)}},n=t=>t.done?a(t.value):Promise.resolve(t.value).then(s,l);n((e=e.apply(t,null)).next())}));var t,e}render(){var t,e;const{isExternal:a,tagAttrs:l}=this.getRenderValues(),n=(0,s.l)(this.state._label),o=Boolean(null===(e=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim())||void 0===e?void 0:e.length);return(0,i.h)(i.H,{key:"587357d002a1ea7744990f5ce802f96af6baef5a"},(0,i.h)("a",Object.assign({key:"7f3fc17c83bbcfdc184b5edea97d25ce06f55227",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":o?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${a?` (${(0,d.t)("kol-open-link-in-tab")})`:""}`:void 0,class:(0,c.c)("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":a,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._variant}`]:"button"===this.state._role&&"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),(0,i.h)(b.K,{key:"b806611a5bb089b415a07d55dd6c070c9703c886",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:n?"":this.state._label||this.state._href},(0,i.h)("slot",{key:"5a40e834255ae54cf719dd51a521e92874c89c47",name:"expert",slot:"expert"})),a&&(0,i.h)(r.d,{key:"f757a3dc5c051df590dc7048ae15a26e8c28ea8b",class:"kol-link__icon",_label:this.state._hideLabel?"":(0,d.t)("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),(0,i.h)(r.f,{key:"1fd1e9b9fcae9a8505f29cc6962d742670d96f84","aria-hidden":"true",class:"kol-link__tooltip",hidden:n||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),o&&(0,i.h)("span",{key:"4d5d88f8b21c251476b31533e8c54318fd087b27",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){(0,h.v)(this,t),(0,h.a)(t,this._shortKey)}validateAriaCurrentValue(t){((t,e)=>{(0,s.w)(t,"_ariaCurrentValue",(t=>"string"==typeof t&&w.includes(t)),new Set([`AriaCurrentValue {${w.join(", ")}`]),e,{defaultValue:"page"})})(this,t)}validateAriaDescription(t){(0,v.v)(this,t)}validateAriaExpanded(t){(0,v.a)(this,t)}validateAriaOwns(t){((t,e)=>{(0,s.A)(t,"_ariaOwns",e,{defaultValue:void 0})})(this,t)}validateCustomClass(t){(0,_.v)(this,t)}validateDisabled(t){(0,f.v)(this,t)}validateDownload(t){((t,e)=>{(0,s.A)(t,"_download",e)})(this,t)}validateHideLabel(t){(0,p.v)(this,t)}validateHref(t){(0,u.v)(this,t,{required:!0})}validateIcons(t){(0,g.v)(this,t)}validateLabel(t){(0,y.a)(this,t)}validateOn(t){((t,e)=>{"object"==typeof e&&"function"==typeof(null==e?void 0:e.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:e}))})(this,t)}validateRole(t){(0,v.b)(this,t)}validateShortKey(t){(0,h.b)(this,t),(0,h.a)(this._accessKey,t)}validateTabIndex(t){(0,h.c)(this,t)}validateTarget(t){((t,e)=>{(0,s.A)(t,"_target",e)})(this,t)}validateTooltipAlign(t){(0,k.v)(this,t)}validateVariant(t){(0,v.c)(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateVariant(this._variant),this.unsubscribeOnLocationChange=(0,l.o)((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0})),(0,h.a)(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariant"]}}}},8768:(t,e,a)=>{a.d(e,{a:()=>o,b:()=>l,c:()=>d,v:()=>n});var i=a(257);const s=["button","link","tab","treeitem"],l=(t,e)=>{(0,i.w)(t,"_role",(t=>"string"==typeof t&&s.includes(t)),new Set([`KoliBriAlternativeButtonLinkRole {${s.join(", ")}`]),e)},n=(t,e)=>{(0,i.A)(t,"_ariaDescription",e)},o=(t,e)=>{(0,i.h)(t,"_ariaExpanded",e)},r=["primary","secondary","normal","tertiary","danger","ghost","custom"],d=(t,e)=>{(0,i.w)(t,"_variant",(t=>"string"==typeof t&&r.includes(t)),new Set([`KoliBriButtonVariant {${r.join(", ")}`]),e,{defaultValue:"normal"})}},9167:(t,e,a)=>{a.d(e,{i:()=>n,n:()=>r,r:()=>o});var i=a(257),s=a(6123);const l=()=>{let t=(0,i.e)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,i.e)(),"KoliBri",{value:t,writable:!1})),t},n=()=>{(()=>{const t=(0,i.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,i.s)(e.includes("dev-mode=true")),(0,i.c)(e.includes("experimental-mode=true")),(0,i.d)(e.includes("color-contrast-analysis=true")))}})(),i.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${s.E.kolibriVersion}\n\t`,{forceLog:!0})},o=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),i.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(r=()=>"nonce")}}]);