npm - @haiilo/catalyst - Versions diffs - 13.3.0 → 13.3.2 - Mend

@haiilo/catalyst 13.3.0 → 13.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/catalyst/{p-cd47a310.entry.js → p-473747dc.entry.js} RENAMED Viewed

@@ -6,5 +6,5 @@ import{r as t,h as e,H as a,g as r,c as i}from"./p-B-m4GNf1.js";import{l as n,c
 /*!
 * focus-trap 7.6.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function An(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=Array(e);a<e;a++)r[a]=t[a];return r}function Sn(t){if(Array.isArray(t))return An(t)}function jn(t,e,a){return(e=Nn(e))in t?Object.defineProperty(t,e,{value:a,enumerable:true,configurable:true,writable:true}):t[e]=a,t}function Tn(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function Fn(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function $n(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,r)}return a}function Wn(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?$n(Object(a),true).forEach((function(e){jn(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):$n(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function Bn(t){return Sn(t)||Tn(t)||Ln(t)||Fn()}function En(t,e){if("object"!=typeof t||!t)return t;var a=t[Symbol.toPrimitive];if(undefined!==a){var r=a.call(t,e);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function Nn(t){var e=En(t,"string");return"symbol"==typeof e?e:e+""}function Ln(t,e){if(t){if("string"==typeof t)return An(t,e);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?An(t,e):undefined}}var Pn={activateTrap:function t(e,a){if(e.length>0){var r=e[e.length-1];if(r!==a){r._setPausedState(true)}}var i=e.indexOf(a);if(i===-1){e.push(a)}else{e.splice(i,1);e.push(a)}},deactivateTrap:function t(e,a){var r=e.indexOf(a);if(r!==-1){e.splice(r,1)}if(e.length>0&&!e[e.length-1]._isManuallyPaused()){e[e.length-1]._setPausedState(false)}}};var Yn=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var Hn=function t(e){return(e===null||e===undefined?undefined:e.key)==="Escape"||(e===null||e===undefined?undefined:e.key)==="Esc"||(e===null||e===undefined?undefined:e.keyCode)===27};var Un=function t(e){return(e===null||e===undefined?undefined:e.key)==="Tab"||(e===null||e===undefined?undefined:e.keyCode)===9};var _n=function t(e){return Un(e)&&!e.shiftKey};var Kn=function t(e){return Un(e)&&e.shiftKey};var qn=function t(e){return setTimeout(e,0)};var Gn=function t(e){for(var a=arguments.length,r=new Array(a>1?a-1:0),i=1;i<a;i++){r[i-1]=arguments[i]}return typeof e==="function"?e.apply(undefined,r):e};var Vn=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var Jn=[];var Zn=function t(e,a){var r=(a===null||a===undefined?undefined:a.document)||document;var i=(a===null||a===undefined?undefined:a.trapStack)||Jn;var n=Wn({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:_n,isKeyBackward:Kn},a);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var c;var s=function t(e,a,r){return e&&e[a]!==undefined?e[a]:n[r||a]};var l=function t(e,a){var r=typeof(a===null||a===undefined?undefined:a.composedPath)==="function"?a.composedPath():undefined;return o.containerGroups.findIndex((function(t){var a=t.container,i=t.tabbableNodes;return a.contains(e)||(r===null||r===undefined?undefined:r.includes(a))||i.find((function(t){return t===e}))}))};var d=function t(e){var a=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},i=a.hasFallback,o=i===undefined?false:i,c=a.params,s=c===undefined?[]:c;var l=n[e];if(typeof l==="function"){l=l.apply(undefined,Bn(s))}if(l===true){l=undefined}if(!l){if(l===undefined||l===false){return l}throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var d=l;if(typeof l==="string"){try{d=r.querySelector(l)}catch(t){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(t.message,'"'))}if(!d){if(!o){throw new Error("`".concat(e,"` as selector refers to no known node"))}}}return d};var h=function t(){var e=d("initialFocus",{hasFallback:true});if(e===false){return false}if(e===undefined||e&&!$a(e,n.tabbableOptions)){if(l(r.activeElement)>=0){e=r.activeElement}else{var a=o.tabbableGroups[0];var i=a&&a.firstTabbableNode;e=i||d("fallbackFocus")}}else if(e===null){e=d("fallbackFocus")}if(!e){throw new Error("Your focus-trap needs to have at least one focusable element")}return e};var u=function t(){o.containerGroups=o.containers.map((function(t){var e=Sa(t,n.tabbableOptions);var a=ja(t,n.tabbableOptions);var r=e.length>0?e[0]:undefined;var i=e.length>0?e[e.length-1]:undefined;var o=a.find((function(t){return Ta(t)}));var c=a.slice().reverse().find((function(t){return Ta(t)}));var s=!!e.find((function(t){return fa(t)>0}));return{container:t,tabbableNodes:e,focusableNodes:a,posTabIndexesFound:s,firstTabbableNode:r,lastTabbableNode:i,firstDomTabbableNode:o,lastDomTabbableNode:c,nextTabbableNode:function t(r){var i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=e.indexOf(r);if(n<0){if(i){return a.slice(a.indexOf(r)+1).find((function(t){return Ta(t)}))}return a.slice(0,a.indexOf(r)).reverse().find((function(t){return Ta(t)}))}return e[n+(i?1:-1)]}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.tabbableGroups.length<=0&&!d("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(o.containerGroups.find((function(t){return t.posTabIndexesFound}))&&o.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var f=function t(e){var a=e.activeElement;if(!a){return}if(a.shadowRoot&&a.shadowRoot.activeElement!==null){return f(a.shadowRoot)}return a};var p=function t(e){if(e===false){return}if(e===f(document)){return}if(!e||!e.focus){p(h());return}e.focus({preventScroll:!!n.preventScroll});o.mostRecentlyFocusedNode=e;if(Yn(e)){e.select()}};var b=function t(e){var a=d("setReturnFocus",{params:[e]});return a?a:a===false?false:e};var m=function t(e){var a=e.target,r=e.event,i=e.isBackward,c=i===undefined?false:i;a=a||Vn(r);u();var s=null;if(o.tabbableGroups.length>0){var h=l(a,r);var f=h>=0?o.containerGroups[h]:undefined;if(h<0){if(c){s=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{s=o.tabbableGroups[0].firstTabbableNode}}else if(c){var p=o.tabbableGroups.findIndex((function(t){var e=t.firstTabbableNode;return a===e}));if(p<0&&(f.container===a||$a(a,n.tabbableOptions)&&!Ta(a,n.tabbableOptions)&&!f.nextTabbableNode(a,false))){p=h}if(p>=0){var b=p===0?o.tabbableGroups.length-1:p-1;var m=o.tabbableGroups[b];s=fa(a)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else if(!Un(r)){s=f.nextTabbableNode(a,false)}}else{var g=o.tabbableGroups.findIndex((function(t){var e=t.lastTabbableNode;return a===e}));if(g<0&&(f.container===a||$a(a,n.tabbableOptions)&&!Ta(a,n.tabbableOptions)&&!f.nextTabbableNode(a))){g=h}if(g>=0){var v=g===o.tabbableGroups.length-1?0:g+1;var y=o.tabbableGroups[v];s=fa(a)>=0?y.firstTabbableNode:y.firstDomTabbableNode}else if(!Un(r)){s=f.nextTabbableNode(a)}}}else{s=d("fallbackFocus")}return s};var g=function t(e){var a=Vn(e);if(l(a,e)>=0){return}if(Gn(n.clickOutsideDeactivates,e)){c.deactivate({returnFocus:n.returnFocusOnDeactivate});return}if(Gn(n.allowOutsideClick,e)){return}e.preventDefault()};var v=function t(e){var a=Vn(e);var r=l(a,e)>=0;if(r||a instanceof Document){if(r){o.mostRecentlyFocusedNode=a}}else{e.stopImmediatePropagation();var i;var c=true;if(o.mostRecentlyFocusedNode){if(fa(o.mostRecentlyFocusedNode)>0){var s=l(o.mostRecentlyFocusedNode);var d=o.containerGroups[s].tabbableNodes;if(d.length>0){var u=d.findIndex((function(t){return t===o.mostRecentlyFocusedNode}));if(u>=0){if(n.isKeyForward(o.recentNavEvent)){if(u+1<d.length){i=d[u+1];c=false}}else{if(u-1>=0){i=d[u-1];c=false}}}}}else{if(!o.containerGroups.some((function(t){return t.tabbableNodes.some((function(t){return fa(t)>0}))}))){c=false}}}else{c=false}if(c){i=m({target:o.mostRecentlyFocusedNode,isBackward:n.isKeyBackward(o.recentNavEvent)})}if(i){p(i)}else{p(o.mostRecentlyFocusedNode||h())}}o.recentNavEvent=undefined};var y=function t(e){var a=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;o.recentNavEvent=e;var r=m({event:e,isBackward:a});if(r){if(Un(e)){e.preventDefault()}p(r)}};var k=function t(e){if(n.isKeyForward(e)||n.isKeyBackward(e)){y(e,n.isKeyBackward(e))}};var x=function t(e){if(Hn(e)&&Gn(n.escapeDeactivates,e)!==false){e.preventDefault();c.deactivate()}};var w=function t(e){var a=Vn(e);if(l(a,e)>=0){return}if(Gn(n.clickOutsideDeactivates,e)){return}if(Gn(n.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var z=function t(){if(!o.active){return}Pn.activateTrap(i,c);o.delayInitialFocusTimer=n.delayInitialFocus?qn((function(){p(h())})):p(h());r.addEventListener("focusin",v,true);r.addEventListener("mousedown",g,{capture:true,passive:false});r.addEventListener("touchstart",g,{capture:true,passive:false});r.addEventListener("click",w,{capture:true,passive:false});r.addEventListener("keydown",k,{capture:true,passive:false});r.addEventListener("keydown",x);return c};var I=function t(){if(!o.active){return}r.removeEventListener("focusin",v,true);r.removeEventListener("mousedown",g,true);r.removeEventListener("touchstart",g,true);r.removeEventListener("click",w,true);r.removeEventListener("keydown",k,true);r.removeEventListener("keydown",x);return c};var D=function t(e){var a=e.some((function(t){var e=Array.from(t.removedNodes);return e.some((function(t){return t===o.mostRecentlyFocusedNode}))}));if(a){p(h())}};var M=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(D):undefined;var C=function t(){if(!M){return}M.disconnect();if(o.active&&!o.paused){o.containers.map((function(t){M.observe(t,{subtree:true,childList:true})}))}};c={get active(){return o.active},get paused(){return o.paused},activate:function t(e){if(o.active){return this}var a=s(e,"onActivate");var i=s(e,"onPostActivate");var n=s(e,"checkCanFocusTrap");if(!n){u()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=r.activeElement;a===null||a===undefined||a();var c=function t(){if(n){u()}z();C();i===null||i===undefined||i()};if(n){n(o.containers.concat()).then(c,c);return this}c();return this},deactivate:function t(e){if(!o.active){return this}var a=Wn({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},e);clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;I();o.active=false;o.paused=false;C();Pn.deactivateTrap(i,c);var r=s(a,"onDeactivate");var l=s(a,"onPostDeactivate");var d=s(a,"checkCanReturnFocus");var h=s(a,"returnFocus","returnFocusOnDeactivate");r===null||r===undefined||r();var u=function t(){qn((function(){if(h){p(b(o.nodeFocusedBeforeActivation))}l===null||l===undefined||l()}))};if(h&&d){d(b(o.nodeFocusedBeforeActivation)).then(u,u);return this}u();return this},pause:function t(e){if(!o.active){return this}o.manuallyPaused=true;return this._setPausedState(true,e)},unpause:function t(e){if(!o.active){return this}o.manuallyPaused=false;if(i[i.length-1]!==this){return this}return this._setPausedState(false,e)},updateContainerElements:function t(e){var a=[].concat(e).filter(Boolean);o.containers=a.map((function(t){return typeof t==="string"?r.querySelector(t):t}));if(o.active){u()}C();return this}};Object.defineProperties(c,{_isManuallyPaused:{value:function t(){return o.manuallyPaused}},_setPausedState:{value:function t(e,a){if(o.paused===e){return this}o.paused=e;if(e){var r=s(a,"onPause");var i=s(a,"onPostPause");r===null||r===undefined||r();I();C();i===null||i===undefined||i()}else{var n=s(a,"onUnpause");var c=s(a,"onPostUnpause");n===null||n===undefined||n();u();z();C();c===null||c===undefined||c()}return this}}});c.updateContainerElements(e);return c};const Xn=["input","select","textarea","button","a[href]","[tabindex]","iframe","[contenteditable]","audio[controls]","video[controls]"];const Qn=t=>{if(t instanceof HTMLElement){const e=eo(t);if(e){return e}}const e=Array.from(t.querySelectorAll("*"));for(const t of e){const e=eo(t);if(e){return e}}return undefined};function to(t){if(!t.matches(Xn.join(","))){return false}const e=t.getAttribute("tabindex");return e===null||Number(e)>=0}function eo(t){if(to(t)){return t}if(t.shadowRoot){const e=Qn(t.shadowRoot);if(e){return e}}return undefined}const ao=":host{display:contents}:host([hidden]){display:none}::slotted(nav){padding:0.25rem}.aligned ::slotted(nav){min-width:8rem;max-width:16rem}.justified ::slotted(nav){width:100%}.content{position:fixed;background:white;-webkit-overflow-scrolling:touch;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);border:1px solid rgb(var(--cat-border-color, 235, 236, 240));z-index:calc(var(--cat-z-index, 1000) + 100);display:none;opacity:0;transform:scale(0.9);transition:transform 125ms cubic-bezier(0.3, 0, 0.8, 0.15), opacity 125ms cubic-bezier(0.3, 0, 0.8, 0.15)}.content[data-placement^=top]{transform-origin:bottom}.content[data-placement^=top-start]{transform-origin:bottom left}.content[data-placement^=top-end]{transform-origin:bottom right}.content[data-placement^=left]{transform-origin:right}.content[data-placement^=left-start]{transform-origin:right top}.content[data-placement^=left-end]{transform-origin:right bottom}.content[data-placement^=right]{transform-origin:left}.content[data-placement^=right-start]{transform-origin:left top}.content[data-placement^=right-end]{transform-origin:left bottom}.content[data-placement^=bottom]{transform-origin:top}.content[data-placement^=bottom-start]{transform-origin:top left}.content[data-placement^=bottom-end]{transform-origin:top right}.content.show{opacity:1;transform:scale(1);transition:transform 250ms cubic-bezier(0.05, 0.7, 0.1, 1), opacity 250ms cubic-bezier(0.05, 0.7, 0.1, 1)}.content.overflow-auto{overflow:auto}";let ro=0;const io=class{constructor(e){t(this,e);this.catOpen=i(this,"catOpen");this.catClose=i(this,"catClose");this.id=ro++;this._isOpen=false;this.hasInitialFocus=false;this.placement="bottom-start";this.justify=false;this.noAutoClose=false;this.arrowNavigation="vertical";this.noResize=false;this.overflow=false;this.noInitialFocus=false;this.noReturnFocus=false;this.delayedTriggerInit=false}get isOpen(){return this._isOpen??false}clickHandler(t){if(!this.trigger&&this.delayedTriggerInit){this.hasInitialFocus=this.isEventOriginFromKeyboard(t.detail);this.initTrigger();this.toggle()}const e=t.composedPath();if(!this.noAutoClose&&e.includes(this.content)&&t.target?.slot!=="trigger"&&!e.slice(0,e.indexOf(this.content)).find((t=>this.hasAttribute(t,"data-dropdown-no-close")))){this.close()}}async toggle(){this._isOpen?this.close():this.open()}async open(t){if(!this.trigger&&this.delayedTriggerInit){this.initTrigger()}if(this.isOpen===null||this.isOpen){return}this._isOpen=null;this.content.style.display="block";this.hasInitialFocus=t??this.hasInitialFocus;setTimeout((()=>{this._isOpen=true;this.content.classList.add("show");this.trigger?.setAttribute("aria-expanded","true");this.trap=this.trap?this.trap.updateContainerElements(this.content):Zn(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.noAutoClose&&!t.composedPath().includes(this.content)&&!t.composedPath().find((t=>this.hasAttribute(t,"data-dropdown-no-close"))),onPostDeactivate:()=>this.close(),onPostActivate:()=>this.catOpen.emit(),setReturnFocus:t=>this.noReturnFocus?false:this.trigger||t,isKeyForward:t=>{if(this.arrowNavigation==="horizontal"&&t.key==="ArrowRight"||this.arrowNavigation==="vertical"&&t.key==="ArrowDown"){t.preventDefault();return true}return t.key==="Tab"},isKeyBackward:t=>{if(this.arrowNavigation==="horizontal"&&t.key==="ArrowLeft"||this.arrowNavigation==="vertical"&&t.key==="ArrowUp"){t.preventDefault();return true}return t.key==="Tab"&&t.shiftKey},initialFocus:()=>this.hasInitialFocus&&!this.noInitialFocus?undefined:false});this.trap.activate()}))}async close(){if(!this._isOpen){return}this._isOpen=null;this.trap?.deactivate();this.trap=undefined;this.content.classList.remove("show");setTimeout((()=>{this._isOpen=false;this.content.classList.remove("show");this.content.style.display="";this.trigger?.setAttribute("aria-expanded","false");this.catClose.emit()}),On)}componentDidLoad(){this.initAnchor();if(!this.delayedTriggerInit){this.initTrigger()}}disconnectedCallback(){this.trap?.deactivate();this.trap=undefined}render(){return e(a,{key:"4e91635ab4bc80145586164ae41f48dca6198779"},e("slot",{key:"dc974d5f288760ed8cca3eb3b0266a6d3b6fcec2",name:"anchor",ref:t=>this.anchorSlot=t}),e("slot",{key:"d9bf7cad85fda295ccad2fadcac8776068e9da22",name:"trigger",ref:t=>this.triggerSlot=t}),e("div",{key:"2c2c5b04e05c28e01c3eef6d641542a39ee1554b",id:this.contentId,class:{content:true,"overflow-auto":!this.overflow,justified:this.justify,aligned:!this.justify},ref:t=>this.content=t},e("slot",{key:"6d64a56876aa01e81759a9260c8e7f9f65c20742",name:"content"})))}get contentId(){return`cat-dropdown-${this.id}`}initTrigger(){this.trigger=this.findTrigger();const t=this.trigger.getAttribute("aria-haspopup");this.trigger.setAttribute("aria-haspopup",t??"true");this.trigger.setAttribute("aria-expanded","false");this.trigger.setAttribute("aria-controls",this.contentId);this.trigger.addEventListener("click",(t=>{this.hasInitialFocus=this.isEventOriginFromKeyboard(t);this.toggle()}));if(!this.anchor){yn(this.trigger,this.content,(()=>this.update(this.trigger)))}}isEventOriginFromKeyboard(t){return t.detail===0}initAnchor(){this.anchor=(this.anchorSlot?.assignedElements?.()||[])[0];if(this.anchor){yn(this.anchor,this.content,(()=>this.update(this.anchor)))}}findTrigger(){let t;let e=this.triggerSlot?.assignedElements?.()||[];while(!t&&e.length){const a=e.shift();t=a?.hasAttribute("data-trigger")?a:a?.querySelector("[data-trigger]")??undefined}if(!t){t=Wa(this.triggerSlot)}if(!t){e=this.triggerSlot?.assignedElements?.()||[];while(!t&&e.length){const a=e.shift();t=Qn(a)}}if(!t){throw new Error("Cannot find tabbable element. Use [data-trigger] to set the trigger.")}return t}update(t,e=this.justify){if(t){const a=this.noResize?[]:[zn({padding:io.OFFSET,apply({rects:t,availableWidth:a,availableHeight:r,elements:i}){if(e){Object.assign(i.floating.style,{minWidth:`${t.reference.width}px`,maxWidth:`${t.reference.width}px`,maxHeight:`${r}px`})}else{Object.assign(i.floating.style,{maxWidth:`${a}px`,maxHeight:`${r}px`})}}})];In(t,this.content,{strategy:"fixed",placement:this.placement,middleware:[kn(io.OFFSET),wn(),xn(),...a]}).then((({x:t,y:e,placement:a})=>{this.content.dataset.placement=a;Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}))}}hasAttribute(t,e){return t instanceof HTMLElement&&t.hasAttribute(e)}};io.OFFSET=4;io.style=ao;const no=":host{display:block}";const oo=class{constructor(e){t(this,e);this.formElements=[];this.requiredMarker="auto";this.horizontal=false}onRequiredMarkerChanged(t){const e=t==="auto"?this.calculate(this.formElements):t;this.formElements.forEach((t=>!t.requiredMarker?.endsWith("!")&&(t.requiredMarker=e)))}onHorizontalChanged(t){this.formElements.forEach((e=>{e.fallbackHorizontal=t}))}render(){return e(a,{key:"256d7b8493d24b515d9989f6c0bfa3d2af99ba67",style:{"--label-size":this.labelSize}},e("slot",{key:"806080ce0d61ce3b64819dcb50b7bc1651b31c98",onSlotchange:this.onSlotChange.bind(this)}))}onSlotChange(){this.formElements=Array.from(this.hostElement.querySelectorAll("cat-input, cat-textarea, cat-select, cat-datepicker, cat-date, cat-time"));this.onRequiredMarkerChanged(this.requiredMarker);this.onHorizontalChanged(this.horizontal)}calculate(t){const e=t.filter((t=>!t.required)).length;const a=t.length-e;return a>=e?"optional":"required"}get hostElement(){return r(this)}static get watchers(){return{requiredMarker:["onRequiredMarkerChanged"],horizontal:["onHorizontalChanged"]}}};oo.style=no;const co=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;height:1em;width:calc(var(--cat-icon-ratio, 1) * 1em)}.icon-xs svg{font-size:0.75rem}.icon-s svg{font-size:1rem}.icon-m svg{font-size:1.25rem}.icon-l svg{font-size:1.5rem}.icon-xl svg{font-size:1.75rem}";const so=class{constructor(e){t(this,e);this.size="m"}render(){return e("span",{key:"b7c7a3e889ebc12349f1b8f35c227feb1992f8a8",innerHTML:this.iconSrc||(this.icon?s.getIcon(this.icon):""),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{icon:true,[`icon-${this.size}`]:this.size!=="inline"}})}};so.style=co;function lo(t){return t!=null&&`${t}`!=="false"}function ho(t,e=0){return uo(t)?Number(t):e}function uo(t){return!isNaN(parseFloat(t))&&!isNaN(Number(t))}var fo,po,bo,mo=function(t){return t.replace(/[^\d]/g,"")},go=function(t){return t.reduce((function(t,e){return t+e}),0)},vo=function(t,e){return t.slice(0,e)},yo=function(t){var e=t.value;return t.delimiters.forEach((function(t){t.split("").forEach((function(t){e=e.replace(new RegExp(t.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g"),"")}))})),e},ko=function(t){var e=t.blocks,a=t.delimiter,r=void 0===a?"":a,i=t.delimiters,n=void 0===i?[]:i,o=t.delimiterLazyShow,c=void 0!==o&&o,s="",l=t.value,d="";return e.forEach((function(t,a){if(l.length>0){var i,o=l.slice(0,t),h=l.slice(t);d=n.length>0?null!=(i=n[c?a-1:a])?i:d:r,c?(a>0&&(s+=d),s+=o):(s+=o,o.length===t&&a<e.length-1&&(s+=d)),l=h}})),s};!function(t){t.UATP="uatp",t.AMEX="amex",t.DINERS="diners",t.DISCOVER="discover",t.MASTERCARD="mastercard",t.DANKORT="dankort",t.INSTAPAYMENT="instapayment",t.JCB15="jcb15",t.JCB="jcb",t.MAESTRO="maestro",t.VISA="visa",t.MIR="mir",t.UNIONPAY="unionpay",t.GENERAL="general"}(bo||(bo={}));var xo;(fo={})[bo.UATP]=[4,5,6],fo[bo.AMEX]=[4,6,5],fo[bo.DINERS]=[4,6,4],fo[bo.DISCOVER]=[4,4,4,4],fo[bo.MASTERCARD]=[4,4,4,4],fo[bo.DANKORT]=[4,4,4,4],fo[bo.INSTAPAYMENT]=[4,4,4,4],fo[bo.JCB15]=[4,6,5],fo[bo.JCB]=[4,4,4,4],fo[bo.MAESTRO]=[4,4,4,4],fo[bo.VISA]=[4,4,4,4],fo[bo.MIR]=[4,4,4,4],fo[bo.UNIONPAY]=[4,4,4,4],fo[bo.GENERAL]=[4,4,4,4],fo;(po={})[bo.UATP]=/^(?!1800)1\d{0,14}/,po[bo.AMEX]=/^3[47]\d{0,13}/,po[bo.DISCOVER]=/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,po[bo.DINERS]=/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,po[bo.MASTERCARD]=/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,po[bo.DANKORT]=/^(5019|4175|4571)\d{0,12}/,po[bo.INSTAPAYMENT]=/^63[7-9]\d{0,13}/,po[bo.JCB15]=/^(?:2131|1800)\d{0,11}/,po[bo.JCB]=/^(?:35\d{0,2})\d{0,12}/,po[bo.MAESTRO]=/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,po[bo.MIR]=/^220[0-4]\d{0,12}/,po[bo.VISA]=/^4\d{0,15}/,po[bo.UNIONPAY]=/^(62|81)\d{0,14}/,po;!function(t){t.THOUSAND="thousand",t.LAKH="lakh",t.WAN="wan",t.NONE="none"}(xo||(xo={}));var wo=["d","m","Y"],zo=function(t,e){return e?(t<10?"000":t<100?"00":t<1e3?"0":"")+t:(t<10?"0":"")+t},Io=function(t){return(t<10?"0":"")+t},Do=function(t,e,a){var r;return t=Math.min(t,31),a=null!=(r=a)?r:0,((e=Math.min(e,12))<7&&e%2==0||e>8&&e%2==1)&&(t=Math.min(t,2===e?function(t){return t%4==0&&t%100!=0||t%400==0}(a)?29:28:30)),[t,e,a]},Mo=function(t,e){var a=null!=e?e:{},r=a.delimiterLazyShow,i=void 0!==r&&r,n=a.delimiter,o=void 0===n?"/":n,c=a.datePattern,s=void 0===c?wo:c,l=a.dateMax,d=void 0===l?"":l,h=a.dateMin,u=void 0===h?"":h;t=mo(t);var f=function(t){var e=[];return t.forEach((function(t){e.push("Y"===t?4:2)})),e}(s),p=function(t){var e=t.dateMax,a=t.dateMin.split("-").reverse().map((function(t){return parseInt(t,10)}));2===a.length&&a.unshift(0);var r=e.split("-").reverse().map((function(t){return parseInt(t,10)}));return 2===r.length&&r.unshift(0),{min:a,max:r}}({dateMax:d,dateMin:u});t=function(t){var e=t.value,a=void 0===e?"":e,r=t.blocks,i=t.datePattern,n=t.min,o=t.max,c="";return(void 0===r?[]:r).forEach((function(t,e){if(a.length>0){var r=a.slice(0,t),n=r.slice(0,1),o=a.slice(t);switch(i[e]){case"d":"00"===r?r="01":parseInt(n,10)>3?r="0"+n:parseInt(r,10)>31&&(r="31");break;case"m":"00"===r?r="01":parseInt(n,10)>1?r="0"+n:parseInt(r,10)>12&&(r="12")}c+=r,a=o}})),function(t){var e,a,r,i=t.value,n=void 0===i?"":i,o=t.datePattern,c=t.min,s=t.max,l=[],d=0,h=0,u=0,f=0,p=0,b=0,m=false;return 4===n.length&&"y"!==o[0].toLowerCase()&&"y"!==o[1].toLowerCase()&&(p=2-(f="d"===o[0]?0:2),e=parseInt(n.slice(f,f+2),10),a=parseInt(n.slice(p,p+2),10),l=Do(e,a,0)),8===n.length&&(o.forEach((function(t,e){switch(t){case"d":d=e;break;case"m":h=e;break;default:u=e}})),b=2*u,f=d<=u?2*d:2*d+2,p=h<=u?2*h:2*h+2,e=parseInt(n.slice(f,f+2),10),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+4),10),m=4===n.slice(b,b+4).length,l=Do(e,a,r)),4!==n.length||"y"!==o[0]&&"y"!==o[1]||(b=2-(p="m"===o[0]?0:2),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+2),10),m=2===n.slice(b,b+2).length,l=[0,a,r]),6!==n.length||"Y"!==o[0]&&"Y"!==o[1]||(b=2-.5*(p="m"===o[0]?0:4),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+4),10),m=4===n.slice(b,b+4).length,l=[0,a,r]),0===(l=function(t){var e=t.date,a=void 0===e?[]:e,r=t.min,i=t.max;return 0===a.length||r.length<3&&i.length<3||t.datePattern.filter((function(t){return"y"===t.toLowerCase()})).length>0&&0===a[2]?a:i.length>0&&(i[2]<a[2]||i[2]===a[2]&&(i[1]<a[1]||i[1]===a[1]&&i[0]<a[0]))?i:r.length>0&&(r[2]>a[2]||r[2]===a[2]&&(r[1]>a[1]||r[1]===a[1]&&r[0]>a[0]))?r:a}({date:l,datePattern:o,min:c,max:s})).length?n:o.reduce((function(t,e){switch(e){case"d":return t+(0===l[0]?"":Io(l[0]));case"m":return t+(0===l[1]?"":Io(l[1]));case"y":return t+(m?zo(l[2],false):"");case"Y":return t+(m?zo(l[2],true):"")}return t}),"")}({value:c,datePattern:i,min:n,max:o})}({value:t,blocks:f,datePattern:s,min:p.min,max:p.max}),t=yo({value:t,delimiters:[o]});var b=go(f);return t=vo(t,b),ko({value:t,blocks:f,delimiter:o,delimiterLazyShow:i})},Co=["h","m","s"],Ro=function(t){return(t<10?"0":"")+t},Oo=function(t,e,a){return a=Math.min(a,60),e=Math.min(e,60),[t=Math.min(t,60),e,a]},Ao=function(t,e){var a=null!=e?e:{},r=a.delimiterLazyShow,i=void 0!==r&&r,n=a.delimiter,o=void 0===n?":":n,c=a.timePattern,s=void 0===c?Co:c,l=a.timeFormat,d=void 0===l?"24":l;t=mo(t);var h=function(t){var e=[];return t.forEach((function(){e.push(2)})),e}(s);t=function(t){var e=t.value,a=t.timePattern,r="",i="12"===t.timeFormat?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60};return t.blocks.forEach((function(t,n){if(e.length>0){var o=e.slice(0,t),c=o.slice(0,1),s=e.slice(t);switch(a[n]){case"h":parseInt(c,10)>i.maxHourFirstDigit?o="0"+c:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(c,10)>i.maxMinutesFirstDigit?o="0"+c:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}})),function(t){var e,a,r,i=t.value,n=t.timePattern,o=[],c=0,s=0,l=0,d=0,h=0,u=0;return 6===i.length&&(n.forEach((function(t,e){switch(t){case"s":c=2*e;break;case"m":s=2*e;break;case"h":l=2*e}})),u=l,h=s,d=c,e=parseInt(i.slice(d,d+2),10),a=parseInt(i.slice(h,h+2),10),r=parseInt(i.slice(u,u+2),10),o=Oo(r,a,e)),4!==i.length||n.includes("s")||(n.forEach((function(t,e){switch(t){case"m":s=2*e;break;case"h":l=2*e}})),u=l,h=s,e=0,a=parseInt(i.slice(h,h+2),10),r=parseInt(i.slice(u,u+2),10),o=Oo(r,a,e)),0===o.length?i:n.reduce((function(t,e){switch(e){case"s":return t+Ro(o[2]);case"m":return t+Ro(o[1]);case"h":return t+Ro(o[0])}return t}),"")}({value:r,timePattern:a})}({value:t,blocks:h,timePattern:s,timeFormat:d}),t=yo({value:t,delimiters:[o]});var u=go(h);return t=vo(t,u),ko({value:t,blocks:h,delimiter:o,delimiterLazyShow:i})};const So=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;font-size:0.9375rem;line-height:1.25rem}:host([hidden]){display:none}.input-field,.input-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.input-field.input-horizontal{flex-direction:row;gap:1rem}.input-wrapper{flex:1 1 auto;display:flex;align-items:stretch;gap:0.75rem;padding:0 0.75rem;height:2.5rem;overflow:hidden;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;--border-color:var(--cat-border-color-dark, 215, 219, 224)}.input-wrapper.input-round{border-radius:10rem}.input-wrapper.input-readonly{pointer-events:none}.input-wrapper.input-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-wrapper:not(.input-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.input-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.input-wrapper:focus-within:has(.clearable:focus){outline:none}.input-wrapper.input-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.input-wrapper:has(input[type=file]){padding-left:0}.input-wrapper{}.input-wrapper:has(input:-webkit-autofill),.input-wrapper:has(input:-webkit-autofill):hover,.input-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.input-wrapper{}.text-prefix,.text-suffix{display:inline-flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.text-prefix{border-right:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-right:0.75rem}.text-suffix{border-left:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-left:0.75rem}.icon-loading,.icon-prefix,.icon-suffix{align-self:center}.input-outer-wrapper{display:flex}.input-inner-wrapper{display:flex;align-items:center;position:relative;flex:1 1 auto}input{font:inherit;margin:0;padding:0;width:100%;min-width:0;border:none;outline:none;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input.has-clearable,input.has-toggle-password{padding-right:1.5rem}input.has-clearable.has-toggle-password{padding-right:3.5rem}input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input::file-selector-button{background-color:transparent;cursor:pointer;border:1px solid var(--cat-border-color-dark, #ccc);border-radius:var(--cat-border-radius-m, 0.25rem);height:1.75rem;margin:0 0.75rem 0 0.375rem}input{}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}input{}.clearable{position:absolute;top:calc(50% - 1rem);right:-0.5rem}.toggle-password{position:absolute;top:calc(50% - 1rem);right:-0.5rem}.has-clearable~.toggle-password{right:1.5rem}.input-inner-wrapper.has-clearable,.input-inner-wrapper.has-toggle-password{padding-right:2rem}.input-inner-wrapper.has-clearable.has-toggle-password{padding-right:4rem}input[type=color]{flex:0 0 1.5625rem;width:1.5625rem;height:1.5625rem;border:1px solid var(--cat-border-color-dark, #ccc);border-radius:0.25rem;background:none;cursor:pointer;appearance:none;box-sizing:border-box;padding:0 !important}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:0;width:100%;height:100%;box-sizing:border-box}input[type=color]::-moz-color-swatch{border:none;border-radius:0;width:100%;height:100%;box-sizing:border-box}.color-value{flex-grow:1}:host(.cat-date-input) .input-wrapper,:host(.cat-time-input) .input-wrapper{z-index:1;border-top-right-radius:0;border-bottom-right-radius:0}";let jo=0;const To=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.catChangeFiles=i(this,"catChangeFiles");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-input-${jo++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.hasSlottedCounter=false;this.isPasswordShown=false;this.requiredMarker="optional";this.clearable=false;this.togglePassword=false;this.disabled=false;this.loading=false;this.iconRight=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.round=false;this.type="text";this.errorUpdate=0}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.internals.setFormValue(this.value??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');this.hasSlottedCounter=!!this.hostElement.querySelector('[slot="counter"]')}async doFocus(t){const e=this.input.type==="hidden"?this.findSiblingInput(this.input.nextSibling):this.input;e?.focus(t)}async doBlur(){this.input.blur()}async clear(){this.value="";this.catChange.emit(this.value);if(this.type==="file"){this.catChangeFiles.emit(null)}}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e("div",{key:"ffc4412a1f7c10431da8c4b6380fd8218298ac5a",class:{"input-field":true,"input-horizontal":this.horizontal??this.fallbackHorizontal??false}},e("div",{key:"212806d23ea27c6bcfd8850ee3da759014ca78ad",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"78072a1cba66307777885eb284c8e1bdd58e16a1",htmlFor:this.id,part:"label"},e("span",{key:"8418283fde42db3445d5ca9b10559684c8bcd7d7",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"6676d6381311ed2d171cb807598de2c408d017bf",name:"label"})||this.label,e("div",{key:"5ae2d177c55c34663304c8d844e232fda8378067",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"21f4e5a75faa4753f75a5a08de6cad4fdcf685fd",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"ea4c178c57d407e09bb8b10f14016c4987db4874",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),(this.maxLength||this.hasSlottedCounter)&&e("div",{key:"43e04d882ca31ad03a66fbc148594cbcdb9ee313",class:"label-character-count","aria-hidden":"true"},this.hasSlottedCounter?e("slot",{name:"counter"}):`${this.value?.length??0}/${this.maxLength}`))))),e("div",{key:"06b53fdb4df82aeb736ae19d73b2a11d1c4e9af0",class:{"input-color":this.type==="color","input-container":true}},e("div",{key:"edb77ce73acff3cbcc0f4228a3c9ac95dbaca2d8",class:"input-outer-wrapper"},e("div",{key:"b39ccf857a38b31e2f15885f11c6d5f75f335aa3",class:{"input-wrapper":true,"input-round":this.round,"input-readonly":this.readonly,"input-disabled":this.disabled,"input-invalid":this.invalid},onClick:()=>this.input.focus()},this.textPrefix&&e("span",{key:"f075bb5d4a81c2ccf35d7c50fd3ec65a6b9ab37e",class:"text-prefix",part:"prefix"},this.textPrefix),this.icon&&!this.iconRight&&e("cat-icon",{key:"12013d6b78cd440b99982c12aef4af31dcd91246",icon:this.icon,class:"icon-prefix",size:"l",onClick:()=>this.doFocus()}),e("div",{key:"6d339cfe079f7926b4263b161ff08f4c6b9a4a43",class:{"has-clearable":this.clearable&&!this.disabled&&!this.readonly&&!!this.value,"has-toggle-password":this.togglePassword&&!this.disabled&&!this.readonly&&!!this.value,"input-inner-wrapper":true,"type-color":this.type==="color"}},this.type==="color"&&e("span",{key:"cf422632d44d234e7a9aef52572665a9a28ecc9d",class:"color-value"},this.value??"#000000"),e("input",{key:"ebc4a025956a028f1f73958486fa7e37dcd585a3","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.id,class:{"has-clearable":this.clearable&&!this.disabled&&!this.readonly&&!!this.value,"has-toggle-password":this.togglePassword&&!this.disabled&&!this.readonly&&!!this.value},autocomplete:this.autoComplete,disabled:this.disabled,accept:this.type==="file"?this.accept:undefined,multiple:this.type==="file"?this.multiple:undefined,max:this.max,maxlength:this.maxLength,min:this.min,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,type:this.isPasswordShown?"text":this.type,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined}),this.clearable&&!this.disabled&&!this.readonly&&this.value&&e("cat-button",{key:"c60b67e4b261a08d91180a92618fdfc692d239bf",class:"clearable",icon:"$cat:input-close","icon-only":"true",size:"s",variant:"text","a11y-label":o.t("input.clear"),onClick:this.clear.bind(this),"data-dropdown-no-close":true}),this.togglePassword&&!this.disabled&&!this.readonly&&this.value&&e("cat-button",{key:"db6c218c74a241f626e5c2fdc767fa8f63d33a86",class:"toggle-password",icon:this.isPasswordShown?"$cat:input-password-hide":"$cat:input-password-show","icon-only":"true",size:"s",variant:"text","a11y-label":o.t(this.isPasswordShown?"input.hidePassword":"input.showPassword"),onClick:this.doTogglePassword.bind(this)})),this.loading&&e("cat-spinner",{key:"b2179d6109246c579189f0911faeb95168b96016",size:"m",class:"icon-loading"}),!this.invalid&&this.icon&&this.iconRight&&e("cat-icon",{key:"52487c6ce3219d9b60f4af4f3360691bd7c34ace",icon:this.icon,class:"icon-suffix",size:"l",onClick:()=>this.doFocus()}),this.invalid&&e("cat-icon",{key:"18a27e11f4c4501d17758af16953ee2e23a1f0b9",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}),this.textSuffix&&e("span",{key:"670348803c9828e4cf0587dd24de55273611f3a1",class:"text-suffix",part:"suffix"},this.textSuffix)),e("slot",{key:"31969e55553baa41f18f60af3f81add74dafc6a7",name:"addon"})),this.hasHint&&e(Ne,{key:"3a240f0af4686de4c2fc66c267e0e8c6b5f26157",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){let t=this.input.value;if(this.timeMaskOptions){t=Ao(this.input.value,this.timeMaskOptions);this.input.value=t}if(this.dateMaskOptions){t=Mo(this.input.value,this.dateMaskOptions);this.input.value=t}this.value=t;this.internals.setFormValue(this.input.value);this.catChange.emit(this.value);if(this.type==="file"){this.catChangeFiles.emit(this.input.files)}this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}doTogglePassword(){this.isPasswordShown=!this.isPasswordShown}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}findSiblingInput(t){if(t instanceof HTMLInputElement){return t}else if(t?.nextSibling){return this.findSiblingInput(t.nextSibling)}return undefined}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};To.style=So;const Fo=":host{display:inline-block}:host([hidden]){display:none}ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}li{display:inline-flex;justify-content:center}li.dots{-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([variant=outlined]) ol{gap:0.75rem}.cat-pagination-xs li.dots,.cat-pagination-xs li.text{height:1.5rem;line-height:1.5rem;font-size:0.875rem}.cat-pagination-xs li.dots{width:1.5rem}:host([variant=outlined]) .cat-pagination-xs{gap:0.375rem}.cat-pagination-s li.dots,.cat-pagination-s li.text{height:2rem;line-height:2rem;font-size:0.9375rem}.cat-pagination-s li.dots{width:2rem}:host([variant=outlined]) .cat-pagination-s{gap:0.5rem}.cat-pagination-m li.dots,.cat-pagination-m li.text{height:2.5rem;line-height:2.5rem;font-size:0.9375rem}.cat-pagination-m li.dots{width:2.5rem}:host([variant=outlined]) .cat-pagination-m{gap:0.625rem}.cat-pagination-l li.dots,.cat-pagination-l li.text{height:3rem;line-height:3rem;font-size:0.9375rem}.cat-pagination-l li.dots{width:3rem}:host([variant=outlined]) .cat-pagination-l{gap:0.75rem}.cat-pagination-xl li.dots,.cat-pagination-xl li.text{height:3.5rem;line-height:3.5rem;font-size:1.125rem}.cat-pagination-xl li.dots{width:3.5rem}:host([variant=outlined]) .cat-pagination-xl{gap:0.875rem}";const $o=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.page=0;this.pageCount=1;this.activePadding=1;this.sidePadding=1;this.size="m";this.variant="text";this.round=false;this.compact=false;this.iconPrev="$cat:pagination-left";this.iconNext="$cat:pagination-right"}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e("nav",{key:"92edf5d03bcf32e751e5a477280e4df4a48fe92d",role:"navigation"},e("ol",{key:"d3abfee45a341bd03c1f6d1e1f275f5714817539",class:{[`cat-pagination-${this.size}`]:Boolean(this.size)}},e("li",{key:"7d9a267ca412d15e869321b331729810cc09253c"},e("cat-button",{key:"da1fb4fca4ce3e34eb269fbbd3003baad95fe5da",variant:this.variant,size:this.size,round:this.round,disabled:this.isFirst,a11yLabel:o.t("pagination.prev"),icon:this.iconPrev,iconOnly:true,onClick:()=>this.setPage(this.page-1)})),this.content,e("li",{key:"14237910fe38dbc5d829b804ee5fd9613a68c783"},e("cat-button",{key:"9e7ad815b7708ec9c1200bd923fa61be5c6e9552",variant:this.variant,size:this.size,round:this.round,disabled:this.isLast,a11yLabel:o.t("pagination.next"),icon:this.iconNext,iconOnly:true,onClick:()=>this.setPage(this.page+1)}))))}get isFirst(){return this.page===0}get isLast(){return this.page===this.pageCount-1}setPage(t){this.page=t;this.catChange.emit(this.page)}get pages(){if(!this.sidePadding&&!this.activePadding){return[this.page]}const t=new Set;const e=this.page<=this.sidePadding+this.activePadding+1;const a=e?this.sidePadding+2*this.activePadding+2:this.sidePadding;const r=this.page>=this.pageCount-this.sidePadding-this.activePadding-2;const i=r?this.pageCount-this.sidePadding-2*this.activePadding-2:this.pageCount-this.sidePadding;this.addSeq(t,0,a);if(!e&&!r){this.addSeq(t,this.page-this.activePadding,this.page+this.activePadding+1)}this.addSeq(t,i,this.pageCount);return[...t]}addSeq(t,e,a){const r=this.clamp(e,0,this.pageCount);const i=this.clamp(a,0,this.pageCount);Array(i-r).fill(0).forEach(((e,a)=>t.add(r+a)))}clamp(t,e,a){return Math.min(Math.max(t,e),a)}get content(){if(this.compact){return e("li",{class:"text"},this.page+1,"/",this.pageCount)}return this.pages.map(((t,a)=>[a>0&&this.pages[a-1]!==t-1?e("li",{class:"dots"},"…"):null,e("li",null,e("cat-button",{variant:this.variant,size:this.size,round:this.round,color:this.page===t?"primary":undefined,active:this.page===t,a11yLabel:o.t("pagination.page",{page:t+1}),a11yCurrent:this.page===t?"step":undefined,onClick:()=>this.setPage(t)},t+1))]))}static get delegatesFocus(){return true}get hostElement(){return r(this)}};$o.style=Fo;const Wo=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}:host{display:flex;flex-direction:column;gap:0.25rem}:host([hidden]){display:none}label{display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);cursor:pointer}.label-left{flex-direction:row-reverse}.radio{display:flex;position:relative;align-self:flex-start}.circle-placeholder{width:calc(1.25rem + 1px);flex-shrink:0}.circle{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 0, 129, 148));border-radius:10rem;top:calc(50% - 0.375rem);left:calc(50% - 0.375rem);visibility:hidden;pointer-events:none}input{margin:0;width:1.25rem;height:1.25rem;appearance:none;background-color:white;border:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 0, 129, 148))}input:checked+.circle{visibility:visible}input:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host(.cat-error) input{border-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .circle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.is-disabled input{background-color:#f2f4f7}.is-disabled input:checked{border-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}.is-disabled .circle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}.align-center .radio{align-self:center}.align-end .radio{align-self:flex-end}";let Bo=0;const Eo=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this._id=`cat-radio-${++Bo}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.value="";this.labelLeft=false;this.alignment="top"}get id(){return this.identifier||this._id}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"d5bdfdba836cb7f6ea32ffd9befa8e21b3681f1d"},e("label",{key:"a4bc5f97bc1c9313fc42ed4e6ffa4f3dcdf0b5db",htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft,"align-center":this.alignment==="center","align-end":this.alignment==="bottom"},role:"radio","aria-checked":this.checked?"true":"false"},e("span",{key:"26d8bda2a2d7eb9479762cde79ddcbf4ffa66c31",class:"radio"},e("input",{key:"93aa9f8c9c6c80032806821d4a25d211351f5ae7","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.identifier||this.id,type:"radio",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-describedby":this.hasHint?this.id+"-hint":undefined}),e("span",{key:"de64c16b1b208ee39173a479961c8a9c35398891",class:"circle"})),e("span",{key:"31aee49255f90b202fa24bd7e3454faef997403d",class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{key:"42fd54752399f0f598051e3b88df68111d6e5871",name:"label"})||this.label)),this.hasHint&&e("div",{key:"dd8ebf787f21f0b3ec2d4b3502f5ed55ffdc1828",class:{"hint-wrapper":true,"label-left":this.labelLeft}},e("div",{key:"2107fc47f09c98351657658066642380848711c6",class:"circle-placeholder"}),e(Ne,{key:"ff77ec0e74627dab0b823150681c8be5a3ad9d98",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint}onInput(){this.checked=true;this.catChange.emit(this.value)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}static get delegatesFocus(){return true}get hostElement(){return r(this)}};Eo.style=Wo;const No=":host{display:block}:host([hidden]){display:none}";const Lo=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.catRadioGroup=[];this.disabled=false;this.labelLeft=false}onNameChanged(t){this.catRadioGroup.forEach((e=>e.name=t))}onValueChanged(t){this.catRadioGroup.forEach((e=>e.checked=e.value===t));this.updateTabIndex()}onDisabledChanged(t){this.catRadioGroup.forEach((e=>e.disabled=e.disabled||t))}onLabelLeftChanged(t){this.catRadioGroup.forEach((e=>e.labelLeft=e.labelLeft||t))}componentDidLoad(){this.init();this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-RADIO"))&&this.init()));this.mutationObserver?.observe(this.hostElement,{childList:true,attributes:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}onKeydown(t){if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)&&this.catRadioGroup.length){const e=this.catRadioGroup.filter((t=>!t.disabled));const a=document.activeElement;const r=this.catRadioGroup.findIndex((t=>t===a));const i=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const n=r<0?0:(r+i+e.length)%e.length;e[n].doFocus();e[n].shadowRoot?.querySelector("input")?.click();this.updateTabIndex();t.preventDefault()}}onInput(t){const e=this.catRadioGroup.find((e=>e===t.target));if(e?.localName==="cat-radio"){this.value=e?.checked?e?.value:undefined;this.catChange.emit(this.value)}}onFocus(t){if(!t.relatedTarget){this.catBlur.emit(t)}}onBlur(t){if(!t.relatedTarget){this.catBlur.emit(t)}}render(){return e("div",{key:"bddb6ec500cf6153286300ae20bad8925d4dcfd1",role:"radiogroup","aria-label":this.a11yLabel},e("slot",{key:"55c9ce43491b01ee35183b3ba880f62e49a58f0f"}))}init(){this.catRadioGroup=Array.from(this.hostElement.querySelectorAll(`cat-radio`));this.onNameChanged(this.name);this.onValueChanged(this.value);this.onDisabledChanged(this.disabled);this.onLabelLeftChanged(this.labelLeft)}updateTabIndex(){if(this.catRadioGroup.length){this.catRadioGroup.forEach((t=>t.shadowRoot?.querySelector("input")?.setAttribute("tabindex","-1")));const t=this.catRadioGroup.findIndex((t=>t.checked));this.catRadioGroup[t>=0?t:0].shadowRoot?.querySelector("input")?.setAttribute("tabindex","0")}}get hostElement(){return r(this)}static get watchers(){return{name:["onNameChanged"],value:["onValueChanged"],disabled:["onDisabledChanged"],labelLeft:["onLabelLeftChanged"]}}};Lo.style=No;var Po={};var Yo={};var Ho;function Uo(){if(Ho)return Yo;Ho=1;Object.defineProperty(Yo,"__esModule",{value:true});Yo.partition=void 0;var t=l();var e=d();function a(a,r){return function(i){return[e.filter(a,r)(i),e.filter(t.not(a,r))(i)]}}Yo.partition=a;return Yo}var _o={};var Ko;function qo(){if(Ko)return _o;Ko=1;var t=_o&&_o.__read||function(t,e){var a=typeof Symbol==="function"&&t[Symbol.iterator];if(!a)return t;var r=a.call(t),i,n=[],o;try{while((e===void 0||e-- >0)&&!(i=r.next()).done)n.push(i.value)}catch(t){o={error:t}}finally{try{if(i&&!i.done&&(a=r["return"]))a.call(r)}finally{if(o)throw o.error}}return n};var e=_o&&_o.__spreadArray||function(t,e){for(var a=0,r=e.length,i=t.length;a<r;a++,i++)t[i]=e[a];return t};Object.defineProperty(_o,"__esModule",{value:true});_o.race=void 0;var a=h();var r=u();function i(){var i=[];for(var n=0;n<arguments.length;n++){i[n]=arguments[n]}return r.raceWith.apply(void 0,e([],t(a.argsOrArgArray(i))))}_o.race=i;return _o}var Go;function Vo(){if(Go)return Po;Go=1;(function(t){Object.defineProperty(t,"__esModule",{value:true});t.mergeAll=t.merge=t.max=t.materialize=t.mapTo=t.map=t.last=t.isEmpty=t.ignoreElements=t.groupBy=t.first=t.findIndex=t.find=t.finalize=t.filter=t.expand=t.exhaustMap=t.exhaustAll=t.exhaust=t.every=t.endWith=t.elementAt=t.distinctUntilKeyChanged=t.distinctUntilChanged=t.distinct=t.dematerialize=t.delayWhen=t.delay=t.defaultIfEmpty=t.debounceTime=t.debounce=t.count=t.connect=t.concatWith=t.concatMapTo=t.concatMap=t.concatAll=t.concat=t.combineLatestWith=t.combineLatest=t.combineLatestAll=t.combineAll=t.catchError=t.bufferWhen=t.bufferToggle=t.bufferTime=t.bufferCount=t.buffer=t.auditTime=t.audit=void 0;t.timeInterval=t.throwIfEmpty=t.throttleTime=t.throttle=t.tap=t.takeWhile=t.takeUntil=t.takeLast=t.take=t.switchScan=t.switchMapTo=t.switchMap=t.switchAll=t.subscribeOn=t.startWith=t.skipWhile=t.skipUntil=t.skipLast=t.skip=t.single=t.shareReplay=t.share=t.sequenceEqual=t.scan=t.sampleTime=t.sample=t.refCount=t.retryWhen=t.retry=t.repeatWhen=t.repeat=t.reduce=t.raceWith=t.race=t.publishReplay=t.publishLast=t.publishBehavior=t.publish=t.pluck=t.partition=t.pairwise=t.onErrorResumeNext=t.observeOn=t.multicast=t.min=t.mergeWith=t.mergeScan=t.mergeMapTo=t.mergeMap=t.flatMap=void 0;t.zipWith=t.zipAll=t.zip=t.withLatestFrom=t.windowWhen=t.windowToggle=t.windowTime=t.windowCount=t.window=t.toArray=t.timestamp=t.timeoutWith=t.timeout=void 0;var e=f();Object.defineProperty(t,"audit",{enumerable:true,get:function(){return e.audit}});var a=p();Object.defineProperty(t,"auditTime",{enumerable:true,get:function(){return a.auditTime}});var r=b();Object.defineProperty(t,"buffer",{enumerable:true,get:function(){return r.buffer}});var i=m();Object.defineProperty(t,"bufferCount",{enumerable:true,get:function(){return i.bufferCount}});var n=g();Object.defineProperty(t,"bufferTime",{enumerable:true,get:function(){return n.bufferTime}});var o=v();Object.defineProperty(t,"bufferToggle",{enumerable:true,get:function(){return o.bufferToggle}});var c=y();Object.defineProperty(t,"bufferWhen",{enumerable:true,get:function(){return c.bufferWhen}});var s=k();Object.defineProperty(t,"catchError",{enumerable:true,get:function(){return s.catchError}});var l=x();Object.defineProperty(t,"combineAll",{enumerable:true,get:function(){return l.combineAll}});var h=w();Object.defineProperty(t,"combineLatestAll",{enumerable:true,get:function(){return h.combineLatestAll}});var pe=z();Object.defineProperty(t,"combineLatest",{enumerable:true,get:function(){return pe.combineLatest}});var be=I();Object.defineProperty(t,"combineLatestWith",{enumerable:true,get:function(){return be.combineLatestWith}});var me=D();Object.defineProperty(t,"concat",{enumerable:true,get:function(){return me.concat}});var ge=M();Object.defineProperty(t,"concatAll",{enumerable:true,get:function(){return ge.concatAll}});var ve=C();Object.defineProperty(t,"concatMap",{enumerable:true,get:function(){return ve.concatMap}});var ye=R();Object.defineProperty(t,"concatMapTo",{enumerable:true,get:function(){return ye.concatMapTo}});var ke=O();Object.defineProperty(t,"concatWith",{enumerable:true,get:function(){return ke.concatWith}});var xe=A();Object.defineProperty(t,"connect",{enumerable:true,get:function(){return xe.connect}});var we=S();Object.defineProperty(t,"count",{enumerable:true,get:function(){return we.count}});var ze=j();Object.defineProperty(t,"debounce",{enumerable:true,get:function(){return ze.debounce}});var Ie=T();Object.defineProperty(t,"debounceTime",{enumerable:true,get:function(){return Ie.debounceTime}});var De=F();Object.defineProperty(t,"defaultIfEmpty",{enumerable:true,get:function(){return De.defaultIfEmpty}});var Me=$();Object.defineProperty(t,"delay",{enumerable:true,get:function(){return Me.delay}});var Ce=W();Object.defineProperty(t,"delayWhen",{enumerable:true,get:function(){return Ce.delayWhen}});var Re=B();Object.defineProperty(t,"dematerialize",{enumerable:true,get:function(){return Re.dematerialize}});var Oe=E();Object.defineProperty(t,"distinct",{enumerable:true,get:function(){return Oe.distinct}});var Ae=N();Object.defineProperty(t,"distinctUntilChanged",{enumerable:true,get:function(){return Ae.distinctUntilChanged}});var Se=L();Object.defineProperty(t,"distinctUntilKeyChanged",{enumerable:true,get:function(){return Se.distinctUntilKeyChanged}});var je=P();Object.defineProperty(t,"elementAt",{enumerable:true,get:function(){return je.elementAt}});var Te=Y();Object.defineProperty(t,"endWith",{enumerable:true,get:function(){return Te.endWith}});var Fe=H();Object.defineProperty(t,"every",{enumerable:true,get:function(){return Fe.every}});var $e=U();Object.defineProperty(t,"exhaust",{enumerable:true,get:function(){return $e.exhaust}});var We=_();Object.defineProperty(t,"exhaustAll",{enumerable:true,get:function(){return We.exhaustAll}});var Be=K();Object.defineProperty(t,"exhaustMap",{enumerable:true,get:function(){return Be.exhaustMap}});var Ee=q();Object.defineProperty(t,"expand",{enumerable:true,get:function(){return Ee.expand}});var Ne=d();Object.defineProperty(t,"filter",{enumerable:true,get:function(){return Ne.filter}});var Le=G();Object.defineProperty(t,"finalize",{enumerable:true,get:function(){return Le.finalize}});var Pe=V();Object.defineProperty(t,"find",{enumerable:true,get:function(){return Pe.find}});var Ye=J();Object.defineProperty(t,"findIndex",{enumerable:true,get:function(){return Ye.findIndex}});var He=Z();Object.defineProperty(t,"first",{enumerable:true,get:function(){return He.first}});var Ue=X();Object.defineProperty(t,"groupBy",{enumerable:true,get:function(){return Ue.groupBy}});var _e=Q();Object.defineProperty(t,"ignoreElements",{enumerable:true,get:function(){return _e.ignoreElements}});var Ke=tt();Object.defineProperty(t,"isEmpty",{enumerable:true,get:function(){return Ke.isEmpty}});var qe=et();Object.defineProperty(t,"last",{enumerable:true,get:function(){return qe.last}});var Ge=at();Object.defineProperty(t,"map",{enumerable:true,get:function(){return Ge.map}});var Ve=rt();Object.defineProperty(t,"mapTo",{enumerable:true,get:function(){return Ve.mapTo}});var Je=it();Object.defineProperty(t,"materialize",{enumerable:true,get:function(){return Je.materialize}});var Ze=nt();Object.defineProperty(t,"max",{enumerable:true,get:function(){return Ze.max}});var Xe=ot();Object.defineProperty(t,"merge",{enumerable:true,get:function(){return Xe.merge}});var Qe=ct();Object.defineProperty(t,"mergeAll",{enumerable:true,get:function(){return Qe.mergeAll}});var ta=st();Object.defineProperty(t,"flatMap",{enumerable:true,get:function(){return ta.flatMap}});var ea=lt();Object.defineProperty(t,"mergeMap",{enumerable:true,get:function(){return ea.mergeMap}});var aa=dt();Object.defineProperty(t,"mergeMapTo",{enumerable:true,get:function(){return aa.mergeMapTo}});var ra=ht();Object.defineProperty(t,"mergeScan",{enumerable:true,get:function(){return ra.mergeScan}});var ia=ut();Object.defineProperty(t,"mergeWith",{enumerable:true,get:function(){return ia.mergeWith}});var na=ft();Object.defineProperty(t,"min",{enumerable:true,get:function(){return na.min}});var oa=pt();Object.defineProperty(t,"multicast",{enumerable:true,get:function(){return oa.multicast}});var ca=bt();Object.defineProperty(t,"observeOn",{enumerable:true,get:function(){return ca.observeOn}});var sa=mt();Object.defineProperty(t,"onErrorResumeNext",{enumerable:true,get:function(){return sa.onErrorResumeNext}});var la=gt();Object.defineProperty(t,"pairwise",{enumerable:true,get:function(){return la.pairwise}});var da=Uo();Object.defineProperty(t,"partition",{enumerable:true,get:function(){return da.partition}});var ha=vt();Object.defineProperty(t,"pluck",{enumerable:true,get:function(){return ha.pluck}});var ua=yt();Object.defineProperty(t,"publish",{enumerable:true,get:function(){return ua.publish}});var fa=kt();Object.defineProperty(t,"publishBehavior",{enumerable:true,get:function(){return fa.publishBehavior}});var pa=xt();Object.defineProperty(t,"publishLast",{enumerable:true,get:function(){return pa.publishLast}});var ba=wt();Object.defineProperty(t,"publishReplay",{enumerable:true,get:function(){return ba.publishReplay}});var ma=qo();Object.defineProperty(t,"race",{enumerable:true,get:function(){return ma.race}});var ga=u();Object.defineProperty(t,"raceWith",{enumerable:true,get:function(){return ga.raceWith}});var va=zt();Object.defineProperty(t,"reduce",{enumerable:true,get:function(){return va.reduce}});var ya=It();Object.defineProperty(t,"repeat",{enumerable:true,get:function(){return ya.repeat}});var ka=Dt();Object.defineProperty(t,"repeatWhen",{enumerable:true,get:function(){return ka.repeatWhen}});var xa=Mt();Object.defineProperty(t,"retry",{enumerable:true,get:function(){return xa.retry}});var wa=Ct();Object.defineProperty(t,"retryWhen",{enumerable:true,get:function(){return wa.retryWhen}});var za=Rt();Object.defineProperty(t,"refCount",{enumerable:true,get:function(){return za.refCount}});var Ia=Ot();Object.defineProperty(t,"sample",{enumerable:true,get:function(){return Ia.sample}});var Da=At();Object.defineProperty(t,"sampleTime",{enumerable:true,get:function(){return Da.sampleTime}});var Ma=St();Object.defineProperty(t,"scan",{enumerable:true,get:function(){return Ma.scan}});var Ca=jt();Object.defineProperty(t,"sequenceEqual",{enumerable:true,get:function(){return Ca.sequenceEqual}});var Ra=Tt();Object.defineProperty(t,"share",{enumerable:true,get:function(){return Ra.share}});var Oa=Ft();Object.defineProperty(t,"shareReplay",{enumerable:true,get:function(){return Oa.shareReplay}});var Aa=$t();Object.defineProperty(t,"single",{enumerable:true,get:function(){return Aa.single}});var Sa=Wt();Object.defineProperty(t,"skip",{enumerable:true,get:function(){return Sa.skip}});var ja=Bt();Object.defineProperty(t,"skipLast",{enumerable:true,get:function(){return ja.skipLast}});var Ta=Et();Object.defineProperty(t,"skipUntil",{enumerable:true,get:function(){return Ta.skipUntil}});var Fa=Nt();Object.defineProperty(t,"skipWhile",{enumerable:true,get:function(){return Fa.skipWhile}});var $a=Lt();Object.defineProperty(t,"startWith",{enumerable:true,get:function(){return $a.startWith}});var Wa=Pt();Object.defineProperty(t,"subscribeOn",{enumerable:true,get:function(){return Wa.subscribeOn}});var Ba=Yt();Object.defineProperty(t,"switchAll",{enumerable:true,get:function(){return Ba.switchAll}});var Ea=Ht();Object.defineProperty(t,"switchMap",{enumerable:true,get:function(){return Ea.switchMap}});var Na=Ut();Object.defineProperty(t,"switchMapTo",{enumerable:true,get:function(){return Na.switchMapTo}});var La=_t();Object.defineProperty(t,"switchScan",{enumerable:true,get:function(){return La.switchScan}});var Pa=Kt();Object.defineProperty(t,"take",{enumerable:true,get:function(){return Pa.take}});var Ya=qt();Object.defineProperty(t,"takeLast",{enumerable:true,get:function(){return Ya.takeLast}});var Ha=Gt();Object.defineProperty(t,"takeUntil",{enumerable:true,get:function(){return Ha.takeUntil}});var Ua=Vt();Object.defineProperty(t,"takeWhile",{enumerable:true,get:function(){return Ua.takeWhile}});var _a=Jt();Object.defineProperty(t,"tap",{enumerable:true,get:function(){return _a.tap}});var Ka=Zt();Object.defineProperty(t,"throttle",{enumerable:true,get:function(){return Ka.throttle}});var qa=Xt();Object.defineProperty(t,"throttleTime",{enumerable:true,get:function(){return qa.throttleTime}});var Ga=Qt();Object.defineProperty(t,"throwIfEmpty",{enumerable:true,get:function(){return Ga.throwIfEmpty}});var Va=te();Object.defineProperty(t,"timeInterval",{enumerable:true,get:function(){return Va.timeInterval}});var Ja=ee();Object.defineProperty(t,"timeout",{enumerable:true,get:function(){return Ja.timeout}});var Za=ae();Object.defineProperty(t,"timeoutWith",{enumerable:true,get:function(){return Za.timeoutWith}});var Xa=re();Object.defineProperty(t,"timestamp",{enumerable:true,get:function(){return Xa.timestamp}});var Qa=ie();Object.defineProperty(t,"toArray",{enumerable:true,get:function(){return Qa.toArray}});var tr=ne();Object.defineProperty(t,"window",{enumerable:true,get:function(){return tr.window}});var er=oe();Object.defineProperty(t,"windowCount",{enumerable:true,get:function(){return er.windowCount}});var ar=ce();Object.defineProperty(t,"windowTime",{enumerable:true,get:function(){return ar.windowTime}});var rr=se();Object.defineProperty(t,"windowToggle",{enumerable:true,get:function(){return rr.windowToggle}});var ir=le();Object.defineProperty(t,"windowWhen",{enumerable:true,get:function(){return ir.windowWhen}});var nr=de();Object.defineProperty(t,"withLatestFrom",{enumerable:true,get:function(){return nr.withLatestFrom}});var or=he();Object.defineProperty(t,"zip",{enumerable:true,get:function(){return or.zip}});var cr=ue();Object.defineProperty(t,"zipAll",{enumerable:true,get:function(){return cr.zipAll}});var sr=fe();Object.defineProperty(t,"zipWith",{enumerable:true,get:function(){return sr.zipWith}})})(Po);return Po}var Jo=Vo();const Zo=":host{overflow:hidden;position:relative;display:flex}:host([hidden]){display:none}.shadow-bottom,.shadow-right,.shadow-left,.shadow-top{position:absolute;transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.shadow-top{z-index:2;width:100%;top:0}.shadow-left{z-index:4;height:100%;left:0}.shadow-right{z-index:4;height:100%;right:0}.shadow-bottom{z-index:2;width:100%;bottom:0}.scrollable-wrapper{position:absolute;inset:0;pointer-events:none}.scrollable-wrapper.cat-scrollable-top .shadow-top,.scrollable-wrapper.cat-scrollable-bottom .shadow-bottom,.scrollable-wrapper.cat-scrollable-left .shadow-left,.scrollable-wrapper.cat-scrollable-right .shadow-right{box-shadow:0 0 4px 1px rgba(16, 29, 48, 0.2)}.scrollable-content{width:100%;overflow:hidden}.scrollable-content.scroll-x{overflow-x:auto}.scrollable-content.scroll-y{overflow-y:auto}.scrollable-content.no-overscroll{overscroll-behavior:contain}";const Xo=class{constructor(e){t(this,e);this.scrolledTop=i(this,"scrolledTop");this.scrolledLeft=i(this,"scrolledLeft");this.scrolledRight=i(this,"scrolledRight");this.scrolledBottom=i(this,"scrolledBottom");this.init=new pe.Subject;this.destroyed=new pe.Subject;this.resizedEntries=new pe.Subject;this.resizedObserver=new ResizeObserver((t=>this.resizedEntries.next(t)));this.noShadowX=false;this.noShadowY=false;this.noOverflowX=false;this.noOverflowY=false;this.noOverscroll=false;this.noScrolledInit=false;this.scrolledBuffer=0}componentDidRender(){if(this.scrollElement){this.scrolled=pe.fromEvent(this.scrollElement,"scroll").pipe(Jo.takeUntil(this.destroyed));this.resizedObserver.observe(this.scrollElement)}if(this.scrollWrapperElement){this.resizedObserver.observe(this.scrollWrapperElement)}this.attachEmitter("left",this.scrolledLeft);this.attachEmitter("right",this.scrolledRight);this.attachEmitter("bottom",this.scrolledBottom);this.attachEmitter("top",this.scrolledTop);pe.merge(this.init,this.scrolled,this.resizedEntries).pipe(Jo.auditTime(Xo.THROTTLE),Jo.map((()=>({top:this.getScrollOffset("top")>5,left:this.getScrollOffset("left")>5,right:this.getScrollOffset("right")>5,bottom:this.getScrollOffset("bottom")>5}))),Jo.takeUntil(this.destroyed)).subscribe((({top:t,left:e,right:a,bottom:r})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",a);this.toggleClass("cat-scrollable-bottom",r)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete();this.resizedObserver.disconnect()}render(){return[e("div",{key:"a74da54b345c5d35e790a767112256623298fb45",class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},!this.noShadowY&&e("div",{key:"c1210162912c663853d3693c1d390c11cc3fce15",class:"shadow-top"}),!this.noShadowX&&e("div",{key:"7926685bbacaf7338667e507455ddb91e8fa716f",class:"shadow-left"}),!this.noShadowX&&e("div",{key:"2b5c384ab9ea25f4cfc03e4fa96c494d29b220a3",class:"shadow-right"}),!this.noShadowY&&e("div",{key:"9beefb53981be683f2fff1e3d199a5cc79f939b6",class:"shadow-bottom"})),e("div",{key:"84440bc3d95ec0686ecc080b70ed763e5a140851",ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},e("slot",{key:"4f001c11db1d3c8f7d23ac8187d356abe88ef190"}))]}attachEmitter(t,e){pe.merge(this.init,this.scrolled,this.resizedEntries).pipe(Jo.auditTime(Xo.THROTTLE),Jo.map((()=>this.getScrollOffset(t))),Jo.map((t=>t<=this.scrolledBuffer)),Jo.filter((t=>t)),Jo.map((()=>{switch(t){case"top":return this.getScrollOffset("bottom");case"left":return this.getScrollOffset("right");case"right":return this.getScrollOffset("left");case"bottom":return this.getScrollOffset("top")}})),Jo.distinctUntilChanged(),Jo.takeUntil(this.destroyed)).subscribe((()=>e.emit()))}getScrollOffset(t){if(this.scrollElement){switch(t){case"top":return this.scrollElement.scrollTop;case"left":return this.scrollElement.scrollLeft;case"right":return this.scrollElement.scrollWidth-this.scrollElement.clientWidth-this.scrollElement.scrollLeft;case"bottom":return this.scrollElement.scrollHeight-this.scrollElement.clientHeight-this.scrollElement.scrollTop;default:return 0}}return 0}toggleClass(t,e){if(e){this.scrollWrapperElement?.classList.add(t)}else{this.scrollWrapperElement?.classList.remove(t)}}};Xo.THROTTLE=50;Xo.style=Zo;var Qo;var tc;function ec(){if(tc)return Qo;tc=1;var t="__autosizeInputGhost";var e={" ":"nbsp","<":"lt",">":"gt"};function a(t){return"&"+e[t]+";"}function r(t){return t.replace(/\s|<|>/g,a)}function i(){var e=document.createElement("div");e.id=t;e.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";document.body.appendChild(e);return e}Qo=function(e,a){var n=window.getComputedStyle(e);var o="box-sizing:"+n.boxSizing+";border-left:"+n.borderLeftWidth+" solid red"+";border-right:"+n.borderRightWidth+" solid red"+";font-family:"+n.fontFamily+";font-feature-settings:"+n.fontFeatureSettings+";font-kerning:"+n.fontKerning+";font-size:"+n.fontSize+";font-stretch:"+n.fontStretch+";font-style:"+n.fontStyle+";font-variant:"+n.fontVariant+";font-variant-caps:"+n.fontVariantCaps+";font-variant-ligatures:"+n.fontVariantLigatures+";font-variant-numeric:"+n.fontVariantNumeric+";font-weight:"+n.fontWeight+";letter-spacing:"+n.letterSpacing+";margin-left:"+n.marginLeft+";margin-right:"+n.marginRight+";padding-left:"+n.paddingLeft+";padding-right:"+n.paddingRight+";text-indent:"+n.textIndent+";text-transform:"+n.textTransform;function c(){var a=e.value||e.getAttribute("placeholder")||"";var n=document.getElementById(t)||i();n.style.cssText+=o;n.innerHTML=r(a);var c=window.getComputedStyle(n).width;e.style.width=c;return c}e.addEventListener("input",c);var s=c();if(a&&a.minWidth&&s!=="0px"){e.style.minWidth=s}return function(){e.removeEventListener("input",c);var a=document.getElementById(t);if(a){a.parentNode.removeChild(a)}}};return Qo}var ac=ec();var rc=c(ac);const ic=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;line-height:1.25rem;position:relative}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.select-field,.select-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.select-field.select-horizontal{flex-direction:row;gap:1rem}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;padding:0.25rem;--border-color:var(--cat-border-color-dark, 215, 219, 224)}.select-wrapper:not(.select-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.select-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.select-wrapper.select-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.select-wrapper{}.select-wrapper:has(input:-webkit-autofill),.select-wrapper:has(input:-webkit-autofill):hover,.select-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.select-wrapper{}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-danger-bg, 217, 52, 13))}.select-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));pointer-events:none}.select-wrapper-inner{display:flex;flex:1 1 auto;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{display:inline-block;padding-left:0.5rem}.select-wrapper-inner>cat-avatar+.select-input{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-multiple .select-wrapper-inner{flex-wrap:wrap}.select-input{font:inherit;background:none;border:none;outline:none;padding:0.375rem 0.5rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select-input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.select-disabled .select-input{cursor:inherit}.select-pills{display:contents}.pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0%}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 125ms linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.icon-suffix{padding:0.25rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:fixed;right:0;background:white;display:none;overflow:auto;box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);border:1px solid rgb(var(--cat-border-color, 235, 236, 240));z-index:calc(var(--cat-z-index, 1000) + 100);width:max-content;top:0;left:0}.select-options-wrapper{max-height:16rem;width:100%}.select-empty{margin:1rem 0;padding:0 1.25rem}.select-options{list-style-type:none;margin:0;padding:0.5rem 0}.select-options cat-checkbox,.select-options .select-option-single{margin:0;padding:0.5rem 1rem}.select-option-inner{display:flex;gap:0.5rem}.select-option-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-option-text{flex:1 1 0%;min-width:0}.select-option-single{cursor:pointer}.select-input-transparent-caret{caret-color:transparent}.select-option-empty,.select-option-loading{padding:0.5rem 1rem}.select-option:hover{background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.05)}.select-option-active{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-2px}.select-option-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";const nc={term:"",isOpen:false,isLoading:false,isFirstLoading:true,isResolving:false,options:[],selection:[],tempSelection:[],activeOptionIndex:-1,activeSelectionIndex:-1};let oc=0;let cc=0;const sc=class{constructor(e){t(this,e);this.catOpen=i(this,"catOpen");this.catClose=i(this,"catClose");this.catChange=i(this,"catChange");this.catBlur=i(this,"catBlur");this._id=`cat-input-${oc++}`;this.term$=new pe.Subject;this.more$=new pe.Subject;this.valueChangedBySelection=false;this.state=nc;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.requiredMarker="optional";this.multiple=false;this.debounce=250;this.placement="bottom-start";this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.clearable=false;this.tags=false;this.errorUpdate=0}get id(){return this.identifier||this._id}onConnectorChanged(t){this.reset(t);this.resolve()}onValueChanged(){!this.valueChangedBySelection?this.resolve():this.valueChangedBySelection=false}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}onStateChanged(t,e){const a=a=>t[a]!==e[a];if(a("isOpen")){this.update()}if(a("activeOptionIndex")&&this.state.activeOptionIndex>=0){this.dropdown?.querySelector(`#select-${this.id}-option-${this.state.activeOptionIndex}`)?.scrollIntoView({block:"nearest"})}if(a("selection")){let t;if(!this.multiple&&this.state.selection.length){this.hide()}const a=this.state.selection.map((t=>t.item.id));if(!this.tags){if(this.multiple){t=a}else{t=a.length?a[0]:""}}else{const e=a.filter((t=>!t.startsWith(`select-${this.id}-tag`)));const r=this.state.selection.filter((t=>t.item.id.startsWith(`select-${this.id}-tag`))).map((t=>t.render.label));if(this.multiple){t={ids:e,tags:r}}else{t={id:e.length?e[0]:"",tag:r.length?r[0]:""}}}if(!e.isResolving){this.valueChangedBySelection=true;this.value=t}this.catChange.emit();this.showErrorsIfTimeout()}}componentDidLoad(){if(this.input){rc(this.input,{minWidth:true})}if(this.trigger&&this.dropdown){yn(this.trigger,this.dropdown,(()=>this.update()))}}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onBlur(t){if(!this.multiple&&this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}this.hide();if(!this.multiple&&(!this.tags||!this.state.selection?.length)){if(this.state.tempSelection?.length){this.patchState({activeSelectionIndex:-1,selection:this.state.tempSelection,tempSelection:[],options:[],term:this.state.tempSelection[0].render.label})}else if(!this.state.selection?.length){this.patchState({activeSelectionIndex:-1,selection:[],tempSelection:[],options:[],term:""})}}else{this.patchState({activeSelectionIndex:-1})}this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}onKeyDown(t){const e=this.hostElement.shadowRoot?.activeElement===this.input;if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(t.key)){this.onArrowKeyDown(t)}else if(["Enter"," "].includes(t.key)&&e){if(this.tags&&this.state.activeOptionIndex===0&&this.state.options[0].item.id===`select-${this.id}-option-tag`){t.preventDefault();if(this.multiple){this.toggleTag(this.state.options[0])}else{this.createTag(this.state.options[0].render.label)}}else if(this.state.activeOptionIndex>=0){t.preventDefault();if(this.multiple){this.toggle(this.state.options[this.state.activeOptionIndex])}else{this.select(this.state.options[this.state.activeOptionIndex])}}else if(this.tags&&t.key==="Enter"&&this.state.activeOptionIndex<0){this.createTag(this.state.term)}}else if(t.key==="Escape"){if(this.hide()){t.stopPropagation()}}else if(t.key==="Backspace"||t.key==="Delete"){this.input?.focus();if(!this.multiple||!this.state.term||this.input?.selectionStart===0&&t.key==="Backspace"){if(this.state.activeSelectionIndex>=0){this.deselect(this.state.selection[this.state.activeSelectionIndex].item.id)}else if(this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t,tempSelection:this.state.term?[...this.state.selection]:[]})}}}else if(t.key==="Tab"){this.trigger?.setAttribute("tabindex","-1");if(this.multiple){this.patchState({activeSelectionIndex:-1,activeOptionIndex:-1})}else if(this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}}else if(t.key.length===1){this.input?.focus()}}onKeyUp(t){if(t.key==="Tab"&&!t.shiftKey){this.hostElement.shadowRoot?.activeElement===this.trigger&&this.input?.focus();if(this.hostElement.shadowRoot?.activeElement===this.input){this.show()}}else if(t.key==="Tab"&&t.shiftKey){const t=this.trigger?.querySelector(`#select-clear-btn-${this.id}`);if(t){this.hostElement.shadowRoot?.activeElement===t&&this.show()}else{this.show()}}}async doFocus(t){this.input?.focus(t)}async doBlur(){this.input?.blur()}async clear(){this.clearInput()}async connect(t){this.connector=t;let e;this.subscription?.unsubscribe();this.subscription=this.term$.asObservable().pipe(pe.debounce((t=>t?pe.timer(this.debounce):pe.of(0))),pe.distinctUntilChanged(),pe.tap((()=>e=this.more$.pipe(pe.filter((()=>!this.state.isLoading)),pe.scan((t=>t+1),0),pe.startWith(0)))),pe.switchMap((a=>e.pipe(pe.tap((()=>this.patchState({isLoading:true}))),pe.switchMap((e=>t.retrieve(a,e))),pe.tap((t=>this.patchState({isLoading:false,totalElements:t.totalElements,isFirstLoading:false}))),pe.takeWhile((t=>!t.last),true),pe.scan(((t,e)=>[...t,...e.content]),[]))))).subscribe((e=>{const a=this.toSelectItems(t,e);if(this.tags&&this.state.term.trim().length&&!a.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase()))){let t;if(this.isTagSelected(this.state.term)){t=this.state.selection.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase()))?.render.label}a.unshift({item:{id:`select-${this.id}-option-tag`},render:{label:t?t:this.state.term}})}this.patchState({options:a})}))}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"93b8cc474d53cf5c950a5ee2ee9b51cf5956288e"},e("div",{key:"ce1bc0a70b577af3926a459aa1734bbc6200b2bd",class:{"select-field":true,"select-horizontal":this.horizontal??this.fallbackHorizontal??false,"select-multiple":this.multiple}},e("div",{key:"49dd5bf7a639d1c44ccc5a35eb9efcbc362dfc71",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"9fdb7777067c530a46d920ce49eba63ec890bf57",htmlFor:`select-${this.id}-input`,part:"label"},e("span",{key:"ed19b3d78c7d9c0f610884a824cd90f4b4a7f1cb",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"39b9b19d3505885c873825b939b9f5334cadf351",name:"label"})||this.label,e("div",{key:"8db9f030a2278e733e2186d8d386a3bc5e94702b",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"5f3196c0a8c55b6dc55031e958cd30193858500f",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"8434806d6d457a85ee342cecf75e3d8cd4453bb2",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"))))),e("div",{key:"294b26a82988b0d35e98eb75e0d64227aa92bf7f",class:"select-container"},e("div",{key:"bc97d26c6da84a26e90897384895ede9b2091fc0",class:{"select-wrapper":true,"select-disabled":this.disabled,"select-invalid":this.invalid},ref:t=>this.trigger=t,id:this.id,role:"combobox","aria-expanded":this.state.isOpen||this.isPillboxActive(),"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-required":this.required?"true":false,"aria-activedescendant":this.activeDescendant,onClick:t=>this.onClick(t)},e("div",{key:"e6c2dd7b1e3053501ab9c84a7c651c87bc1367c0",class:"select-wrapper-inner"},this.multiple&&this.state.selection.length?e("div",{id:`select-pillbox-${this.id}`,role:"listbox","aria-orientation":"horizontal",class:"select-pills"},this.state.selection.map(((t,a)=>e("span",{class:{pill:true,"select-no-open":true,"select-option-active":this.state.activeSelectionIndex===a},role:"option","aria-selected":"true",id:`select-${this.id}-selection-${a}`},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",null,t.render.label),!this.disabled&&e("cat-button",{size:"xs",variant:"text",icon:"$cat:select-clear",iconOnly:true,a11yLabel:o.t("select.deselect"),onClick:()=>this.deselect(t.item.id),tabIndex:-1,"data-dropdown-no-close":true}))))):this.state.selection.length&&this.state.selection[0].render.avatar?e("cat-avatar",{label:this.state.selection[0].render.label,round:this.state.selection[0].render.avatar.round,src:this.state.selection[0].render.avatar.src,icon:this.state.selection[0].render.avatar.icon,initials:this.state.selection[0].render.avatar.initials??""}):null,e("input",{key:"59735a765001238dddda82e9c12b9e76ba099684","data-test":this.testId,...this.nativeAttributes,part:"input",id:`select-${this.id}-input`,class:"select-input",role:"combobox",ref:t=>this.input=t,"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-activedescendant":this.activeDescendant,"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined,"aria-autocomplete":"list",onInput:this.onInput.bind(this),value:!this.multiple?this.state.term:undefined,placeholder:this.placeholder,disabled:this.disabled||this.state.isResolving})),this.state.isResolving&&e("cat-spinner",{key:"e43f723bd8149aea563ab01453bc47aefb2d4771"}),this.invalid&&e("cat-icon",{key:"602808e09ac23bf6b1f2690c50b538c47a376a6c",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}),(this.state.selection.length||this.state.term.length)&&!this.disabled&&!this.state.isResolving&&this.clearable?e("cat-button",{id:`select-clear-btn-${this.id}`,iconOnly:true,icon:"$cat:input-close",variant:"text",size:"s",a11yLabel:o.t("input.clear"),onCatClick:()=>this.clearInput(),"data-dropdown-no-close":true}):null,!this.state.isResolving&&e("cat-button",{key:"b84edc71dde76b9f65fa019d698cd91b97db2390",iconOnly:true,icon:"$cat:select-open",class:{"select-btn":true,"select-btn-open":this.state.isOpen},variant:"text",size:"s",a11yLabel:this.state.isOpen?o.t("select.close"):o.t("select.open"),"aria-controls":`select-listbox-${this.id}`,"aria-expanded":this.state.isOpen,tabIndex:-1,disabled:this.disabled||this.state.isResolving,"data-dropdown-no-close":true})),this.hasHint&&e(Ne,{key:"a7d9d8e2a0a4333d9320d987c51792e9d8b13184",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))),e("div",{key:"6542000b357d4084d202af29010dd8a85dff5350",class:"select-dropdown",ref:t=>this.dropdown=t,style:{display:this.state.isOpen?"block":undefined}},this.state.isOpen&&e("cat-scrollable",{key:"e449f1d397d1140e546b8e473b0649d9e8e2dbd7",class:"select-options-wrapper",scrolledBuffer:56,noOverflowX:true,noOverscroll:true,noScrolledInit:true,onScrolledBottom:()=>this.more$.next()},e("ul",{key:"c3c172ebe62fa6a08b1a4f7254b863efc83e8247",class:"select-options",role:"listbox","aria-multiselectable":this.multiple,"aria-setsize":this.state.totalElements,id:`select-listbox-${this.id}`},this.optionsList,this.state.isFirstLoading?Array.from(Array(sc.SKELETON_COUNT)).map((()=>e("li",{class:"select-option-loading"},e("cat-skeleton",{variant:"body",lines:1}),e("cat-skeleton",{variant:"body",lines:1})))):!this.state.options.length&&!this.tags&&e("li",{class:"select-option-empty"},this.noItems?this.noItems:o.t("select.empty"))))))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}get optionsList(){return this.state.options.map(((t,a)=>{const r=this.tags&&t.item.id===`select-${this.id}-option-tag`;const i=this.isSelected(t.item.id)||this.tags&&this.isTagSelected(t.render.label);const n=()=>{if(r){return t.render.label+this.tagTextHelp}return t.render.label};return e("li",{role:"option",class:"select-option",id:`select-${this.id}-option-${a}`,"aria-selected":i?"true":"false"},this.multiple?e("cat-checkbox",{class:{"select-option-active":this.state.activeOptionIndex===a},checked:i,tabIndex:-1,labelLeft:true,onFocus:()=>this.input?.focus(),onCatChange:e=>{!r?this.toggle(t):this.toggleTag(t);e.stopPropagation()}},e("span",{slot:"label",class:"select-option-inner"},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},n()),e("span",{class:"select-option-description"},t.render.description)))):e("div",{class:{"select-option-inner":true,"select-option-single":true,"select-option-active":this.state.activeOptionIndex===a},onFocus:()=>this.input?.focus(),onClick:()=>r?this.createTag(t.render.label):this.select(t),tabIndex:-1},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},n()),e("span",{class:"select-option-description"},t.render.description))))}))}resolve(){const t=this.connector;if(!t){return}this.patchState({isResolving:true});const e=this.initIds();let a;if(this.tags){a=this.initTags()}const r=e.length?t.resolve(e).pipe(pe.first()):pe.of([]);r.pipe(pe.catchError((()=>pe.of([])))).subscribe((e=>{const r=this.toSelectItems(t,e);if(this.tags){a.filter((t=>!this.isTagSelected(t,r))).forEach(((t,e)=>{const a={id:`select-${this.id}-tag-${e}`,name:t};r.push({item:a,render:{label:a.name}})}))}const i=!this.multiple&&r.length?r[0].render.label:"";this.patchState({isResolving:false,selection:r,term:i,activeOptionIndex:-1});this.term$.next(i);this.input&&(this.input.value=i)}))}toSelectItems(t,e){return e.map((e=>({item:{...e,id:t.customId?t.customId(e):e.id},render:t.render(e)})))}show(){if(!this.state.isOpen&&this.connector){this.connect(this.connector);this.patchState({isOpen:true,isFirstLoading:true,options:[]});this.catOpen.emit();this.term$.next("");this.input?.classList.remove("select-input-transparent-caret")}}hide(){if(this.state.isOpen){this.patchState({isOpen:false,activeOptionIndex:-1});this.catClose.emit();return true}return false}search(t){this.patchState({term:t,activeOptionIndex:-1,activeSelectionIndex:-1});this.term$.next(t)}isSelected(t){return this.state.selection.findIndex((e=>e.item.id===t))>=0}select(t){if(!this.isSelected(t.item.id)){let e;if(this.multiple){e=[...this.state.selection,t]}else{e=[t];this.patchState({term:t.render.label,activeOptionIndex:-1,activeSelectionIndex:-1})}this.patchState({selection:e,tempSelection:[]});if(this.multiple&&this.state.term.trim()&&this.input){this.patchState({term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}}this.setTransparentCaret()}deselect(t){if(this.isSelected(t)){this.patchState({selection:this.state.selection.filter((e=>e.item.id!==t)),activeSelectionIndex:-1})}}toggle(t){this.isSelected(t.item.id)?this.deselect(t.item.id):this.tags&&this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.select(t)}clearInput(){if(this.input&&this.state.term){this.patchState({selection:[],term:"",activeOptionIndex:-1,tempSelection:[]});this.term$.next("");this.input.value=""}else{this.patchState({selection:[],tempSelection:[]})}}reset(t){this.connector=t??this.connector;this.subscription?.unsubscribe();this.subscription=undefined;this.state=nc}onClick(t){if(this.disabled){return}const e=t.target;this.trigger?.setAttribute("tabindex","0");this.input?.focus();if(e===this.trigger||e===this.input||e.classList.contains("select-btn")||e.nodeName==="SPAN"){this.state.isOpen?this.hide():this.show()}}onInput(){this.search(this.input?.value.trim()||"");if(!this.multiple){if(this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t,tempSelection:[...this.state.selection]})}if(!this.required&&!this.input?.value.trim()){this.patchState({tempSelection:[]})}}this.show()}update(){if(this.trigger&&this.dropdown){In(this.trigger,this.dropdown,{strategy:"fixed",placement:this.placement,middleware:[kn(sc.DROPDOWN_OFFSET),wn()]}).then((({x:t,y:e,placement:a})=>{if(this.dropdown){this.dropdown.dataset.placement=a;Object.assign(this.dropdown.style,{width:`${this.trigger?.clientWidth}px`,left:`${t}px`,top:`${e}px`})}}))}}patchState(t){this.state={...this.state,...t}}isPillboxActive(){return this.state.activeSelectionIndex>=0}get activeDescendant(){let t=undefined;if(this.state.activeOptionIndex>=0){t=`select-${this.id}-option-${this.state.activeOptionIndex}`}else if(this.state.activeSelectionIndex>=0){t=`select-${this.id}-selection-${this.state.activeSelectionIndex}`}return t}onArrowKeyDown(t){let e=false;this.input?.focus();switch(t.key){case"ArrowDown":e=true;this.state.isOpen?this.patchState({activeOptionIndex:Math.min(this.state.activeOptionIndex+1,this.state.options.length-1),activeSelectionIndex:-1}):this.show();break;case"ArrowUp":e=true;this.state.activeOptionIndex>=0?this.patchState({activeOptionIndex:Math.max(this.state.activeOptionIndex-1,-1),activeSelectionIndex:-1}):this.hide();break;case"ArrowLeft":if(this.input?.selectionStart===0){e=true;let t;this.state.activeSelectionIndex>0?t=Math.max(this.state.activeSelectionIndex-1,-1):t=this.state.selection.length-1;this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}break;case"ArrowRight":if(this.state.activeSelectionIndex>=0){e=true;let t=-1;if(this.state.activeSelectionIndex<this.state.selection.length-1){t=Math.min(this.state.activeSelectionIndex+1,this.state.selection.length-1)}else if(!this.state.term){t=0}this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}}if(e){t.preventDefault();t.stopPropagation()}}get tagTextHelp(){return this.tagHint&&!this.isTagSelected(this.state.term)?" ("+this.tagHint+")":""}isTagSelected(t,e=this.state.selection){return e.findIndex((e=>e.render.label.toLowerCase()===t.toLowerCase()))>=0}createTag(t){if(t.trim().length&&!this.isTagSelected(t)){const e=this.value;const a=e?.tags;const r={id:`select-${this.id}-tag-${a?.length?a?.length+cc++:0}`,name:t};this.select({item:r,render:{label:r.name}})}this.setTransparentCaret()}removeTag(t){if(this.isTagSelected(t)){const e=this.state.selection.find((e=>e.render.label.toLowerCase()===t.toLowerCase()));e&&this.deselect(e.item.id)}}toggleTag(t){this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.createTag(t.render.label)}initIds(){let t=[];if(this.value){if(!this.tags){if(this.multiple){t=this.value}else{t=[this.value]}}else{if(this.multiple){const e=this.value;t=e.ids?e.ids:[]}else{const e=this.value;t=e.id?[e.id]:[]}}}return t}initTags(){let t=[];if(this.value){if(this.multiple){const e=this.value;t=e.tags?e.tags:[]}else{const e=this.value;t=e.tag?[e.tag]:[]}}return t}setTransparentCaret(){if(!this.multiple){this.hide();this.input?.classList.add("select-input-transparent-caret")}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{connector:["onConnectorChanged"],value:["onValueChanged"],errors:["onErrorsChanged"],state:["onStateChanged"]}}};sc.SKELETON_COUNT=4;sc.DROPDOWN_OFFSET=4;sc.style=ic;const lc=class{constructor(e){t(this,e)}componentDidLoad(){this.multipleSelect?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});this.multipleSelectAvatar?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})});this.multipleSelectAvatarInitials?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{round:true,initials:`JD`}})});this.multipleSelectTagging?.connect(this.countryConnector);this.singleSelect?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});this.singleSelectAvatar?.connect(this.countryConnector);this.singleSelectAvatarInitials?.connect({...this.countryConnector,render:t=>({label:t.country,description:t.capital||"No capital",avatar:{round:true,initials:`${t.country.charAt(0)?.toUpperCase()??"J"}${t.capital?.charAt(0)?.toUpperCase()??"D"}`}})});this.singleSelectTagging?.connect(this.countryConnector);setTimeout((()=>this.multipleSelect&&(this.multipleSelect.value=[])),5e3)}render(){return e(a,{key:"a67d8afd350d4dd87c98af1e1811adf9421e9758",style:{display:"flex",flexDirection:"column"},class:"cat-form"},e("cat-select",{key:"0f408fa2737fa2d8e0bae223f73cdf9c87e1b06e",label:"Multiple Select",hint:"This is a hint!",ref:t=>this.multipleSelect=t,value:["1"],placeholder:"Hello World",onCatChange:()=>console.log("Multiple change",this.multipleSelect?.value),onCatBlur:t=>console.log("Multiple blur",t),multiple:true,noItems:"No results",clearable:true,errorUpdate:false},e("span",{key:"8ed25b6300d1078327125799241713f2af05c65d",slot:"hint"},'Searching for "no" -',">"," no options are returned!")),e("cat-select",{key:"a470242e781811524325e7f887b6389734d1bfec",label:"Multiple with img",ref:t=>this.multipleSelectAvatar=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"6ea9ac8aed02b9f65571441a03de45c42f0a06e9",label:"Multiple with initials",ref:t=>this.multipleSelectAvatarInitials=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"a2bfa381f885bd2add969045ebf3b41155200a19",label:"Multiple with tagging support",hint:"This is a hint!",ref:t=>this.multipleSelectTagging=t,value:{ids:["1"],tags:["Test","Albania","Algeria"]},placeholder:"Select country",onCatChange:()=>console.log("Multiple tagging change",this.multipleSelectTagging?.value),multiple:true,tags:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"5ac14c9554ac770b5a22cf8d0fa323465a5cd748",label:"Single Select",hint:"This is a hint!",ref:t=>this.singleSelect=t,placeholder:"Search for a country or capital",onCatBlur:t=>console.log("Single blur",t),clearable:true,errorUpdate:false}),e("cat-select",{key:"ce1dd654fb032a9e7a042627f49447621dcba078",label:"Single with img",ref:t=>this.singleSelectAvatar=t,value:"1",placeholder:"Search for a country or capital",clearable:true,errorUpdate:false}),e("cat-select",{key:"931e2a75552354348e8a202bc4ff3ee302dfcdc0",label:"Single with initials",ref:t=>this.singleSelectAvatarInitials=t,placeholder:"Hello World",clearable:true,errorUpdate:false}),e("cat-dropdown",{key:"2a6e57f17442e18efc7cf31e29dbf108c2938467",overflow:true},e("cat-button",{key:"d7f34c6ee8493df2693191ad9e257a8c56731d59",slot:"trigger",style:{width:"50%"}},"Open select"),e("div",{key:"9935750f4063e8baf6b3e0e645b52f8143234d05",slot:"content",style:{width:"400px"}},e("cat-select",{key:"5472f568bb7826b44ed8e997b5ed1fc624d81fce",label:"Single with tagging support",ref:t=>this.singleSelectTagging=t,value:{id:"",tag:"Albania"},placeholder:"Search for a country or capital",onCatChange:()=>console.log("Single change",this.singleSelectTagging?.value),tagHint:"new country",tags:true,clearable:true,errorUpdate:false,style:{width:"90%"}}))))}get countryConnector(){return{resolve:t=>pe.of(t.map((t=>dc.find((e=>e.id===t))))).pipe(pe.delay(500)),retrieve:(t,e)=>{const a=dc.filter((e=>e.country.toLowerCase().indexOf(t.toLowerCase())===0||e.capital?.toLowerCase().indexOf(t.toLowerCase())===0));const r=a.slice(e*10,e*10+10);return pe.of({last:r.length<10,totalElements:a.length,content:r}).pipe(pe.delay(500))},render:t=>({label:t.country,description:t.capital||"No capital",avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})}}};const dc=[{id:"0",country:"Afghanistan Extra extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large ",capital:"Kabul"},{id:"1",country:"Albania",capital:"Tirana"},{id:"2",country:"Algeria",capital:"Alger"},{id:"3",country:"American Samoa",capital:"Fagatogo"},{id:"4",country:"Andorra",capital:"Andorra la Vella"},{id:"5",country:"Angola",capital:"Luanda"},{id:"6",country:"Anguilla",capital:"The Valley"},{id:"7",country:"Antarctica"},{id:"8",country:"Antigua and Barbuda",capital:"Saint John's"},{id:"9",country:"Argentina",capital:"Buenos Aires"},{id:"10",country:"Armenia",capital:"Yerevan"},{id:"11",country:"Aruba",capital:"Oranjestad"},{id:"12",country:"Australia",capital:"Canberra"},{id:"13",country:"Austria",capital:"Wien"},{id:"14",country:"Azerbaijan",capital:"Baku"},{id:"15",country:"Bahamas",capital:"Nassau"},{id:"16",country:"Bahrain",capital:"al-Manama"},{id:"17",country:"Bangladesh",capital:"Dhaka"},{id:"18",country:"Barbados",capital:"Bridgetown"},{id:"19",country:"Belarus",capital:"Minsk"},{id:"20",country:"Belgium",capital:"Bruxelles [Brussel]"},{id:"21",country:"Belize",capital:"Belmopan"},{id:"22",country:"Benin",capital:"Porto-Novo"},{id:"23",country:"Bermuda",capital:"Hamilton"},{id:"24",country:"Bhutan",capital:"Thimphu"},{id:"25",country:"Bolivia",capital:"La Paz"},{id:"26",country:"Bosnia and Herzegovina",capital:"Sarajevo"},{id:"27",country:"Botswana",capital:"Gaborone"},{id:"28",country:"Bouvet Island"},{id:"29",country:"Brazil",capital:"Brasília"},{id:"30",country:"British Indian Ocean Territory"},{id:"31",country:"Brunei",capital:"Bandar Seri Begawan"},{id:"32",country:"Bulgaria",capital:"Sofia"},{id:"33",country:"Burkina Faso",capital:"Ouagadougou"},{id:"34",country:"Burundi",capital:"Bujumbura"},{id:"35",country:"Cambodia",capital:"Phnom Penh"},{id:"36",country:"Cameroon",capital:"Yaound"},{id:"37",country:"Canada",capital:"Ottawa"},{id:"38",country:"Cape Verde",capital:"Praia"},{id:"39",country:"Cayman Islands",capital:"George Town"},{id:"40",country:"Central African Republic",capital:"Bangui"},{id:"41",country:"Chad",capital:"N'Djam"},{id:"42",country:"Chile",capital:"Santiago de Chile"},{id:"43",country:"China",capital:"Peking"},{id:"44",country:"Christmas Island",capital:"Flying Fish Cove"},{id:"45",country:"Cocos (Keeling) Islands",capital:"West Island"},{id:"46",country:"Colombia",capital:"Santaf"},{id:"47",country:"Comoros",capital:"Moroni"},{id:"48",country:"Congo",capital:"Brazzaville"},{id:"49",country:"Cook Islands",capital:"Avarua"},{id:"50",country:"Costa Rica",capital:"San José"},{id:"51",country:"Croatia",capital:"Zagreb"},{id:"52",country:"Cuba",capital:"La Habana"},{id:"53",country:"Cyprus",capital:"Nicosia"},{id:"54",country:"Czech Republic",capital:"Praha"},{id:"55",country:"Denmark",capital:"Copenhagen"},{id:"56",country:"Djibouti",capital:"Djibouti"},{id:"57",country:"Dominica",capital:"Roseau"},{id:"58",country:"Dominican Republic",capital:"Santo Domingo de Guzm"},{id:"59",country:"East Timor",capital:"Dili"},{id:"60",country:"Ecuador",capital:"Quito"},{id:"61",country:"Egypt",capital:"Cairo"},{id:"62",country:"El Salvador",capital:"San Salvador"},{id:"63",country:"England",capital:"London"},{id:"64",country:"Equatorial Guinea",capital:"Malabo"},{id:"65",country:"Eritrea",capital:"Asmara"},{id:"66",country:"Estonia",capital:"Tallinn"},{id:"67",country:"Ethiopia",capital:"Addis Abeba"},{id:"68",country:"Falkland Islands",capital:"Stanley"},{id:"69",country:"Faroe Islands",capital:"Tórshavn"},{id:"70",country:"Fiji Islands",capital:"Suva"},{id:"71",country:"Finland",capital:"Helsinki [Helsingfors]"},{id:"72",country:"France",capital:"Paris"},{id:"73",country:"French Guiana",capital:"Cayenne"},{id:"74",country:"French Polynesia",capital:"Papeete"},{id:"75",country:"French Southern territories"},{id:"76",country:"Gabon",capital:"Libreville"},{id:"77",country:"Gambia",capital:"Banjul"},{id:"78",country:"Georgia",capital:"Tbilisi"},{id:"79",country:"Germany",capital:"Berlin"},{id:"80",country:"Ghana",capital:"Accra"},{id:"81",country:"Gibraltar",capital:"Gibraltar"},{id:"82",country:"Greece",capital:"Athenai"},{id:"83",country:"Greenland",capital:"Nuuk"},{id:"84",country:"Grenada",capital:"Saint George's"},{id:"85",country:"Guadeloupe",capital:"Basse-Terre"},{id:"86",country:"Guam",capital:"Aga"},{id:"87",country:"Guatemala",capital:"Ciudad de Guatemala"},{id:"88",country:"Guinea",capital:"Conakry"},{id:"89",country:"Guinea-Bissau",capital:"Bissau"},{id:"90",country:"Guyana",capital:"Georgetown"},{id:"91",country:"Haiti",capital:"Port-au-Prince"},{id:"92",country:"Heard Island and McDonald Islands"},{id:"93",country:"Holy See (Vatican City State)",capital:"Citt"},{id:"94",country:"Honduras",capital:"Tegucigalpa"},{id:"95",country:"Hong Kong",capital:"Victoria"},{id:"96",country:"Hungary",capital:"Budapest"},{id:"97",country:"Iceland",capital:"Reykjavík"},{id:"98",country:"India",capital:"New Delhi"},{id:"99",country:"Indonesia",capital:"Jakarta"},{id:"100",country:"Iran",capital:"Tehran"},{id:"101",country:"Iraq",capital:"Baghdad"},{id:"102",country:"Ireland",capital:"Dublin"},{id:"103",country:"Israel",capital:"Jerusalem"},{id:"104",country:"Italy",capital:"Roma"},{id:"105",country:"Ivory Coast",capital:"Yamoussoukro"},{id:"106",country:"Jamaica",capital:"Kingston"},{id:"107",country:"Japan",capital:"Tokyo"},{id:"108",country:"Jordan",capital:"Amman"},{id:"109",country:"Kazakhstan",capital:"Astana"},{id:"110",country:"Kenya",capital:"Nairobi"},{id:"111",country:"Kiribati",capital:"Bairiki"},{id:"112",country:"Kuwait",capital:"Kuwait"},{id:"113",country:"Kyrgyzstan",capital:"Bishkek"},{id:"114",country:"Laos",capital:"Vientiane"},{id:"115",country:"Latvia",capital:"Riga"},{id:"116",country:"Lebanon",capital:"Beirut"},{id:"117",country:"Lesotho",capital:"Maseru"},{id:"118",country:"Liberia",capital:"Monrovia"},{id:"119",country:"Libyan Arab Jamahiriya",capital:"Tripoli"},{id:"120",country:"Liechtenstein",capital:"Vaduz"},{id:"121",country:"Lithuania",capital:"Vilnius"},{id:"122",country:"Luxembourg",capital:"Luxembourg [Luxemburg/L"},{id:"123",country:"Macao",capital:"Macao"},{id:"124",country:"North Macedonia",capital:"Skopje"},{id:"125",country:"Madagascar",capital:"Antananarivo"},{id:"126",country:"Malawi",capital:"Lilongwe"},{id:"127",country:"Malaysia",capital:"Kuala Lumpur"},{id:"128",country:"Maldives",capital:"Male"},{id:"129",country:"Mali",capital:"Bamako"},{id:"130",country:"Malta",capital:"Valletta"},{id:"131",country:"Marshall Islands",capital:"Dalap-Uliga-Darrit"},{id:"132",country:"Martinique",capital:"Fort-de-France"},{id:"133",country:"Mauritania",capital:"Nouakchott"},{id:"134",country:"Mauritius",capital:"Port-Louis"},{id:"135",country:"Mayotte",capital:"Mamoutzou"},{id:"136",country:"Mexico",capital:"Ciudad de M"},{id:"137",country:"Micronesia, Federated States of",capital:"Palikir"},{id:"138",country:"Moldova",capital:"Chisinau"},{id:"139",country:"Monaco",capital:"Monaco-Ville"},{id:"140",country:"Mongolia",capital:"Ulan Bator"},{id:"141",country:"Montenegro",capital:"Podgorica"},{id:"142",country:"Montserrat",capital:"Plymouth"},{id:"143",country:"Morocco",capital:"Rabat"},{id:"144",country:"Mozambique",capital:"Maputo"},{id:"145",country:"Myanmar",capital:"Rangoon (Yangon)"},{id:"146",country:"Namibia",capital:"Windhoek"},{id:"147",country:"Nauru",capital:"Yaren"},{id:"148",country:"Nepal",capital:"Kathmandu"},{id:"149",country:"Netherlands",capital:"Amsterdam"},{id:"150",country:"Netherlands Antilles",capital:"Willemstad"},{id:"151",country:"New Caledonia",capital:"Noum"},{id:"152",country:"New Zealand",capital:"Wellington"},{id:"153",country:"Nicaragua",capital:"Managua"},{id:"154",country:"Niger",capital:"Niamey"},{id:"155",country:"Nigeria",capital:"Abuja"},{id:"156",country:"Niue",capital:"Alofi"},{id:"157",country:"Norfolk Island",capital:"Kingston"},{id:"158",country:"North Korea",capital:"Pyongyang"},{id:"159",country:"Northern Ireland",capital:"Belfast"},{id:"160",country:"Northern Mariana Islands",capital:"Garapan"},{id:"161",country:"Norway",capital:"Oslo"},{id:"162",country:"Oman",capital:"Masqat"},{id:"163",country:"Pakistan",capital:"Islamabad"},{id:"164",country:"Palau",capital:"Koror"},{id:"165",country:"Palestine",capital:"Gaza"},{id:"166",country:"Panama",capital:"Ciudad de Panamá"},{id:"167",country:"Papua New Guinea",capital:"Port Moresby"},{id:"168",country:"Paraguay",capital:"Asunción"},{id:"169",country:"Peru",capital:"Lima"},{id:"170",country:"Philippines",capital:"Manila"},{id:"171",country:"Pitcairn",capital:"Adamstown"},{id:"172",country:"Poland",capital:"Warszawa"},{id:"173",country:"Portugal",capital:"Lisboa"},{id:"174",country:"Puerto Rico",capital:"San Juan"},{id:"175",country:"Qatar",capital:"Doha"},{id:"176",country:"Reunion",capital:"Saint-Denis"},{id:"177",country:"Romania",capital:"Bucuresti"},{id:"178",country:"Russian Federation",capital:"Moscow"},{id:"179",country:"Rwanda",capital:"Kigali"},{id:"180",country:"Saint Helena",capital:"Jamestown"},{id:"181",country:"Saint Kitts and Nevis",capital:"Basseterre"},{id:"182",country:"Saint Lucia",capital:"Castries"},{id:"183",country:"Saint Pierre and Miquelon",capital:"Saint-Pierre"},{id:"184",country:"Saint Vincent and the Grenadines",capital:"Kingstown"},{id:"185",country:"Samoa",capital:"Apia"},{id:"186",country:"San Marino",capital:"San Marino"},{id:"187",country:"Sao Tome and Principe",capital:"São Tomé"},{id:"188",country:"Saudi Arabia",capital:"Riyadh"},{id:"189",country:"Scotland",capital:"Edinburgh"},{id:"190",country:"Senegal",capital:"Dakar"},{id:"191",country:"Serbia",capital:"Belgrade"},{id:"192",country:"Seychelles",capital:"Victoria"},{id:"193",country:"Sierra Leone",capital:"Freetown"},{id:"194",country:"Singapore",capital:"Singapore"},{id:"195",country:"Slovakia",capital:"Bratislava"},{id:"196",country:"Slovenia",capital:"Ljubljana"},{id:"197",country:"Solomon Islands",capital:"Honiara"},{id:"198",country:"Somalia",capital:"Mogadishu"},{id:"199",country:"South Africa",capital:"Pretoria"},{id:"200",country:"South Georgia and the South Sandwich Islands"},{id:"201",country:"South Korea",capital:"Seoul"},{id:"202",country:"South Sudan",capital:"Juba"},{id:"203",country:"Spain",capital:"Madrid"},{id:"204",country:"Sri Lanka",capital:"Colombo, Sri Jayawardenepura Kotte"},{id:"205",country:"Sudan",capital:"Khartum"},{id:"206",country:"Suriname",capital:"Paramaribo"},{id:"207",country:"Svalbard and Jan Mayen",capital:"Longyearbyen"},{id:"208",country:"Swaziland",capital:"Mbabane"},{id:"209",country:"Sweden",capital:"Stockholm"},{id:"210",country:"Switzerland",capital:"Bern"},{id:"211",country:"Syria",capital:"Damascus"},{id:"212",country:"Tajikistan",capital:"Dushanbe"},{id:"213",country:"Tanzania",capital:"Dodoma"},{id:"214",country:"Thailand",capital:"Bangkok"},{id:"215",country:"The Democratic Republic of Congo",capital:"Kinshasa"},{id:"216",country:"Togo",capital:"Lomé"},{id:"217",country:"Tokelau",capital:"Fakaofo"},{id:"218",country:"Tonga",capital:"Nuku'alofa"},{id:"219",country:"Trinidad and Tobago",capital:"Port-of-Spain"},{id:"220",country:"Tunisia",capital:"Tunis"},{id:"221",country:"Turkey",capital:"Ankara"},{id:"222",country:"Turkmenistan",capital:"Ashgabat"},{id:"223",country:"Turks and Caicos Islands",capital:"Cockburn Town"},{id:"224",country:"Tuvalu",capital:"Funafuti"},{id:"225",country:"Uganda",capital:"Kampala"},{id:"226",country:"Ukraine",capital:"Kyiv"},{id:"227",country:"United Arab Emirates",capital:"Abu Dhabi"},{id:"228",country:"United Kingdom",capital:"London"},{id:"229",country:"United States",capital:"Washington"},{id:"230",country:"United States Minor Outlying Islands"},{id:"231",country:"Uruguay",capital:"Montevideo"},{id:"232",country:"Uzbekistan",capital:"Toskent"},{id:"233",country:"Vanuatu",capital:"Port-Vila"},{id:"234",country:"Venezuela",capital:"Caracas"},{id:"235",country:"Vietnam",capital:"Hanoi"},{id:"236",country:"Virgin Islands, British",capital:"Road Town"},{id:"237",country:"Virgin Islands, U.S.",capital:"Charlotte Amalie"},{id:"238",country:"Wales",capital:"Cardiff"},{id:"239",country:"Wallis and Futuna",capital:"Mata-Utu"},{id:"240",country:"Western Sahara",capital:"El-Aai"},{id:"241",country:"Yemen",capital:"Sanaa"},{id:"242",country:"Zambia",capital:"Lusaka"},{id:"243",country:"Zimbabwe",capital:"Harare"}];const hc=':host{display:flex;flex-direction:column;position:relative;--background:#ebecf0;--highlight:#d7dbe0;--speed:2s}:host([variant=square]),:host([variant=circle]){display:inline-flex}:host([hidden]){display:none}:host([variant=head]:not(:last-child)){margin-bottom:1rem}:host([variant=body]:not(:last-child)){margin-bottom:2rem}.skeleton{display:block;border-radius:var(--cat-border-radius-m, 0.25rem);background:var(--background)}.skeleton-circle{border-radius:10rem}.skeleton-xs.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-square,.skeleton-xs.skeleton-circle{width:var(--width, 1.5rem);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-head,.skeleton-xs.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xs.skeleton-head{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-xs.skeleton-body{height:calc(0.75rem - 4px);margin:calc((1rem - 0.75rem + 4px) * 0.5) 0}.skeleton-s.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2rem)}.skeleton-s.skeleton-square,.skeleton-s.skeleton-circle{width:var(--width, 2rem);height:var(--height, 2rem)}.skeleton-s.skeleton-head,.skeleton-s.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-s.skeleton-head{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-s.skeleton-body{height:calc(0.875rem - 4px);margin:calc((1.125rem - 0.875rem + 4px) * 0.5) 0}.skeleton-m.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2.5rem)}.skeleton-m.skeleton-square,.skeleton-m.skeleton-circle{width:var(--width, 2.5rem);height:var(--height, 2.5rem)}.skeleton-m.skeleton-head,.skeleton-m.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-m.skeleton-head{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-m.skeleton-body{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-l.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3rem)}.skeleton-l.skeleton-square,.skeleton-l.skeleton-circle{width:var(--width, 3rem);height:var(--height, 3rem)}.skeleton-l.skeleton-head,.skeleton-l.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-l.skeleton-head{height:calc(1.5rem - 4px);margin:calc((1.75rem - 1.5rem + 4px) * 0.5) 0}.skeleton-l.skeleton-body{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-square,.skeleton-xl.skeleton-circle{width:var(--width, 3.5rem);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-head,.skeleton-xl.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xl.skeleton-head{height:calc(1.75rem - 4px);margin:calc((2rem - 1.75rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-body{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-sheen{background:linear-gradient(90deg, var(--background) 33%, var(--highlight) 50%, var(--background) 66%) var(--background);background-size:300% 100%;animation:sheen var(--speed) ease-in-out infinite}.skeleton-pulse{position:relative;overflow:hidden}.skeleton-pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:var(--highlight);animation:var(--speed) ease-in-out 0.5s infinite normal none running pulse;opacity:0}@keyframes sheen{0%{background-position:right}}@keyframes pulse{50%{opacity:1}}';const uc=class{constructor(e){t(this,e);this.effect="sheen";this.variant="rectangle";this.size="m"}render(){return e(a,{key:"402c7d7bcd6e39164d2f7f22755bc0ebb20aed35"},Array.from(Array(this.count)).map((()=>e("div",{style:this.style,class:{skeleton:true,[`skeleton-${this.effect}`]:Boolean(this.effect),[`skeleton-${this.variant}`]:Boolean(this.variant),[`skeleton-${this.size}`]:Boolean(this.size)}}))))}get count(){switch(this.variant){case"head":return Math.max(1,this.lines||1);case"body":return Math.max(1,this.lines||3);default:return 1}}get style(){return this.variant==="head"||this.variant==="body"?{"--line-width":`${this.random(50,100)}%`}:undefined}random(t,e){return Math.floor(Math.random()*(e-t+1)+t)}};uc.style=hc;const fc=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host[hidden]{display:none}span{display:inline-flex}svg{fill:none;stroke:currentColor;stroke-dasharray:135px;stroke-dashoffset:95px;stroke-linecap:round;stroke-width:5px;transform-origin:center center;animation:spin 0.75s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;width:1em;height:1em}.spinner-xs svg{font-size:0.75rem}.spinner-s svg{font-size:1rem}.spinner-m svg{font-size:1.25rem}.spinner-l svg{font-size:1.5rem}.spinner-xl svg{font-size:1.75rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const pc=class{constructor(e){t(this,e);this.size="m";this.value=0}render(){return e("span",{key:"b5994c1a40fef1a165d628e728b1cb8cdff866ea",role:"progressbar",tabindex:"-1","aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true","aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{[`spinner-${this.size}`]:this.size!=="inline"}},e("svg",{key:"0cd336a98d08ac723d34c29895847010f49245fc",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e("circle",{key:"c634cc4a518a6733fd5e68859e2154384ac6a1d1",cx:"24",cy:"24",r:"21.5"})))}};pc.style=fc;const bc=":host{display:block}:host([hidden]){display:none}";let mc=0;const gc=class{constructor(e){t(this,e);this.catClick=i(this,"catClick");this.label="";this.iconOnly=false;this.iconRight=false;this.deactivated=false;this.noActive=false;this.sticky=false;this.error=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${mc++}`}}onClick(t){this.catClick.emit(t)}render(){return e(a,{key:"954bacd020d1405745d1118cf5b09b9e8ddc93b0"})}get hostElement(){return r(this)}};gc.style=bc;const vc=':host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 rgb(var(--cat-border-color, 235, 236, 240))}:host([hidden]){display:none}:host([tabs-align=center]) .cat-tab-list{justify-content:center}:host([tabs-align=right]) .cat-tab-list{justify-content:end}:host([tabs-align=justify]) cat-button{flex:1 0 auto}.cat-tab,.cat-tab-more-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;transition:none}.cat-tab::after,.cat-tab-more-button::after{opacity:0;content:"";position:absolute;background:currentColor;left:0.75rem;right:0.75rem;bottom:0;height:2px}.cat-tab:hover::after,.cat-tab-more-button:hover::after{opacity:0.25}.cat-tab.cat-tab-active,.cat-tab-more-button.cat-tab-active{font-weight:700;color:rgb(var(--cat-primary-text-active, 2, 99, 113))}.cat-tab.cat-tab-active::after,.cat-tab-more-button.cat-tab-active::after{opacity:1}.cat-tab:first-of-type{margin-left:-0.75rem}.cat-tab:last-of-type{margin-right:-0.75rem}.cat-tab.cat-tab-error{color:rgb(var(--cat-danger-text-active, 174, 42, 10))}nav ul{list-style:none;margin:0;padding:0}.cat-tab-list{display:flex;width:100%}';const yc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.resizedObserver=new ResizeObserver((()=>this.adjustAdaptiveTabs()));this.tabs=[];this.hiddenTabs=[];this.activeTab="";this.tabsAlign="left";this.adaptive=false;this.activeTabAlwaysVisible=false}componentWillLoad(){this.syncTabs()}componentDidLoad(){this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-TAB"))&&this.syncTabs()));this.mutationObserver?.observe(this.hostElement,{childList:true,attributes:true,subtree:true});if(this.adaptive){this.resizedObserver.observe(this.hostElement);requestAnimationFrame((()=>{this.adjustAdaptiveTabs()}))}}disconnectedCallback(){this.mutationObserver?.disconnect()}onActiveTabChange(t){const e=this.tabs.findIndex((e=>e.id===t));this.catChange.emit({id:t,index:e,fromDropdown:!!this.hiddenTabs.find((e=>e.id===t))})}onKeydown(t){if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const e=this.hostElement.shadowRoot?.querySelectorAll('cat-button[role="tab"]');const a=Array.from(e??[]).filter((t=>!t.disabled));const r=this.hostElement.shadowRoot?.activeElement;const i=r?a.indexOf(r):-1;const n=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const o=i<0?0:(i+n+a.length)%a.length;a[o].doFocus();t.preventDefault()}}async setActive(t){this.activate(this.tabs.find((e=>e.id===t)))}async setActiveIndex(t){this.activate(this.tabs[t])}async updateAdaptiveTabs(){if(this.adaptive){this.adjustAdaptiveTabs()}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"df60c82a35f848e88f75062a56ec258ba79c1891"},e("div",{key:"d3d003bce6f44045168e6f32db9eea9a2c5a6c27",role:"tablist",class:"cat-tab-list"},this.tabs.map(((t,a)=>e("cat-button",{buttonId:t.id,part:"tab",class:{"cat-tab":true,"cat-tab-active":t.id===this.activeTab,"cat-tab-error":t.error,"cat-tab-sticky":t.sticky},active:t.id===this.activeTab,color:t.error?"danger":t.id===this.activeTab?"primary":"secondary",variant:"text",icon:t.icon?t.error?"$cat:input-error":t.icon:undefined,iconOnly:t.iconOnly,iconRight:t.iconRight,url:t.url,disabled:t.deactivated,urlTarget:t.urlTarget,onCatClick:()=>this.click(t),testId:t.testId,nativeAttributes:{...t.nativeAttributes,role:"tab","aria-selected":String(t.id===this.activeTab),"aria-setsize":String(this.tabs.length),"aria-posinset":String(a+1)},nativeContentAttributes:{"data-text":t.label},"data-dropdown-no-close":true},t.label))),this.adaptive?e("cat-dropdown",{ref:t=>this.moreDropdown=t},e("cat-button",{ref:t=>this.moreButton=t,class:{"cat-tab-more-button":true,"cat-tab-active":!!this.hiddenTabs.find((t=>t.id===this.activeTab))},iconRight:true,icon:this.moreDropdown?.isOpen?"chevron-up-outlined":"chevron-down-outlined",slot:"trigger",part:"more",variant:"text",color:this.hiddenTabs.find((t=>t.id===this.activeTab))?"primary":"secondary"},o.t("tabs.more")),e("nav",{slot:"content"},e("ul",null,this.hiddenTabs.map(((t,a)=>e("li",null,e("cat-button",{class:"cat-nav-item",active:t.id===this.activeTab,urlTarget:t.urlTarget,onCatClick:()=>this.click(t),testId:t.testId,nativeAttributes:{...t.nativeAttributes,role:"tab","aria-selected":String(t.id===this.activeTab),"aria-setsize":String(this.tabs.length),"aria-posinset":String(a+1)},nativeContentAttributes:{"data-text":t.label}},t.label))))))):null))}adjustAdaptiveTabs(){const t=this.hostElement.shadowRoot?.querySelectorAll(".cat-tab");if(!t?.length){return}for(const e of t){e.style.display="inline-flex"}if(this.moreButton){this.moreButton.style.display="inline-flex"}const e=this.moreButton?.getBoundingClientRect().width||0;const a=[];const r=this.hostElement.clientWidth;let i=0;const n=this.tabs.findIndex((t=>t.sticky));const o=t.item(n)?.getBoundingClientRect().width||0;const c=n>-1&&o+e<=r;const s=this.tabs.findIndex((t=>t.id===this.activeTab));const l=t.item(s)?.getBoundingClientRect().width||0;const d=this.activeTabAlwaysVisible&&s>-1&&l+o+e<=r;if(c){i+=o;a.push(n.toString())}if(d&&n!==s){i+=l;a.push(s.toString())}for(const[o,l]of t.entries()){if(d&&o===s||c&&o===n){continue}const t=l.getBoundingClientRect().width;if(i+t<=r){i+=t;a.push(o.toString())}else if(i+e<=r){break}else{a.pop();break}}this.hiddenTabs=this.tabs.filter(((t,e)=>!a.includes(e.toString())));if(this.moreButton){if(this.tabs.length>a.length){this.moreButton.style.display="inline-flex"}else{this.moreButton.style.display="none"}}for(const[e,r]of t.entries()){if(!a.includes(e.toString())){r.style.display="none"}}}syncTabs(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"));this.activeTab=this.activeTab||this.tabs.filter((t=>this.canActivate(t)&&!t.noActive))[0]?.id;if(this.adaptive){this.adjustAdaptiveTabs()}}click(t){if(this.canActivate(t)){t.click();if(!t.noActive){this.activate(t)}}}activate(t){if(!t){this.activeTab=""}else if(this.canActivate(t)){this.activeTab=t.id}if(this.adaptive){this.adjustAdaptiveTabs()}}canActivate(t){return!t.deactivated&&!t.url&&t.id!==this.activeTab}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{activeTab:["onActiveTabChange"]}}};yc.style=vc;const kc=".label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}.hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}:host{display:flex;flex-direction:column;gap:0.5rem}input{font:inherit;margin:0;min-width:20rem;padding:0.375rem 0;flex:1 1 auto;border:none;outline:none;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input{}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}input{}.input-wrapper{flex:1 1 auto;display:flex;align-items:stretch;gap:0.25rem;padding:0.25rem 0.75rem;min-height:2rem;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;--border-color:var(--cat-border-color-dark, 215, 219, 224);flex-wrap:wrap}.input-wrapper.input-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-wrapper:not(.input-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.input-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.input-wrapper:focus-within:has(.clearable:focus){outline:none}.input-wrapper.input-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.input-wrapper{}.input-wrapper:has(input:-webkit-autofill),.input-wrapper:has(input:-webkit-autofill):hover,.input-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.input-wrapper{}.tag-pill{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.tag-pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0}.tag-pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.icon-suffix{align-self:center}.input-inner-wrapper{flex:1 1 auto;display:flex}";let xc=0;const wc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this._id=`cat-input-${xc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.tags=[];this.requiredMarker="optional";this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.clearable=false;this.errorUpdate=0;this.tagCreationChars=[" "];this.addOnBlur=false}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onKeyDown(t){const e=this.hostElement.shadowRoot?.activeElement===this.input;if(["Enter",...this.tagCreationChars].includes(t.key)&&e){t.preventDefault();this.addInputValue()}else if(["Backspace"].includes(t.key)&&this.input?.selectionStart===0&&(this.value?.length??0)>0&&e){this.value=this.value?.slice(0,-1)??[];this.catChange.emit(this.value)}}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"334f8a2d604df123adb018f31b5528040d65180c"},e("div",{key:"0140867da437b576a9b5593601abf65634badafe",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"9c2284a03aa281bd1c5060684909afffcc3be519",htmlFor:`tags-${this.id}-input`,part:"label"},e("span",{key:"2e8bab18e8c5b776ab7a7af2805a48f25380ca14",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"285417cf1427d6bfab28f8e79d03d7ebb4a5581a",name:"label"})||this.label,e("div",{key:"54284d1f7c2d39b3686471a77fe81cdff5a7ba6d",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"2bbb1dd5fbf63c3a11e5072cedd0016fb52a8bbf",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"b800283d2560b788c5de2186bb0657612bf5902b",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"))))),e("div",{key:"710a3d1df041fabfc099248a10fb581dc29867e8",class:{"input-wrapper":true,"input-disabled":this.disabled,"input-invalid":this.invalid}},this.value?.map((t=>e("div",{class:"tag-pill"},e("span",null,t),!this.disabled&&e("cat-button",{size:"xs",variant:"text",icon:"$cat:select-clear",iconOnly:true,a11yLabel:o.t("select.deselect"),onClick:()=>this.deselect(t),tabIndex:-1})))),e("div",{key:"8201854379fedd97152173c5383eeba5a93ff43e",class:"input-inner-wrapper"},e("input",{key:"11ca4d750d8f36560e5ff1a2a336f83a481dd3be","data-test":this.testId,...this.nativeAttributes,part:"input",id:`tags-${this.id}-input`,class:"tags-input",role:"combobox",ref:t=>this.input=t,"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined,onInput:this.onInput.bind(this),onBlur:this.onBlur.bind(this),placeholder:this.placeholder,disabled:this.disabled}),this.clearable&&!this.disabled&&(this.value?.length??0)>0&&e("cat-button",{key:"af93bc6cdc41b7bfaacef19549093bf8dc85e000",class:"clearable",icon:"$cat:input-close","icon-only":"true",size:"s",variant:"text","a11y-label":o.t("input.clear"),onClick:this.clear.bind(this),"data-dropdown-no-close":true}),this.invalid&&e("cat-icon",{key:"5df20d3094317ed268588a1cde317243e1390855",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}))),this.hasHint&&e(Ne,{key:"c3fafb4299fc29ce029c92b34bc54df35a33ffb3",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){const t=[...new Set(this.input?.value?.split(this.createSplitRegex(this.tagCreationChars))??[])].filter((t=>!!t&&!this.value?.includes(t)));if(t.length>1){this.value=[...this.value??[],...t];this.catChange.emit(this.value);if(this.input){this.input.value=""}}}onBlur(){if(this.addOnBlur){this.addInputValue()}}addInputValue(){const t=this.input?.value.trim();if(t&&!this.value?.includes(t)){this.value=[...this.value??[],t];this.catChange.emit(this.value)}if(this.input){this.input.value=""}}clear(){this.value=[];this.catChange.emit(this.value);if(this.input){this.input.value=""}}deselect(t){this.value=this.value?.filter((e=>e!==t));this.catChange.emit(this.value)}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}createSplitRegex(t){const e=t.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")));e.push("\\n","\\r");const a=`[${e.join("")}]`;return new RegExp(a,"g")}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};wc.style=kc;var zc=new Map;function Ic(t){var e=zc.get(t);e&&e.destroy()}function Dc(t){var e=zc.get(t);e&&e.update()}var Mc=null;"undefined"==typeof window?((Mc=function(t){return t}).destroy=function(t){return t},Mc.update=function(t){return t}):((Mc=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!zc.has(t)){var e,a=null,r=window.getComputedStyle(t),i=(e=t.value,function(){o({testForHeightReduction:""===e||!t.value.startsWith(e),restoreTextAlign:null}),e=t.value}),n=function(e){t.removeEventListener("autosize:destroy",n),t.removeEventListener("autosize:update",c),t.removeEventListener("input",i),window.removeEventListener("resize",c),Object.keys(e).forEach((function(a){return t.style[a]=e[a]})),zc.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",n),t.addEventListener("autosize:update",c),t.addEventListener("input",i),window.addEventListener("resize",c),t.style.overflowX="hidden",t.style.wordWrap="break-word",zc.set(t,{destroy:n,update:c}),c()}function o(e){var i,n,c=e.restoreTextAlign,s=void 0===c?null:c,l=e.testForHeightReduction,d=void 0===l||l,h=r.overflowY;if(0!==t.scrollHeight&&("vertical"===r.resize?t.style.resize="none":"both"===r.resize&&(t.style.resize="horizontal"),d&&(i=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push([t.parentNode,t.parentNode.scrollTop]),t=t.parentNode;return function(){return e.forEach((function(t){var e=t[0],a=t[1];e.style.scrollBehavior="auto",e.scrollTop=a,e.style.scrollBehavior=null}))}}(t),t.style.height=""),n="content-box"===r.boxSizing?t.scrollHeight-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)):t.scrollHeight+parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth),"none"!==r.maxHeight&&n>parseFloat(r.maxHeight)?("hidden"===r.overflowY&&(t.style.overflow="scroll"),n=parseFloat(r.maxHeight)):"hidden"!==r.overflowY&&(t.style.overflow="hidden"),t.style.height=n+"px",s&&(t.style.textAlign=s),i&&i(),a!==n&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:true})),a=n),h!==r.overflow&&!s)){var u=r.textAlign;"hidden"===r.overflow&&(t.style.textAlign="start"===u?"end":"start"),o({restoreTextAlign:u,testForHeightReduction:true})}}function c(){o({testForHeightReduction:true,restoreTextAlign:null})}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Ic),t},Mc.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Dc),t});var Cc=Mc;const Rc=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400)}:host([hidden]){display:none}.textarea-field,.textarea-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.textarea-field.textarea-horizontal{flex-direction:row;gap:1rem}.textarea-readonly{pointer-events:none}.textarea-wrapper{position:relative;display:flex;flex-direction:column}.icon-suffix{position:absolute;top:calc(0.625rem - 2px);right:0.75rem;background:rgba(255, 255, 255, 0.75);border-radius:100rem}.textarea-disabled .icon-suffix{background:rgba(242, 244, 247, 0.75)}textarea{margin:0;padding:0.625rem 0.75rem;box-sizing:border-box;min-height:2.5rem;font:inherit;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);border:none;box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;resize:vertical;--border-color:var(--cat-border-color-dark, 215, 219, 224)}textarea:disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));resize:none}textarea:not(:disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.textarea-invalid textarea{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}textarea{}textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}textarea{}";let Oc=0;const Ac=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-textarea-${Oc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.hasSlottedCounter=false;this.requiredMarker="optional";this.disabled=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.rows=3;this.errorUpdate=0}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.internals.setFormValue(this.value??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');this.hasSlottedCounter=!!this.hostElement.querySelector('[slot="counter"]')}componentDidLoad(){Cc(this.textarea)}async doFocus(t){this.textarea.focus(t)}async doBlur(){this.textarea.blur()}async clear(){this.value="";this.catChange.emit(this.value)}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"ba2d56e2d7fcb9d4af66a24d5476132e2ebefcf4"},e("div",{key:"e60bdc9b54fb1de1ae27f1e93caa6802180a7b4a",class:{"textarea-field":true,"textarea-horizontal":this.horizontal??this.fallbackHorizontal??false}},e("div",{key:"3611f3a9830ed34c86c3f165f01905f4d227b0be",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"77c4783b59f3d6965f0c01328db36d5c8518c0f6",htmlFor:this.id,part:"label"},e("span",{key:"d0df4164caa5f19838fdb5acfa5561fc95fdb1fe",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"e958ec958b57ce4543f1178d8cfcb93b056a30d8",name:"label"})||this.label,e("div",{key:"76f871899822b2bb400be7e88d4e08353c4edbe3",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"d14451a2e39a13a8918892cd11645208c4cdc680",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"b679e94fe20aeecc64f60bd3ecc2952b33639039",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),(this.maxLength||this.hasSlottedCounter)&&e("div",{key:"3dce07d25a0aeddc7b91f8f8426cd21b7bd60c7e",class:"label-character-count","aria-hidden":"true"},this.hasSlottedCounter?e("slot",{name:"counter"}):`${this.value?.length??0}/${this.maxLength}`))))),e("div",{key:"008b6ebfe6dca48aa581d249310c2dda8ba9dba1",class:"textarea-container"},e("div",{key:"ff921daa8769f7407e72b4519e31eb6570301b4d",class:{"textarea-wrapper":true,"textarea-readonly":this.readonly,"textarea-disabled":this.disabled,"textarea-invalid":this.invalid}},e("textarea",{key:"3ea5625a1f67ab98b4975b8f9095f33091d18455","data-test":this.testId,...this.nativeAttributes,part:"textarea",ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,autocomplete:this.autoComplete,maxlength:this.maxLength,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,rows:this.rows,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined}),this.invalid&&e("cat-icon",{key:"351dc18bfa3aaaa0d0cc5cf585b48334d0cf8cc9",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l",onClick:()=>this.textarea.focus()})),this.hasHint&&e(Ne,{key:"6e469529e9551d19f523f0fe9f23abc92855e92c",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){this.value=this.textarea.value;this.internals.setFormValue(this.textarea.value);this.catChange.emit(this.value);this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.textarea;if(!t){this.showErrors()}}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};Ac.style=Rc;function Sc(t){return new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit"}).resolvedOptions().hour12??false}function jc(t){return{change:o.t("timepicker.change"),choose:o.t("timepicker.choose"),timeFormat:Sc(t)?"12":"24"}}function Tc(t){return`${t.getHours().toString().padStart(2,"0")}:${t.getMinutes().toString().padStart(2,"0")}`}function Fc(t,e,a){const[,r,i]=t?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];const[,n,o]=a?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];let c=-Infinity;let s=Infinity;if(r!==undefined&&i!==undefined){c=new Date(e.getFullYear(),e.getMonth(),e.getDate(),r,i).getTime()}if(n!==undefined&&o!==undefined){s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),n,o).getTime()}return new Date(Math.min(Math.max(e.getTime(),c),s))}function $c(t,e){const[,a,r]=e?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(a===undefined||r===undefined){return false}return t.getHours()<a||t.getHours()===a&&t.getMinutes()<r}function Wc(t,e){const[,a,r]=e?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(a===undefined||r===undefined){return false}return t.getHours()>a||t.getHours()===a&&t.getMinutes()>r}const Bc=":host{display:block}:host([hidden]){display:none}.label-aria{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-time-addon{margin-left:-1px;display:flex}nav{max-height:16rem}nav ul{list-style:none;margin:0;padding:0}.time-disabled{opacity:0.25}";const Ec=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.language=o.getLocale();this.locale=jc(this.language);this.timeMaskOptions={timeFormat:this.locale.timeFormat,timePattern:["h","m"]};this.localizedDayPeriods=this.getLocalizedDayPeriods(this.language);this.hasSlottedLabel=false;this.hasSlottedHint=false;this.selectionTime=null;this.isAm=true;this.valueChangedBySelection=false;this.requiredMarker="optional";this.autoComplete="off";this.clearable=false;this.disabled=false;this.iconRight=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.errorUpdate=0;this.placement="bottom-end";this.step=30}onMinChanged(t,e){if(t!==e){this.reclamp("min",t)}}onMaxChanged(t,e){if(t!==e){this.reclamp("max",t)}}onValueChanged(t,e){if(this.valueChangedBySelection){this.valueChangedBySelection=false}else if(t!==e){this.set12hFormat();this.syncValue(t??"")}}componentWillLoad(){this.set12hFormat();this.syncValue(this.value??"")}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onOpen(){const t=t=>this.hostElement.shadowRoot?.querySelector(t);const e=Fc(this.min??null,this.selectionTime??new Date(2e3,5,1,8),this.max??null);const a=t(`[data-time="${Tc(e)}"]`);e.setMinutes(Math.floor(e.getMinutes()/this.step)*this.step);const r=t(`[data-time="${Tc(e)}"]`);setTimeout((()=>{(r??a)?.doFocus();(r??a)?.scrollIntoView(this.selectionTime?{block:"center"}:undefined)}))}async select(t){const e=this.value;let a;if(!t){this.selectionTime=null;a=undefined}else{const e=Fc(this.min??null,t,this.max??null);this.isAm=this.format(e).toLowerCase().includes(this.localizedDayPeriods.am.toLowerCase());this.selectionTime=e;a=Tc(e)}if(this.input){this.input.value=this.format(this.selectionTime,false)}if(e!==a){this.valueChangedBySelection=true;this.value=a;this.catChange.emit(this.value)}else{this.valueChangedBySelection=false}}async doFocus(t){this.input?.doFocus(t)}async doBlur(){this.input?.doBlur()}async clear(){this.input?.clear()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"c900a10f9992512537bb54a55f380148c698bd2d"},e("cat-input",{key:"f6447d6a18225762b6adc85955584d4710a9ffa5",class:"cat-time-input",ref:t=>this.input=t,requiredMarker:this.requiredMarker,horizontal:this.horizontal??this.fallbackHorizontal,autoComplete:this.autoComplete,clearable:this.clearable,disabled:this.disabled,hint:this.hint,icon:this.icon,iconRight:this.iconRight,identifier:this.identifier,label:this.label,labelHidden:this.labelHidden,name:this.name,placeholder:this.placeholder,textPrefix:this.textPrefix,textSuffix:this.textSuffix,readonly:this.readonly,required:this.required,value:this.format(this.selectionTime,false),errors:this.errors,errorUpdate:this.errorUpdate,testId:this.testId,nativeAttributes:this.nativeAttributes,timeMaskOptions:this.timeMaskOptions,onCatFocus:t=>this.catFocus.emit(t.detail),onCatBlur:t=>this.onInputBlur(t.detail)},e("span",{key:"328134e94616b73309294b1dbd60d9978b1fe32b",slot:"label"},this.hasSlottedLabel&&e("slot",{key:"c7e48d1a65631ac9f05b30e6e03706771617a9eb",name:"label"}),!this.hasSlottedLabel&&this.label,e("span",{key:"59dd274d4039d8ce890b95dd6f9efdc4fc68b456",class:"label-aria"}," (HH:mm)")),e("div",{key:"962771fb4390695dfa17eef88cde5299dff060df",slot:"addon",class:"cat-time-addon"},this.locale.timeFormat==="12"&&e("cat-button",{key:"a0fa293b5c430efb3ee873da2f8c6ee9f6e22935",class:"cat-time-format",disabled:this.disabled||this.readonly,onCatClick:()=>this.toggleAm()},this.isAm?this.localizedDayPeriods.am:this.localizedDayPeriods.pm),e("cat-dropdown",{key:"14d7f7b5063d5f74d6f1272742badce87ed150ac",slot:"addon",placement:this.placement},e("cat-button",{key:"1ae784a0d45b0ec92f57a1845a2c7f04097e6d3b",slot:"trigger",class:"cat-time-toggle",disabled:this.disabled||this.readonly,icon:"$cat:timepicker-clock",iconOnly:true,a11yLabel:this.selectionTime?`${this.locale.change}, ${this.format(this.selectionTime)}`:this.locale.choose}),e("nav",{key:"bfc501e88cd1941fffc3d10b8aed69d830c9bec6",slot:"content",class:"cat-nav"},e("ul",{key:"d65978850e0416d8de748293dcf12397b531fc54"},this.timeArray().map((t=>{const a=Tc(t);const r=$c(t,this.min??null)||Wc(t,this.max??null);return e("li",null,e("cat-button",{class:{"cat-nav-item":true,"time-disabled":r},disabled:r,active:a===this.value,color:a===this.value?"primary":"secondary",variant:a===this.value?"filled":"outlined",onCatClick:()=>this.select(t),"data-time":a},this.format(t)))})))))),this.hasSlottedHint&&e("span",{key:"b34b48f7db86956f9f9211a80ba7f0afb0dba10d",slot:"hint"},e("slot",{key:"d170ddd7ebe8a75af7b2410771d30bcc4c23bceb",name:"hint"}))))}timeArray(){const t=[];const e=new Date(2e3,5,1,0,0,0);let a=new Date(e.getTime());while(a.getDate()===e.getDate()){t.push(a);a=new Date(a.getTime()+this.step*6e4)}return t}syncValue(t){const[,e,a]=t.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(e===undefined||a===undefined){this.select(null);return}this.select(this.locale.timeFormat==="24"?new Date(2e3,5,1,e,a,0):new Date(2e3,5,1,e%12+(this.isAm?0:12),a,0))}set12hFormat(){const[,t]=this.value?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(this.locale.timeFormat==="12"){this.isAm=t===0||t<12}}toggleAm(){if(this.selectionTime){this.select(new Date(this.selectionTime.getTime()+(this.isAm?12:-12)*36e5))}else{this.isAm=!this.isAm}}onInputBlur(t){this.syncValue(this.input?.value??"");this.catBlur.emit(t)}format(t,e=true){const a=t?new Intl.DateTimeFormat(this.language,{hour:"2-digit",minute:"2-digit"}).format(t):"";const r=new RegExp(`\\s?(${this.localizedDayPeriods.am.toLowerCase()}|${this.localizedDayPeriods.pm.toLowerCase()})`,"i");return e?a:a.replace(r,"")}reclamp(t,e){if(!this.value)return;const a=(t==="min"?e:this.min)??null;const r=(t==="max"?e:this.max)??null;const[i,n,o]=this.value.match(/(\d{2}):(\d{2})/)??[];const c=i?Tc(Fc(a,new Date(2e3,5,1,Number(n),Number(o)),r)):undefined;if(this.value!==c){this.syncValue(c??"");this.catChange.emit(c)}}getLocalizedDayPeriods(t){const e=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",hour12:true});const a=t=>{const a=e.formatToParts(new Date(2025,0,1,t));return a.find((t=>t.type==="dayPeriod"))?.value??""};return{am:a(9),pm:a(15)}}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{min:["onMinChanged"],max:["onMaxChanged"],value:["onValueChanged"]}}};Ec.style=Bc;const Nc='.hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}:host{display:flex;flex-direction:column;gap:0.25rem}:host([hidden]){display:none}label{flex:0 1 auto;display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.label-left{flex-direction:row-reverse}input{position:absolute;margin:0;width:2rem;height:1.25rem;opacity:0;cursor:inherit}.toggle-placeholder{width:calc(2rem + 1px);flex-shrink:0}.toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:1.25rem;border-radius:10rem;background-color:rgb(var(--cat-border-color-dark, 215, 219, 224));transition:background-color 125ms ease;pointer-events:none}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 0, 129, 148))}:focus-visible+.toggle{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.toggle::after{content:"";position:absolute;width:1rem;height:1rem;background:#fff;border-radius:10rem;transform:translateX(calc(2px - 0.5rem));transition:transform 125ms linear;box-shadow:0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem));background:rgb(var(--cat-primary-fill, 255, 255, 255))}.is-disabled .toggle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}:host(.cat-error) .toggle{background-color:rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}:host(.cat-error) :checked+.toggle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) :checked+.toggle::after{background:rgb(var(--cat-danger-fill, 255, 255, 255))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.align-center{align-items:center}.align-end{align-items:flex-end}';let Lc=0;const Pc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-toggle-${Lc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.resolvedValue=null;this.labelLeft=false;this.alignment="top"}get id(){return this.identifier||this._id}componentWillLoad(){this.updateResolved()}componentWillRender(){this.internals.setFormValue(this.checked?this.value??"on":this.noValue??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"7285035e8798acd7e31d9f244185f66dfd1e8ff2"},e("label",{key:"fcfa457a536a826b113493f2851e4fb92336f191",htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft,"align-center":this.alignment==="center","align-end":this.alignment==="bottom"}},e("input",{key:"db247c0b593b85237fa9f0c369d706d6fa16d7ec","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,class:"form-check-input",role:"switch",onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-describedby":this.hasHint?this.id+"-hint":undefined}),e("span",{key:"fa4934e1d6f40378b0d2b3aa3e08c1c1444579d3",class:"toggle"}),e("span",{key:"e4c888660de8acf4ca9c0bf093eb9546bd67e994",class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{key:"c2dbaa736eb123c5adcc9e0cda6cef89bf6fd4b8",name:"label"})||this.label)),this.hasHint&&e("div",{key:"087543ee1d86ccc4739d8f33e5cf4de419818d43",class:{"hint-wrapper":true,"label-left":this.labelLeft}},e("div",{key:"424513a88e130972ec5a6b64c7eb8639691258c2",class:"toggle-placeholder"}),e(Ne,{key:"a1c87e7ce6ed636f69760dbdbb4f54688b0fce4e",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint}onInput(){this.checked=this.input.checked;this.internals.setFormValue(this.input.checked?this.value??"on":this.noValue??null);this.updateResolved();this.catChange.emit(this.resolvedValue)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}updateResolved(){this.resolvedValue=this.checked?this.value??true:this.noValue??false}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}};Pc.style=Nc;const Yc="ontouchstart"in window||navigator.maxTouchPoints>0;const Hc=":host{display:contents}:host([hidden]){display:none}.tooltip{--cat-font-color-head:var(--cat-font-color-tooltip, 255, 255, 255);--cat-font-color-body:var(--cat-font-color-tooltip, 255, 255, 255);position:fixed;width:max-content;top:0;left:0;box-sizing:border-box;background-color:rgb(var(--cat-bg-tooltip, 0, 0, 0));border-radius:var(--cat-border-radius-m, 0.25rem);color:rgb(var(--cat-font-color-tooltip, 255, 255, 255));transition:opacity 250ms linear, visibility 250ms linear;visibility:hidden;opacity:0;box-shadow:rgba(0, 0, 0, 0.08) 0 1px 8px 0;z-index:calc(var(--cat-z-index, 1000) + 200);max-width:min(100vw - 0.5rem, 20rem)}.tooltip-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.tooltip-show{opacity:1;visibility:visible}.tooltip p{margin:0}.tooltip-round{border-radius:10rem}.tooltip-s{padding:0.25rem 0.375rem;font-size:0.75rem;line-height:1rem;font-weight:500}.tooltip-s.tooltip-round{padding-left:0.5rem;padding-right:0.5rem}.tooltip-m{padding:0.375rem 0.5rem;font-size:0.875rem;line-height:1.125rem;font-weight:500}.tooltip-m.tooltip-round{padding-left:0.75rem;padding-right:0.75rem}.tooltip-l{padding:0.5rem 0.75rem;font-size:0.9375rem;line-height:1.25rem;font-weight:500}.tooltip-l.tooltip-round{padding-left:1rem;padding-right:1rem}";let Uc=0;const _c=class{constructor(e){t(this,e);this.id=`cat-tooltip-${Uc++}`;this.inactive=false;this.open=false;this.content="";this.disabled=false;this.placement="top";this.round=false;this.size="m";this.showDelay=250;this.hideDelay=0;this.longTouchDuration=1e3;this.boundShowListener=this.showListener.bind(this);this.boundHideListener=this.hideListener.bind(this);this.boundWindowTouchStartListener=this.windowTouchStartListener.bind(this);this.boundTouchStartListener=this.touchStartListener.bind(this);this.boundTouchEndListener=this.touchEndListener.bind(this)}handleKeyDown({key:t}){t==="Escape"&&this.hideTooltip()}componentDidLoad(){const t=this.hostElement.shadowRoot?.querySelector("slot");this.trigger=t?.assignedElements?.()?.[0];if(this.trigger&&!this.trigger.hasAttribute("aria-describedby")){this.trigger.setAttribute("aria-describedby",this.id)}this.addListeners()}connectedCallback(){this.addListeners()}componentWillRender(){this.inactive=this.disabled||!this.content&&!this.hostElement.querySelector('[slot="content"]')}disconnectedCallback(){this.removeListeners();this.hideTooltip()}render(){return e(a,{key:"8f34e0ba58b9cf70b4764914d5f3edd36ed42c10"},e("slot",{key:"d053bf106d2884336c1cdeb55215bd62dbd6eae7"}),e("div",{key:"9f310741fd56f1e4441c45125010176621da0c59",ref:t=>this.tooltip=t,id:this.id,role:"tooltip","aria-hidden":!this.open,"aria-live":this.open?"polite":"off",class:{tooltip:true,"tooltip-hidden":this.inactive,"tooltip-round":this.round,[`tooltip-${this.size}`]:Boolean(this.size)}},e("slot",{key:"c99bd5cee9a1961d39a20c2049ee43675efc4b67",name:"content"},e("p",{key:"66051fb6e03a9292a7c829b53162d307af2a914e"},this.content))))}addListeners(){this.trigger?.addEventListener("focusin",this.boundShowListener);this.trigger?.addEventListener("focusout",this.boundHideListener);this.trigger?.addEventListener("mouseenter",this.boundShowListener);this.trigger?.addEventListener("mouseleave",this.boundHideListener);if(Yc){window.addEventListener("touchstart",this.boundWindowTouchStartListener);this.trigger?.addEventListener("touchstart",this.boundTouchStartListener);this.trigger?.addEventListener("touchend",this.boundTouchEndListener)}}removeListeners(){this.trigger?.removeEventListener("mouseenter",this.boundShowListener);this.trigger?.removeEventListener("mouseleave",this.boundHideListener);this.trigger?.removeEventListener("focusin",this.boundShowListener);this.trigger?.removeEventListener("focusout",this.boundHideListener);if(Yc){window.removeEventListener("touchstart",this.boundWindowTouchStartListener);this.trigger?.removeEventListener("touchstart",this.boundTouchStartListener);this.trigger?.removeEventListener("touchend",this.boundTouchEndListener)}}async update(){if(this.trigger&&this.tooltip){await In(this.trigger,this.tooltip,{strategy:"fixed",placement:this.placement,middleware:[kn(_c.OFFSET),wn({fallbackAxisSideDirection:"start"}),xn({padding:_c.SHIFT_PADDING})]}).then((({x:t,y:e})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${e}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.hideTimeout=undefined;if(!this.showTimeout){this.showTimeout=window.setTimeout((()=>{this.showTimeout=undefined;this.showTooltip()}),this.showDelay)}}hideListener(){window.clearTimeout(this.showTimeout);this.showTimeout=undefined;if(!this.hideTimeout){this.hideTimeout=window.setTimeout((()=>{this.hideTimeout=undefined;this.hideTooltip()}),this.hideDelay)}}touchStartListener(t){t.stopPropagation();if(!this.touchTimeout){this.touchTimeout=window.setTimeout((()=>{this.touchTimeout=undefined;this.showTooltip()}),this.longTouchDuration)}}touchEndListener(){window.clearTimeout(this.touchTimeout);this.touchTimeout=undefined;this.hideTooltip()}windowTouchStartListener(){this.hideTooltip()}showTooltip(){if(this.trigger&&this.tooltip){this.cleanupFloatingUi=yn(this.trigger,this.tooltip,(()=>this.update()))}if(!this.inactive){this.open=true;this.tooltip?.classList.add("tooltip-show")}}hideTooltip(){this.open=false;this.tooltip?.classList.remove("tooltip-show");this.cleanupFloatingUi?.();this.cleanupFloatingUi=undefined}get hostElement(){return r(this)}};_c.OFFSET=4;_c.SHIFT_PADDING=4;_c.style=Hc;export{ge as cat_alert,ke as cat_avatar,Se as cat_badge,Fe as cat_button,We as cat_button_group,Ee as cat_card,Ye as cat_checkbox,aa as cat_date,Na as cat_date_inline,Mn as cat_datepicker,Rn as cat_datepicker_inline,io as cat_dropdown,oo as cat_form_group,so as cat_icon,To as cat_input,$o as cat_pagination,Eo as cat_radio,Lo as cat_radio_group,Xo as cat_scrollable,sc as cat_select,lc as cat_select_demo,uc as cat_skeleton,pc as cat_spinner,gc as cat_tab,yc as cat_tabs,wc as cat_tag,Ac as cat_textarea,Ec as cat_time,Pc as cat_toggle,_c as cat_tooltip};
-//# sourceMappingURL=p-cd47a310.entry.js.map
+*/function An(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=Array(e);a<e;a++)r[a]=t[a];return r}function Sn(t){if(Array.isArray(t))return An(t)}function jn(t,e,a){return(e=Nn(e))in t?Object.defineProperty(t,e,{value:a,enumerable:true,configurable:true,writable:true}):t[e]=a,t}function Tn(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function Fn(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function $n(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,r)}return a}function Wn(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?$n(Object(a),true).forEach((function(e){jn(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):$n(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function Bn(t){return Sn(t)||Tn(t)||Ln(t)||Fn()}function En(t,e){if("object"!=typeof t||!t)return t;var a=t[Symbol.toPrimitive];if(undefined!==a){var r=a.call(t,e);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function Nn(t){var e=En(t,"string");return"symbol"==typeof e?e:e+""}function Ln(t,e){if(t){if("string"==typeof t)return An(t,e);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?An(t,e):undefined}}var Pn={activateTrap:function t(e,a){if(e.length>0){var r=e[e.length-1];if(r!==a){r._setPausedState(true)}}var i=e.indexOf(a);if(i===-1){e.push(a)}else{e.splice(i,1);e.push(a)}},deactivateTrap:function t(e,a){var r=e.indexOf(a);if(r!==-1){e.splice(r,1)}if(e.length>0&&!e[e.length-1]._isManuallyPaused()){e[e.length-1]._setPausedState(false)}}};var Yn=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var Hn=function t(e){return(e===null||e===undefined?undefined:e.key)==="Escape"||(e===null||e===undefined?undefined:e.key)==="Esc"||(e===null||e===undefined?undefined:e.keyCode)===27};var Un=function t(e){return(e===null||e===undefined?undefined:e.key)==="Tab"||(e===null||e===undefined?undefined:e.keyCode)===9};var _n=function t(e){return Un(e)&&!e.shiftKey};var Kn=function t(e){return Un(e)&&e.shiftKey};var qn=function t(e){return setTimeout(e,0)};var Gn=function t(e){for(var a=arguments.length,r=new Array(a>1?a-1:0),i=1;i<a;i++){r[i-1]=arguments[i]}return typeof e==="function"?e.apply(undefined,r):e};var Vn=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var Jn=[];var Zn=function t(e,a){var r=(a===null||a===undefined?undefined:a.document)||document;var i=(a===null||a===undefined?undefined:a.trapStack)||Jn;var n=Wn({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:_n,isKeyBackward:Kn},a);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var c;var s=function t(e,a,r){return e&&e[a]!==undefined?e[a]:n[r||a]};var l=function t(e,a){var r=typeof(a===null||a===undefined?undefined:a.composedPath)==="function"?a.composedPath():undefined;return o.containerGroups.findIndex((function(t){var a=t.container,i=t.tabbableNodes;return a.contains(e)||(r===null||r===undefined?undefined:r.includes(a))||i.find((function(t){return t===e}))}))};var d=function t(e){var a=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},i=a.hasFallback,o=i===undefined?false:i,c=a.params,s=c===undefined?[]:c;var l=n[e];if(typeof l==="function"){l=l.apply(undefined,Bn(s))}if(l===true){l=undefined}if(!l){if(l===undefined||l===false){return l}throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var d=l;if(typeof l==="string"){try{d=r.querySelector(l)}catch(t){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(t.message,'"'))}if(!d){if(!o){throw new Error("`".concat(e,"` as selector refers to no known node"))}}}return d};var h=function t(){var e=d("initialFocus",{hasFallback:true});if(e===false){return false}if(e===undefined||e&&!$a(e,n.tabbableOptions)){if(l(r.activeElement)>=0){e=r.activeElement}else{var a=o.tabbableGroups[0];var i=a&&a.firstTabbableNode;e=i||d("fallbackFocus")}}else if(e===null){e=d("fallbackFocus")}if(!e){throw new Error("Your focus-trap needs to have at least one focusable element")}return e};var u=function t(){o.containerGroups=o.containers.map((function(t){var e=Sa(t,n.tabbableOptions);var a=ja(t,n.tabbableOptions);var r=e.length>0?e[0]:undefined;var i=e.length>0?e[e.length-1]:undefined;var o=a.find((function(t){return Ta(t)}));var c=a.slice().reverse().find((function(t){return Ta(t)}));var s=!!e.find((function(t){return fa(t)>0}));return{container:t,tabbableNodes:e,focusableNodes:a,posTabIndexesFound:s,firstTabbableNode:r,lastTabbableNode:i,firstDomTabbableNode:o,lastDomTabbableNode:c,nextTabbableNode:function t(r){var i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=e.indexOf(r);if(n<0){if(i){return a.slice(a.indexOf(r)+1).find((function(t){return Ta(t)}))}return a.slice(0,a.indexOf(r)).reverse().find((function(t){return Ta(t)}))}return e[n+(i?1:-1)]}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.tabbableGroups.length<=0&&!d("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(o.containerGroups.find((function(t){return t.posTabIndexesFound}))&&o.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var f=function t(e){var a=e.activeElement;if(!a){return}if(a.shadowRoot&&a.shadowRoot.activeElement!==null){return f(a.shadowRoot)}return a};var p=function t(e){if(e===false){return}if(e===f(document)){return}if(!e||!e.focus){p(h());return}e.focus({preventScroll:!!n.preventScroll});o.mostRecentlyFocusedNode=e;if(Yn(e)){e.select()}};var b=function t(e){var a=d("setReturnFocus",{params:[e]});return a?a:a===false?false:e};var m=function t(e){var a=e.target,r=e.event,i=e.isBackward,c=i===undefined?false:i;a=a||Vn(r);u();var s=null;if(o.tabbableGroups.length>0){var h=l(a,r);var f=h>=0?o.containerGroups[h]:undefined;if(h<0){if(c){s=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{s=o.tabbableGroups[0].firstTabbableNode}}else if(c){var p=o.tabbableGroups.findIndex((function(t){var e=t.firstTabbableNode;return a===e}));if(p<0&&(f.container===a||$a(a,n.tabbableOptions)&&!Ta(a,n.tabbableOptions)&&!f.nextTabbableNode(a,false))){p=h}if(p>=0){var b=p===0?o.tabbableGroups.length-1:p-1;var m=o.tabbableGroups[b];s=fa(a)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else if(!Un(r)){s=f.nextTabbableNode(a,false)}}else{var g=o.tabbableGroups.findIndex((function(t){var e=t.lastTabbableNode;return a===e}));if(g<0&&(f.container===a||$a(a,n.tabbableOptions)&&!Ta(a,n.tabbableOptions)&&!f.nextTabbableNode(a))){g=h}if(g>=0){var v=g===o.tabbableGroups.length-1?0:g+1;var y=o.tabbableGroups[v];s=fa(a)>=0?y.firstTabbableNode:y.firstDomTabbableNode}else if(!Un(r)){s=f.nextTabbableNode(a)}}}else{s=d("fallbackFocus")}return s};var g=function t(e){var a=Vn(e);if(l(a,e)>=0){return}if(Gn(n.clickOutsideDeactivates,e)){c.deactivate({returnFocus:n.returnFocusOnDeactivate});return}if(Gn(n.allowOutsideClick,e)){return}e.preventDefault()};var v=function t(e){var a=Vn(e);var r=l(a,e)>=0;if(r||a instanceof Document){if(r){o.mostRecentlyFocusedNode=a}}else{e.stopImmediatePropagation();var i;var c=true;if(o.mostRecentlyFocusedNode){if(fa(o.mostRecentlyFocusedNode)>0){var s=l(o.mostRecentlyFocusedNode);var d=o.containerGroups[s].tabbableNodes;if(d.length>0){var u=d.findIndex((function(t){return t===o.mostRecentlyFocusedNode}));if(u>=0){if(n.isKeyForward(o.recentNavEvent)){if(u+1<d.length){i=d[u+1];c=false}}else{if(u-1>=0){i=d[u-1];c=false}}}}}else{if(!o.containerGroups.some((function(t){return t.tabbableNodes.some((function(t){return fa(t)>0}))}))){c=false}}}else{c=false}if(c){i=m({target:o.mostRecentlyFocusedNode,isBackward:n.isKeyBackward(o.recentNavEvent)})}if(i){p(i)}else{p(o.mostRecentlyFocusedNode||h())}}o.recentNavEvent=undefined};var y=function t(e){var a=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;o.recentNavEvent=e;var r=m({event:e,isBackward:a});if(r){if(Un(e)){e.preventDefault()}p(r)}};var k=function t(e){if(n.isKeyForward(e)||n.isKeyBackward(e)){y(e,n.isKeyBackward(e))}};var x=function t(e){if(Hn(e)&&Gn(n.escapeDeactivates,e)!==false){e.preventDefault();c.deactivate()}};var w=function t(e){var a=Vn(e);if(l(a,e)>=0){return}if(Gn(n.clickOutsideDeactivates,e)){return}if(Gn(n.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var z=function t(){if(!o.active){return}Pn.activateTrap(i,c);o.delayInitialFocusTimer=n.delayInitialFocus?qn((function(){p(h())})):p(h());r.addEventListener("focusin",v,true);r.addEventListener("mousedown",g,{capture:true,passive:false});r.addEventListener("touchstart",g,{capture:true,passive:false});r.addEventListener("click",w,{capture:true,passive:false});r.addEventListener("keydown",k,{capture:true,passive:false});r.addEventListener("keydown",x);return c};var I=function t(){if(!o.active){return}r.removeEventListener("focusin",v,true);r.removeEventListener("mousedown",g,true);r.removeEventListener("touchstart",g,true);r.removeEventListener("click",w,true);r.removeEventListener("keydown",k,true);r.removeEventListener("keydown",x);return c};var D=function t(e){var a=e.some((function(t){var e=Array.from(t.removedNodes);return e.some((function(t){return t===o.mostRecentlyFocusedNode}))}));if(a){p(h())}};var M=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(D):undefined;var C=function t(){if(!M){return}M.disconnect();if(o.active&&!o.paused){o.containers.map((function(t){M.observe(t,{subtree:true,childList:true})}))}};c={get active(){return o.active},get paused(){return o.paused},activate:function t(e){if(o.active){return this}var a=s(e,"onActivate");var i=s(e,"onPostActivate");var n=s(e,"checkCanFocusTrap");if(!n){u()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=r.activeElement;a===null||a===undefined||a();var c=function t(){if(n){u()}z();C();i===null||i===undefined||i()};if(n){n(o.containers.concat()).then(c,c);return this}c();return this},deactivate:function t(e){if(!o.active){return this}var a=Wn({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},e);clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;I();o.active=false;o.paused=false;C();Pn.deactivateTrap(i,c);var r=s(a,"onDeactivate");var l=s(a,"onPostDeactivate");var d=s(a,"checkCanReturnFocus");var h=s(a,"returnFocus","returnFocusOnDeactivate");r===null||r===undefined||r();var u=function t(){qn((function(){if(h){p(b(o.nodeFocusedBeforeActivation))}l===null||l===undefined||l()}))};if(h&&d){d(b(o.nodeFocusedBeforeActivation)).then(u,u);return this}u();return this},pause:function t(e){if(!o.active){return this}o.manuallyPaused=true;return this._setPausedState(true,e)},unpause:function t(e){if(!o.active){return this}o.manuallyPaused=false;if(i[i.length-1]!==this){return this}return this._setPausedState(false,e)},updateContainerElements:function t(e){var a=[].concat(e).filter(Boolean);o.containers=a.map((function(t){return typeof t==="string"?r.querySelector(t):t}));if(o.active){u()}C();return this}};Object.defineProperties(c,{_isManuallyPaused:{value:function t(){return o.manuallyPaused}},_setPausedState:{value:function t(e,a){if(o.paused===e){return this}o.paused=e;if(e){var r=s(a,"onPause");var i=s(a,"onPostPause");r===null||r===undefined||r();I();C();i===null||i===undefined||i()}else{var n=s(a,"onUnpause");var c=s(a,"onPostUnpause");n===null||n===undefined||n();u();z();C();c===null||c===undefined||c()}return this}}});c.updateContainerElements(e);return c};const Xn=["input","select","textarea","button","a[href]","[tabindex]","iframe","[contenteditable]","audio[controls]","video[controls]"];const Qn=t=>{if(t instanceof HTMLElement){const e=eo(t);if(e){return e}}const e=Array.from(t.querySelectorAll("*"));for(const t of e){const e=eo(t);if(e){return e}}return undefined};function to(t){if(!t.matches(Xn.join(","))){return false}const e=t.getAttribute("tabindex");return e===null||Number(e)>=0}function eo(t){if(to(t)){return t}if(t.shadowRoot){const e=Qn(t.shadowRoot);if(e){return e}}return undefined}const ao=":host{display:contents}:host([hidden]){display:none}::slotted(nav){padding:0.25rem}.aligned ::slotted(nav){min-width:8rem;max-width:16rem}.justified ::slotted(nav){width:100%}.content{position:fixed;background:white;-webkit-overflow-scrolling:touch;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);border:1px solid rgb(var(--cat-border-color, 235, 236, 240));z-index:calc(var(--cat-z-index, 1000) + 100);display:none;opacity:0;transform:scale(0.9);transition:transform 125ms cubic-bezier(0.3, 0, 0.8, 0.15), opacity 125ms cubic-bezier(0.3, 0, 0.8, 0.15)}.content[data-placement^=top]{transform-origin:bottom}.content[data-placement^=top-start]{transform-origin:bottom left}.content[data-placement^=top-end]{transform-origin:bottom right}.content[data-placement^=left]{transform-origin:right}.content[data-placement^=left-start]{transform-origin:right top}.content[data-placement^=left-end]{transform-origin:right bottom}.content[data-placement^=right]{transform-origin:left}.content[data-placement^=right-start]{transform-origin:left top}.content[data-placement^=right-end]{transform-origin:left bottom}.content[data-placement^=bottom]{transform-origin:top}.content[data-placement^=bottom-start]{transform-origin:top left}.content[data-placement^=bottom-end]{transform-origin:top right}.content.show{opacity:1;transform:scale(1);transition:transform 250ms cubic-bezier(0.05, 0.7, 0.1, 1), opacity 250ms cubic-bezier(0.05, 0.7, 0.1, 1)}.content.overflow-auto{overflow:auto}";let ro=0;const io=class{constructor(e){t(this,e);this.catOpen=i(this,"catOpen");this.catClose=i(this,"catClose");this.id=ro++;this._isOpen=false;this.hasInitialFocus=false;this.placement="bottom-start";this.justify=false;this.noAutoClose=false;this.arrowNavigation="vertical";this.noResize=false;this.overflow=false;this.noInitialFocus=false;this.noReturnFocus=false;this.delayedTriggerInit=false}get isOpen(){return this._isOpen??false}clickHandler(t){if(!this.trigger&&this.delayedTriggerInit){this.hasInitialFocus=this.isEventOriginFromKeyboard(t.detail);this.initTrigger();this.toggle()}const e=t.composedPath();if(!this.noAutoClose&&e.includes(this.content)&&t.target?.slot!=="trigger"&&!e.slice(0,e.indexOf(this.content)).find((t=>this.hasAttribute(t,"data-dropdown-no-close")))){this.close()}}async toggle(){this._isOpen?this.close():this.open()}async open(t){if(!this.trigger&&this.delayedTriggerInit){this.initTrigger()}if(this.isOpen===null||this.isOpen){return}this._isOpen=null;this.content.style.display="block";this.hasInitialFocus=t??this.hasInitialFocus;setTimeout((()=>{this._isOpen=true;this.content.classList.add("show");this.trigger?.setAttribute("aria-expanded","true");this.trap=this.trap?this.trap.updateContainerElements(this.content):Zn(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.noAutoClose&&!t.composedPath().includes(this.content)&&!t.composedPath().find((t=>this.hasAttribute(t,"data-dropdown-no-close"))),onPostDeactivate:()=>this.close(),onPostActivate:()=>this.catOpen.emit(),setReturnFocus:t=>this.noReturnFocus?false:this.trigger||t,isKeyForward:t=>{if(this.arrowNavigation==="horizontal"&&t.key==="ArrowRight"||this.arrowNavigation==="vertical"&&t.key==="ArrowDown"){t.preventDefault();return true}return t.key==="Tab"},isKeyBackward:t=>{if(this.arrowNavigation==="horizontal"&&t.key==="ArrowLeft"||this.arrowNavigation==="vertical"&&t.key==="ArrowUp"){t.preventDefault();return true}return t.key==="Tab"&&t.shiftKey},initialFocus:()=>this.hasInitialFocus&&!this.noInitialFocus?undefined:false});this.trap.activate()}))}async close(){if(!this._isOpen){return}this._isOpen=null;this.trap?.deactivate();this.trap=undefined;this.content.classList.remove("show");setTimeout((()=>{this._isOpen=false;this.content.classList.remove("show");this.content.style.display="";this.trigger?.setAttribute("aria-expanded","false");this.catClose.emit()}),On)}componentDidLoad(){this.initAnchor();if(!this.delayedTriggerInit){this.initTrigger()}}disconnectedCallback(){this.trap?.deactivate();this.trap=undefined}render(){return e(a,{key:"4e91635ab4bc80145586164ae41f48dca6198779"},e("slot",{key:"dc974d5f288760ed8cca3eb3b0266a6d3b6fcec2",name:"anchor",ref:t=>this.anchorSlot=t}),e("slot",{key:"d9bf7cad85fda295ccad2fadcac8776068e9da22",name:"trigger",ref:t=>this.triggerSlot=t}),e("div",{key:"2c2c5b04e05c28e01c3eef6d641542a39ee1554b",id:this.contentId,class:{content:true,"overflow-auto":!this.overflow,justified:this.justify,aligned:!this.justify},ref:t=>this.content=t},e("slot",{key:"6d64a56876aa01e81759a9260c8e7f9f65c20742",name:"content"})))}get contentId(){return`cat-dropdown-${this.id}`}initTrigger(){this.trigger=this.findTrigger();const t=this.trigger.getAttribute("aria-haspopup");this.trigger.setAttribute("aria-haspopup",t??"true");this.trigger.setAttribute("aria-expanded","false");this.trigger.setAttribute("aria-controls",this.contentId);this.trigger.addEventListener("click",(t=>{this.hasInitialFocus=this.isEventOriginFromKeyboard(t);this.toggle()}));if(!this.anchor){yn(this.trigger,this.content,(()=>this.update(this.trigger)))}}isEventOriginFromKeyboard(t){return t.detail===0}initAnchor(){this.anchor=(this.anchorSlot?.assignedElements?.()||[])[0];if(this.anchor){yn(this.anchor,this.content,(()=>this.update(this.anchor)))}}findTrigger(){let t;let e=this.triggerSlot?.assignedElements?.()||[];while(!t&&e.length){const a=e.shift();t=a?.hasAttribute("data-trigger")?a:a?.querySelector("[data-trigger]")??undefined}if(!t){t=Wa(this.triggerSlot)}if(!t){e=this.triggerSlot?.assignedElements?.()||[];while(!t&&e.length){const a=e.shift();t=Qn(a)}}if(!t){throw new Error("Cannot find tabbable element. Use [data-trigger] to set the trigger.")}return t}update(t,e=this.justify){if(t){const a=this.noResize?[]:[zn({padding:io.OFFSET,apply({rects:t,availableWidth:a,availableHeight:r,elements:i}){if(e){Object.assign(i.floating.style,{minWidth:`${t.reference.width}px`,maxWidth:`${t.reference.width}px`,maxHeight:`${r}px`})}else{Object.assign(i.floating.style,{maxWidth:`${a}px`,maxHeight:`${r}px`})}}})];In(t,this.content,{strategy:"fixed",placement:this.placement,middleware:[kn(io.OFFSET),wn(),xn(),...a]}).then((({x:t,y:e,placement:a})=>{this.content.dataset.placement=a;Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}))}}hasAttribute(t,e){return t instanceof HTMLElement&&t.hasAttribute(e)}};io.OFFSET=4;io.style=ao;const no=":host{display:block}";const oo=class{constructor(e){t(this,e);this.formElements=[];this.requiredMarker="auto";this.horizontal=false}onRequiredMarkerChanged(t){const e=t==="auto"?this.calculate(this.formElements):t;this.formElements.forEach((t=>!t.requiredMarker?.endsWith("!")&&(t.requiredMarker=e)))}onHorizontalChanged(t){this.formElements.forEach((e=>{e.fallbackHorizontal=t}))}render(){return e(a,{key:"256d7b8493d24b515d9989f6c0bfa3d2af99ba67",style:{"--label-size":this.labelSize}},e("slot",{key:"806080ce0d61ce3b64819dcb50b7bc1651b31c98",onSlotchange:this.onSlotChange.bind(this)}))}onSlotChange(){this.formElements=Array.from(this.hostElement.querySelectorAll("cat-input, cat-textarea, cat-select, cat-datepicker, cat-date, cat-time"));this.onRequiredMarkerChanged(this.requiredMarker);this.onHorizontalChanged(this.horizontal)}calculate(t){const e=t.filter((t=>!t.required)).length;const a=t.length-e;return a>=e?"optional":"required"}get hostElement(){return r(this)}static get watchers(){return{requiredMarker:["onRequiredMarkerChanged"],horizontal:["onHorizontalChanged"]}}};oo.style=no;const co=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;height:1em;width:calc(var(--cat-icon-ratio, 1) * 1em)}.icon-xs svg{font-size:0.75rem}.icon-s svg{font-size:1rem}.icon-m svg{font-size:1.25rem}.icon-l svg{font-size:1.5rem}.icon-xl svg{font-size:1.75rem}";const so=class{constructor(e){t(this,e);this.size="m"}render(){return e("span",{key:"b7c7a3e889ebc12349f1b8f35c227feb1992f8a8",innerHTML:this.iconSrc||(this.icon?s.getIcon(this.icon):""),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{icon:true,[`icon-${this.size}`]:this.size!=="inline"}})}};so.style=co;function lo(t){return t!=null&&`${t}`!=="false"}function ho(t,e=0){return uo(t)?Number(t):e}function uo(t){return!isNaN(parseFloat(t))&&!isNaN(Number(t))}var fo,po,bo,mo=function(t){return t.replace(/[^\d]/g,"")},go=function(t){return t.reduce((function(t,e){return t+e}),0)},vo=function(t,e){return t.slice(0,e)},yo=function(t){var e=t.value;return t.delimiters.forEach((function(t){t.split("").forEach((function(t){e=e.replace(new RegExp(t.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g"),"")}))})),e},ko=function(t){var e=t.blocks,a=t.delimiter,r=void 0===a?"":a,i=t.delimiters,n=void 0===i?[]:i,o=t.delimiterLazyShow,c=void 0!==o&&o,s="",l=t.value,d="";return e.forEach((function(t,a){if(l.length>0){var i,o=l.slice(0,t),h=l.slice(t);d=n.length>0?null!=(i=n[c?a-1:a])?i:d:r,c?(a>0&&(s+=d),s+=o):(s+=o,o.length===t&&a<e.length-1&&(s+=d)),l=h}})),s};!function(t){t.UATP="uatp",t.AMEX="amex",t.DINERS="diners",t.DISCOVER="discover",t.MASTERCARD="mastercard",t.DANKORT="dankort",t.INSTAPAYMENT="instapayment",t.JCB15="jcb15",t.JCB="jcb",t.MAESTRO="maestro",t.VISA="visa",t.MIR="mir",t.UNIONPAY="unionpay",t.GENERAL="general"}(bo||(bo={}));var xo;(fo={})[bo.UATP]=[4,5,6],fo[bo.AMEX]=[4,6,5],fo[bo.DINERS]=[4,6,4],fo[bo.DISCOVER]=[4,4,4,4],fo[bo.MASTERCARD]=[4,4,4,4],fo[bo.DANKORT]=[4,4,4,4],fo[bo.INSTAPAYMENT]=[4,4,4,4],fo[bo.JCB15]=[4,6,5],fo[bo.JCB]=[4,4,4,4],fo[bo.MAESTRO]=[4,4,4,4],fo[bo.VISA]=[4,4,4,4],fo[bo.MIR]=[4,4,4,4],fo[bo.UNIONPAY]=[4,4,4,4],fo[bo.GENERAL]=[4,4,4,4],fo;(po={})[bo.UATP]=/^(?!1800)1\d{0,14}/,po[bo.AMEX]=/^3[47]\d{0,13}/,po[bo.DISCOVER]=/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,po[bo.DINERS]=/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,po[bo.MASTERCARD]=/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,po[bo.DANKORT]=/^(5019|4175|4571)\d{0,12}/,po[bo.INSTAPAYMENT]=/^63[7-9]\d{0,13}/,po[bo.JCB15]=/^(?:2131|1800)\d{0,11}/,po[bo.JCB]=/^(?:35\d{0,2})\d{0,12}/,po[bo.MAESTRO]=/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,po[bo.MIR]=/^220[0-4]\d{0,12}/,po[bo.VISA]=/^4\d{0,15}/,po[bo.UNIONPAY]=/^(62|81)\d{0,14}/,po;!function(t){t.THOUSAND="thousand",t.LAKH="lakh",t.WAN="wan",t.NONE="none"}(xo||(xo={}));var wo=["d","m","Y"],zo=function(t,e){return e?(t<10?"000":t<100?"00":t<1e3?"0":"")+t:(t<10?"0":"")+t},Io=function(t){return(t<10?"0":"")+t},Do=function(t,e,a){var r;return t=Math.min(t,31),a=null!=(r=a)?r:0,((e=Math.min(e,12))<7&&e%2==0||e>8&&e%2==1)&&(t=Math.min(t,2===e?function(t){return t%4==0&&t%100!=0||t%400==0}(a)?29:28:30)),[t,e,a]},Mo=function(t,e){var a=null!=e?e:{},r=a.delimiterLazyShow,i=void 0!==r&&r,n=a.delimiter,o=void 0===n?"/":n,c=a.datePattern,s=void 0===c?wo:c,l=a.dateMax,d=void 0===l?"":l,h=a.dateMin,u=void 0===h?"":h;t=mo(t);var f=function(t){var e=[];return t.forEach((function(t){e.push("Y"===t?4:2)})),e}(s),p=function(t){var e=t.dateMax,a=t.dateMin.split("-").reverse().map((function(t){return parseInt(t,10)}));2===a.length&&a.unshift(0);var r=e.split("-").reverse().map((function(t){return parseInt(t,10)}));return 2===r.length&&r.unshift(0),{min:a,max:r}}({dateMax:d,dateMin:u});t=function(t){var e=t.value,a=void 0===e?"":e,r=t.blocks,i=t.datePattern,n=t.min,o=t.max,c="";return(void 0===r?[]:r).forEach((function(t,e){if(a.length>0){var r=a.slice(0,t),n=r.slice(0,1),o=a.slice(t);switch(i[e]){case"d":"00"===r?r="01":parseInt(n,10)>3?r="0"+n:parseInt(r,10)>31&&(r="31");break;case"m":"00"===r?r="01":parseInt(n,10)>1?r="0"+n:parseInt(r,10)>12&&(r="12")}c+=r,a=o}})),function(t){var e,a,r,i=t.value,n=void 0===i?"":i,o=t.datePattern,c=t.min,s=t.max,l=[],d=0,h=0,u=0,f=0,p=0,b=0,m=false;return 4===n.length&&"y"!==o[0].toLowerCase()&&"y"!==o[1].toLowerCase()&&(p=2-(f="d"===o[0]?0:2),e=parseInt(n.slice(f,f+2),10),a=parseInt(n.slice(p,p+2),10),l=Do(e,a,0)),8===n.length&&(o.forEach((function(t,e){switch(t){case"d":d=e;break;case"m":h=e;break;default:u=e}})),b=2*u,f=d<=u?2*d:2*d+2,p=h<=u?2*h:2*h+2,e=parseInt(n.slice(f,f+2),10),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+4),10),m=4===n.slice(b,b+4).length,l=Do(e,a,r)),4!==n.length||"y"!==o[0]&&"y"!==o[1]||(b=2-(p="m"===o[0]?0:2),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+2),10),m=2===n.slice(b,b+2).length,l=[0,a,r]),6!==n.length||"Y"!==o[0]&&"Y"!==o[1]||(b=2-.5*(p="m"===o[0]?0:4),a=parseInt(n.slice(p,p+2),10),r=parseInt(n.slice(b,b+4),10),m=4===n.slice(b,b+4).length,l=[0,a,r]),0===(l=function(t){var e=t.date,a=void 0===e?[]:e,r=t.min,i=t.max;return 0===a.length||r.length<3&&i.length<3||t.datePattern.filter((function(t){return"y"===t.toLowerCase()})).length>0&&0===a[2]?a:i.length>0&&(i[2]<a[2]||i[2]===a[2]&&(i[1]<a[1]||i[1]===a[1]&&i[0]<a[0]))?i:r.length>0&&(r[2]>a[2]||r[2]===a[2]&&(r[1]>a[1]||r[1]===a[1]&&r[0]>a[0]))?r:a}({date:l,datePattern:o,min:c,max:s})).length?n:o.reduce((function(t,e){switch(e){case"d":return t+(0===l[0]?"":Io(l[0]));case"m":return t+(0===l[1]?"":Io(l[1]));case"y":return t+(m?zo(l[2],false):"");case"Y":return t+(m?zo(l[2],true):"")}return t}),"")}({value:c,datePattern:i,min:n,max:o})}({value:t,blocks:f,datePattern:s,min:p.min,max:p.max}),t=yo({value:t,delimiters:[o]});var b=go(f);return t=vo(t,b),ko({value:t,blocks:f,delimiter:o,delimiterLazyShow:i})},Co=["h","m","s"],Ro=function(t){return(t<10?"0":"")+t},Oo=function(t,e,a){return a=Math.min(a,60),e=Math.min(e,60),[t=Math.min(t,60),e,a]},Ao=function(t,e){var a=null!=e?e:{},r=a.delimiterLazyShow,i=void 0!==r&&r,n=a.delimiter,o=void 0===n?":":n,c=a.timePattern,s=void 0===c?Co:c,l=a.timeFormat,d=void 0===l?"24":l;t=mo(t);var h=function(t){var e=[];return t.forEach((function(){e.push(2)})),e}(s);t=function(t){var e=t.value,a=t.timePattern,r="",i="12"===t.timeFormat?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60};return t.blocks.forEach((function(t,n){if(e.length>0){var o=e.slice(0,t),c=o.slice(0,1),s=e.slice(t);switch(a[n]){case"h":parseInt(c,10)>i.maxHourFirstDigit?o="0"+c:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(c,10)>i.maxMinutesFirstDigit?o="0"+c:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}})),function(t){var e,a,r,i=t.value,n=t.timePattern,o=[],c=0,s=0,l=0,d=0,h=0,u=0;return 6===i.length&&(n.forEach((function(t,e){switch(t){case"s":c=2*e;break;case"m":s=2*e;break;case"h":l=2*e}})),u=l,h=s,d=c,e=parseInt(i.slice(d,d+2),10),a=parseInt(i.slice(h,h+2),10),r=parseInt(i.slice(u,u+2),10),o=Oo(r,a,e)),4!==i.length||n.includes("s")||(n.forEach((function(t,e){switch(t){case"m":s=2*e;break;case"h":l=2*e}})),u=l,h=s,e=0,a=parseInt(i.slice(h,h+2),10),r=parseInt(i.slice(u,u+2),10),o=Oo(r,a,e)),0===o.length?i:n.reduce((function(t,e){switch(e){case"s":return t+Ro(o[2]);case"m":return t+Ro(o[1]);case"h":return t+Ro(o[0])}return t}),"")}({value:r,timePattern:a})}({value:t,blocks:h,timePattern:s,timeFormat:d}),t=yo({value:t,delimiters:[o]});var u=go(h);return t=vo(t,u),ko({value:t,blocks:h,delimiter:o,delimiterLazyShow:i})};const So=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;font-size:0.9375rem;line-height:1.25rem}:host([hidden]){display:none}.input-field,.input-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.input-field.input-horizontal{flex-direction:row;gap:1rem}.input-wrapper{flex:1 1 auto;display:flex;align-items:stretch;gap:0.75rem;padding:0 0.75rem;height:2.5rem;overflow:hidden;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;--border-color:var(--cat-border-color-dark, 215, 219, 224)}.input-wrapper.input-round{border-radius:10rem}.input-wrapper.input-readonly{pointer-events:none}.input-wrapper.input-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-wrapper:not(.input-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.input-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.input-wrapper:focus-within:has(.clearable:focus){outline:none}.input-wrapper.input-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.input-wrapper:has(input[type=file]){padding-left:0}.input-wrapper{}.input-wrapper:has(input:-webkit-autofill),.input-wrapper:has(input:-webkit-autofill):hover,.input-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.input-wrapper{}.text-prefix,.text-suffix{display:inline-flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.text-prefix{border-right:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-right:0.75rem}.text-suffix{border-left:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-left:0.75rem}.icon-loading,.icon-prefix,.icon-suffix{align-self:center}.input-outer-wrapper{display:flex}.input-inner-wrapper{display:flex;align-items:center;position:relative;flex:1 1 auto}input{font:inherit;margin:0;padding:0;width:100%;min-width:0;border:none;outline:none;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input.has-clearable,input.has-toggle-password{padding-right:1.5rem}input.has-clearable.has-toggle-password{padding-right:3.5rem}input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input::file-selector-button{background-color:transparent;cursor:pointer;border:1px solid var(--cat-border-color-dark, #ccc);border-radius:var(--cat-border-radius-m, 0.25rem);height:1.75rem;margin:0 0.75rem 0 0.375rem}input{}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}input{}.clearable{position:absolute;top:calc(50% - 1rem);right:-0.5rem}.toggle-password{position:absolute;top:calc(50% - 1rem);right:-0.5rem}.has-clearable~.toggle-password{right:1.5rem}.input-inner-wrapper.has-clearable,.input-inner-wrapper.has-toggle-password{padding-right:2rem}.input-inner-wrapper.has-clearable.has-toggle-password{padding-right:4rem}input[type=color]{flex:0 0 1.5625rem;width:1.5625rem;height:1.5625rem;border:1px solid var(--cat-border-color-dark, #ccc);border-radius:0.25rem;background:none;cursor:pointer;appearance:none;box-sizing:border-box;padding:0 !important}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:0;width:100%;height:100%;box-sizing:border-box}input[type=color]::-moz-color-swatch{border:none;border-radius:0;width:100%;height:100%;box-sizing:border-box}.color-value{flex-grow:1}:host(.cat-date-input) .input-wrapper,:host(.cat-time-input) .input-wrapper{z-index:1;border-top-right-radius:0;border-bottom-right-radius:0}";let jo=0;const To=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.catChangeFiles=i(this,"catChangeFiles");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-input-${jo++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.hasSlottedCounter=false;this.isPasswordShown=false;this.requiredMarker="optional";this.clearable=false;this.togglePassword=false;this.disabled=false;this.loading=false;this.iconRight=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.round=false;this.type="text";this.errorUpdate=0}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.internals.setFormValue(this.value??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');this.hasSlottedCounter=!!this.hostElement.querySelector('[slot="counter"]')}async doFocus(t){const e=this.input.type==="hidden"?this.findSiblingInput(this.input.nextSibling):this.input;e?.focus(t)}async doBlur(){this.input.blur()}async clear(){this.value="";this.catChange.emit(this.value);if(this.type==="file"){this.catChangeFiles.emit(null)}}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e("div",{key:"ffc4412a1f7c10431da8c4b6380fd8218298ac5a",class:{"input-field":true,"input-horizontal":this.horizontal??this.fallbackHorizontal??false}},e("div",{key:"212806d23ea27c6bcfd8850ee3da759014ca78ad",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"78072a1cba66307777885eb284c8e1bdd58e16a1",htmlFor:this.id,part:"label"},e("span",{key:"8418283fde42db3445d5ca9b10559684c8bcd7d7",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"6676d6381311ed2d171cb807598de2c408d017bf",name:"label"})||this.label,e("div",{key:"5ae2d177c55c34663304c8d844e232fda8378067",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"21f4e5a75faa4753f75a5a08de6cad4fdcf685fd",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"ea4c178c57d407e09bb8b10f14016c4987db4874",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),(this.maxLength||this.hasSlottedCounter)&&e("div",{key:"43e04d882ca31ad03a66fbc148594cbcdb9ee313",class:"label-character-count","aria-hidden":"true"},this.hasSlottedCounter?e("slot",{name:"counter"}):`${this.value?.length??0}/${this.maxLength}`))))),e("div",{key:"06b53fdb4df82aeb736ae19d73b2a11d1c4e9af0",class:{"input-color":this.type==="color","input-container":true}},e("div",{key:"edb77ce73acff3cbcc0f4228a3c9ac95dbaca2d8",class:"input-outer-wrapper"},e("div",{key:"b39ccf857a38b31e2f15885f11c6d5f75f335aa3",class:{"input-wrapper":true,"input-round":this.round,"input-readonly":this.readonly,"input-disabled":this.disabled,"input-invalid":this.invalid},onClick:()=>this.input.focus()},this.textPrefix&&e("span",{key:"f075bb5d4a81c2ccf35d7c50fd3ec65a6b9ab37e",class:"text-prefix",part:"prefix"},this.textPrefix),this.icon&&!this.iconRight&&e("cat-icon",{key:"12013d6b78cd440b99982c12aef4af31dcd91246",icon:this.icon,class:"icon-prefix",size:"l",onClick:()=>this.doFocus()}),e("div",{key:"6d339cfe079f7926b4263b161ff08f4c6b9a4a43",class:{"has-clearable":this.clearable&&!this.disabled&&!this.readonly&&!!this.value,"has-toggle-password":this.togglePassword&&!this.disabled&&!this.readonly&&!!this.value,"input-inner-wrapper":true,"type-color":this.type==="color"}},this.type==="color"&&e("span",{key:"cf422632d44d234e7a9aef52572665a9a28ecc9d",class:"color-value"},this.value??"#000000"),e("input",{key:"ebc4a025956a028f1f73958486fa7e37dcd585a3","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.id,class:{"has-clearable":this.clearable&&!this.disabled&&!this.readonly&&!!this.value,"has-toggle-password":this.togglePassword&&!this.disabled&&!this.readonly&&!!this.value},autocomplete:this.autoComplete,disabled:this.disabled,accept:this.type==="file"?this.accept:undefined,multiple:this.type==="file"?this.multiple:undefined,max:this.max,maxlength:this.maxLength,min:this.min,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,type:this.isPasswordShown?"text":this.type,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined}),this.clearable&&!this.disabled&&!this.readonly&&this.value&&e("cat-button",{key:"c60b67e4b261a08d91180a92618fdfc692d239bf",class:"clearable",icon:"$cat:input-close","icon-only":"true",size:"s",variant:"text","a11y-label":o.t("input.clear"),onClick:this.clear.bind(this),"data-dropdown-no-close":true}),this.togglePassword&&!this.disabled&&!this.readonly&&this.value&&e("cat-button",{key:"db6c218c74a241f626e5c2fdc767fa8f63d33a86",class:"toggle-password",icon:this.isPasswordShown?"$cat:input-password-hide":"$cat:input-password-show","icon-only":"true",size:"s",variant:"text","a11y-label":o.t(this.isPasswordShown?"input.hidePassword":"input.showPassword"),onClick:this.doTogglePassword.bind(this)})),this.loading&&e("cat-spinner",{key:"b2179d6109246c579189f0911faeb95168b96016",size:"m",class:"icon-loading"}),!this.invalid&&this.icon&&this.iconRight&&e("cat-icon",{key:"52487c6ce3219d9b60f4af4f3360691bd7c34ace",icon:this.icon,class:"icon-suffix",size:"l",onClick:()=>this.doFocus()}),this.invalid&&e("cat-icon",{key:"18a27e11f4c4501d17758af16953ee2e23a1f0b9",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}),this.textSuffix&&e("span",{key:"670348803c9828e4cf0587dd24de55273611f3a1",class:"text-suffix",part:"suffix"},this.textSuffix)),e("slot",{key:"31969e55553baa41f18f60af3f81add74dafc6a7",name:"addon"})),this.hasHint&&e(Ne,{key:"3a240f0af4686de4c2fc66c267e0e8c6b5f26157",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){let t=this.input.value;if(this.timeMaskOptions){t=Ao(this.input.value,this.timeMaskOptions);this.input.value=t}if(this.dateMaskOptions){t=Mo(this.input.value,this.dateMaskOptions);this.input.value=t}this.value=t;this.internals.setFormValue(this.input.value);this.catChange.emit(this.value);if(this.type==="file"){this.catChangeFiles.emit(this.input.files)}this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}doTogglePassword(){this.isPasswordShown=!this.isPasswordShown}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}findSiblingInput(t){if(t instanceof HTMLInputElement){return t}else if(t?.nextSibling){return this.findSiblingInput(t.nextSibling)}return undefined}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};To.style=So;const Fo=":host{display:inline-block}:host([hidden]){display:none}ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}li{display:inline-flex;justify-content:center}li.dots{-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([variant=outlined]) ol{gap:0.75rem}.cat-pagination-xs li.dots,.cat-pagination-xs li.text{height:1.5rem;line-height:1.5rem;font-size:0.875rem}.cat-pagination-xs li.dots{width:1.5rem}:host([variant=outlined]) .cat-pagination-xs{gap:0.375rem}.cat-pagination-s li.dots,.cat-pagination-s li.text{height:2rem;line-height:2rem;font-size:0.9375rem}.cat-pagination-s li.dots{width:2rem}:host([variant=outlined]) .cat-pagination-s{gap:0.5rem}.cat-pagination-m li.dots,.cat-pagination-m li.text{height:2.5rem;line-height:2.5rem;font-size:0.9375rem}.cat-pagination-m li.dots{width:2.5rem}:host([variant=outlined]) .cat-pagination-m{gap:0.625rem}.cat-pagination-l li.dots,.cat-pagination-l li.text{height:3rem;line-height:3rem;font-size:0.9375rem}.cat-pagination-l li.dots{width:3rem}:host([variant=outlined]) .cat-pagination-l{gap:0.75rem}.cat-pagination-xl li.dots,.cat-pagination-xl li.text{height:3.5rem;line-height:3.5rem;font-size:1.125rem}.cat-pagination-xl li.dots{width:3.5rem}:host([variant=outlined]) .cat-pagination-xl{gap:0.875rem}";const $o=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.page=0;this.pageCount=1;this.activePadding=1;this.sidePadding=1;this.size="m";this.variant="text";this.round=false;this.compact=false;this.iconPrev="$cat:pagination-left";this.iconNext="$cat:pagination-right"}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e("nav",{key:"92edf5d03bcf32e751e5a477280e4df4a48fe92d",role:"navigation"},e("ol",{key:"d3abfee45a341bd03c1f6d1e1f275f5714817539",class:{[`cat-pagination-${this.size}`]:Boolean(this.size)}},e("li",{key:"7d9a267ca412d15e869321b331729810cc09253c"},e("cat-button",{key:"da1fb4fca4ce3e34eb269fbbd3003baad95fe5da",variant:this.variant,size:this.size,round:this.round,disabled:this.isFirst,a11yLabel:o.t("pagination.prev"),icon:this.iconPrev,iconOnly:true,onClick:()=>this.setPage(this.page-1)})),this.content,e("li",{key:"14237910fe38dbc5d829b804ee5fd9613a68c783"},e("cat-button",{key:"9e7ad815b7708ec9c1200bd923fa61be5c6e9552",variant:this.variant,size:this.size,round:this.round,disabled:this.isLast,a11yLabel:o.t("pagination.next"),icon:this.iconNext,iconOnly:true,onClick:()=>this.setPage(this.page+1)}))))}get isFirst(){return this.page===0}get isLast(){return this.page===this.pageCount-1}setPage(t){this.page=t;this.catChange.emit(this.page)}get pages(){if(!this.sidePadding&&!this.activePadding){return[this.page]}const t=new Set;const e=this.page<=this.sidePadding+this.activePadding+1;const a=e?this.sidePadding+2*this.activePadding+2:this.sidePadding;const r=this.page>=this.pageCount-this.sidePadding-this.activePadding-2;const i=r?this.pageCount-this.sidePadding-2*this.activePadding-2:this.pageCount-this.sidePadding;this.addSeq(t,0,a);if(!e&&!r){this.addSeq(t,this.page-this.activePadding,this.page+this.activePadding+1)}this.addSeq(t,i,this.pageCount);return[...t]}addSeq(t,e,a){const r=this.clamp(e,0,this.pageCount);const i=this.clamp(a,0,this.pageCount);Array(i-r).fill(0).forEach(((e,a)=>t.add(r+a)))}clamp(t,e,a){return Math.min(Math.max(t,e),a)}get content(){if(this.compact){return e("li",{class:"text"},this.page+1,"/",this.pageCount)}return this.pages.map(((t,a)=>[a>0&&this.pages[a-1]!==t-1?e("li",{class:"dots"},"…"):null,e("li",null,e("cat-button",{variant:this.variant,size:this.size,round:this.round,color:this.page===t?"primary":undefined,active:this.page===t,a11yLabel:o.t("pagination.page",{page:t+1}),a11yCurrent:this.page===t?"step":undefined,onClick:()=>this.setPage(t)},t+1))]))}static get delegatesFocus(){return true}get hostElement(){return r(this)}};$o.style=Fo;const Wo=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}:host{display:flex;flex-direction:column;gap:0.25rem}:host([hidden]){display:none}label{display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);cursor:pointer}.label-left{flex-direction:row-reverse}.radio{display:flex;position:relative;align-self:flex-start}.circle-placeholder{width:calc(1.25rem + 1px);flex-shrink:0}.circle{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 0, 129, 148));border-radius:10rem;top:calc(50% - 0.375rem);left:calc(50% - 0.375rem);visibility:hidden;pointer-events:none}input{margin:0;width:1.25rem;height:1.25rem;appearance:none;background-color:white;border:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 0, 129, 148))}input:checked+.circle{visibility:visible}input:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host(.cat-error) input{border-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .circle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.is-disabled input{background-color:#f2f4f7}.is-disabled input:checked{border-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}.is-disabled .circle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}.align-center .radio{align-self:center}.align-end .radio{align-self:flex-end}";let Bo=0;const Eo=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this._id=`cat-radio-${++Bo}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.value="";this.labelLeft=false;this.alignment="top"}get id(){return this.identifier||this._id}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"d5bdfdba836cb7f6ea32ffd9befa8e21b3681f1d"},e("label",{key:"a4bc5f97bc1c9313fc42ed4e6ffa4f3dcdf0b5db",htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft,"align-center":this.alignment==="center","align-end":this.alignment==="bottom"},role:"radio","aria-checked":this.checked?"true":"false"},e("span",{key:"26d8bda2a2d7eb9479762cde79ddcbf4ffa66c31",class:"radio"},e("input",{key:"93aa9f8c9c6c80032806821d4a25d211351f5ae7","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.identifier||this.id,type:"radio",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-describedby":this.hasHint?this.id+"-hint":undefined}),e("span",{key:"de64c16b1b208ee39173a479961c8a9c35398891",class:"circle"})),e("span",{key:"31aee49255f90b202fa24bd7e3454faef997403d",class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{key:"42fd54752399f0f598051e3b88df68111d6e5871",name:"label"})||this.label)),this.hasHint&&e("div",{key:"dd8ebf787f21f0b3ec2d4b3502f5ed55ffdc1828",class:{"hint-wrapper":true,"label-left":this.labelLeft}},e("div",{key:"2107fc47f09c98351657658066642380848711c6",class:"circle-placeholder"}),e(Ne,{key:"ff77ec0e74627dab0b823150681c8be5a3ad9d98",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint}onInput(){this.checked=true;this.catChange.emit(this.value)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}static get delegatesFocus(){return true}get hostElement(){return r(this)}};Eo.style=Wo;const No=":host{display:block}:host([hidden]){display:none}";const Lo=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.catRadioGroup=[];this.disabled=false;this.labelLeft=false}onNameChanged(t){this.catRadioGroup.forEach((e=>e.name=t))}onValueChanged(t){this.catRadioGroup.forEach((e=>e.checked=e.value===t));this.updateTabIndex()}onDisabledChanged(t){this.catRadioGroup.forEach((e=>e.disabled=e.disabled||t))}onLabelLeftChanged(t){this.catRadioGroup.forEach((e=>e.labelLeft=e.labelLeft||t))}componentDidLoad(){this.init();this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-RADIO"))&&this.init()));this.mutationObserver?.observe(this.hostElement,{childList:true,attributes:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}onKeydown(t){if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)&&this.catRadioGroup.length){const e=this.catRadioGroup.filter((t=>!t.disabled));const a=document.activeElement;const r=this.catRadioGroup.findIndex((t=>t===a));const i=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const n=r<0?0:(r+i+e.length)%e.length;e[n].doFocus();e[n].shadowRoot?.querySelector("input")?.click();this.updateTabIndex();t.preventDefault()}}onInput(t){const e=this.catRadioGroup.find((e=>e===t.target));if(e?.localName==="cat-radio"){this.value=e?.checked?e?.value:undefined;this.catChange.emit(this.value)}}onFocus(t){if(!t.relatedTarget){this.catBlur.emit(t)}}onBlur(t){if(!t.relatedTarget){this.catBlur.emit(t)}}render(){return e("div",{key:"bddb6ec500cf6153286300ae20bad8925d4dcfd1",role:"radiogroup","aria-label":this.a11yLabel},e("slot",{key:"55c9ce43491b01ee35183b3ba880f62e49a58f0f"}))}init(){this.catRadioGroup=Array.from(this.hostElement.querySelectorAll(`cat-radio`));this.onNameChanged(this.name);this.onValueChanged(this.value);this.onDisabledChanged(this.disabled);this.onLabelLeftChanged(this.labelLeft)}updateTabIndex(){if(this.catRadioGroup.length){this.catRadioGroup.forEach((t=>t.shadowRoot?.querySelector("input")?.setAttribute("tabindex","-1")));const t=this.catRadioGroup.findIndex((t=>t.checked));this.catRadioGroup[t>=0?t:0].shadowRoot?.querySelector("input")?.setAttribute("tabindex","0")}}get hostElement(){return r(this)}static get watchers(){return{name:["onNameChanged"],value:["onValueChanged"],disabled:["onDisabledChanged"],labelLeft:["onLabelLeftChanged"]}}};Lo.style=No;var Po={};var Yo={};var Ho;function Uo(){if(Ho)return Yo;Ho=1;Object.defineProperty(Yo,"__esModule",{value:true});Yo.partition=void 0;var t=l();var e=d();function a(a,r){return function(i){return[e.filter(a,r)(i),e.filter(t.not(a,r))(i)]}}Yo.partition=a;return Yo}var _o={};var Ko;function qo(){if(Ko)return _o;Ko=1;var t=_o&&_o.__read||function(t,e){var a=typeof Symbol==="function"&&t[Symbol.iterator];if(!a)return t;var r=a.call(t),i,n=[],o;try{while((e===void 0||e-- >0)&&!(i=r.next()).done)n.push(i.value)}catch(t){o={error:t}}finally{try{if(i&&!i.done&&(a=r["return"]))a.call(r)}finally{if(o)throw o.error}}return n};var e=_o&&_o.__spreadArray||function(t,e){for(var a=0,r=e.length,i=t.length;a<r;a++,i++)t[i]=e[a];return t};Object.defineProperty(_o,"__esModule",{value:true});_o.race=void 0;var a=h();var r=u();function i(){var i=[];for(var n=0;n<arguments.length;n++){i[n]=arguments[n]}return r.raceWith.apply(void 0,e([],t(a.argsOrArgArray(i))))}_o.race=i;return _o}var Go;function Vo(){if(Go)return Po;Go=1;(function(t){Object.defineProperty(t,"__esModule",{value:true});t.mergeAll=t.merge=t.max=t.materialize=t.mapTo=t.map=t.last=t.isEmpty=t.ignoreElements=t.groupBy=t.first=t.findIndex=t.find=t.finalize=t.filter=t.expand=t.exhaustMap=t.exhaustAll=t.exhaust=t.every=t.endWith=t.elementAt=t.distinctUntilKeyChanged=t.distinctUntilChanged=t.distinct=t.dematerialize=t.delayWhen=t.delay=t.defaultIfEmpty=t.debounceTime=t.debounce=t.count=t.connect=t.concatWith=t.concatMapTo=t.concatMap=t.concatAll=t.concat=t.combineLatestWith=t.combineLatest=t.combineLatestAll=t.combineAll=t.catchError=t.bufferWhen=t.bufferToggle=t.bufferTime=t.bufferCount=t.buffer=t.auditTime=t.audit=void 0;t.timeInterval=t.throwIfEmpty=t.throttleTime=t.throttle=t.tap=t.takeWhile=t.takeUntil=t.takeLast=t.take=t.switchScan=t.switchMapTo=t.switchMap=t.switchAll=t.subscribeOn=t.startWith=t.skipWhile=t.skipUntil=t.skipLast=t.skip=t.single=t.shareReplay=t.share=t.sequenceEqual=t.scan=t.sampleTime=t.sample=t.refCount=t.retryWhen=t.retry=t.repeatWhen=t.repeat=t.reduce=t.raceWith=t.race=t.publishReplay=t.publishLast=t.publishBehavior=t.publish=t.pluck=t.partition=t.pairwise=t.onErrorResumeNext=t.observeOn=t.multicast=t.min=t.mergeWith=t.mergeScan=t.mergeMapTo=t.mergeMap=t.flatMap=void 0;t.zipWith=t.zipAll=t.zip=t.withLatestFrom=t.windowWhen=t.windowToggle=t.windowTime=t.windowCount=t.window=t.toArray=t.timestamp=t.timeoutWith=t.timeout=void 0;var e=f();Object.defineProperty(t,"audit",{enumerable:true,get:function(){return e.audit}});var a=p();Object.defineProperty(t,"auditTime",{enumerable:true,get:function(){return a.auditTime}});var r=b();Object.defineProperty(t,"buffer",{enumerable:true,get:function(){return r.buffer}});var i=m();Object.defineProperty(t,"bufferCount",{enumerable:true,get:function(){return i.bufferCount}});var n=g();Object.defineProperty(t,"bufferTime",{enumerable:true,get:function(){return n.bufferTime}});var o=v();Object.defineProperty(t,"bufferToggle",{enumerable:true,get:function(){return o.bufferToggle}});var c=y();Object.defineProperty(t,"bufferWhen",{enumerable:true,get:function(){return c.bufferWhen}});var s=k();Object.defineProperty(t,"catchError",{enumerable:true,get:function(){return s.catchError}});var l=x();Object.defineProperty(t,"combineAll",{enumerable:true,get:function(){return l.combineAll}});var h=w();Object.defineProperty(t,"combineLatestAll",{enumerable:true,get:function(){return h.combineLatestAll}});var pe=z();Object.defineProperty(t,"combineLatest",{enumerable:true,get:function(){return pe.combineLatest}});var be=I();Object.defineProperty(t,"combineLatestWith",{enumerable:true,get:function(){return be.combineLatestWith}});var me=D();Object.defineProperty(t,"concat",{enumerable:true,get:function(){return me.concat}});var ge=M();Object.defineProperty(t,"concatAll",{enumerable:true,get:function(){return ge.concatAll}});var ve=C();Object.defineProperty(t,"concatMap",{enumerable:true,get:function(){return ve.concatMap}});var ye=R();Object.defineProperty(t,"concatMapTo",{enumerable:true,get:function(){return ye.concatMapTo}});var ke=O();Object.defineProperty(t,"concatWith",{enumerable:true,get:function(){return ke.concatWith}});var xe=A();Object.defineProperty(t,"connect",{enumerable:true,get:function(){return xe.connect}});var we=S();Object.defineProperty(t,"count",{enumerable:true,get:function(){return we.count}});var ze=j();Object.defineProperty(t,"debounce",{enumerable:true,get:function(){return ze.debounce}});var Ie=T();Object.defineProperty(t,"debounceTime",{enumerable:true,get:function(){return Ie.debounceTime}});var De=F();Object.defineProperty(t,"defaultIfEmpty",{enumerable:true,get:function(){return De.defaultIfEmpty}});var Me=$();Object.defineProperty(t,"delay",{enumerable:true,get:function(){return Me.delay}});var Ce=W();Object.defineProperty(t,"delayWhen",{enumerable:true,get:function(){return Ce.delayWhen}});var Re=B();Object.defineProperty(t,"dematerialize",{enumerable:true,get:function(){return Re.dematerialize}});var Oe=E();Object.defineProperty(t,"distinct",{enumerable:true,get:function(){return Oe.distinct}});var Ae=N();Object.defineProperty(t,"distinctUntilChanged",{enumerable:true,get:function(){return Ae.distinctUntilChanged}});var Se=L();Object.defineProperty(t,"distinctUntilKeyChanged",{enumerable:true,get:function(){return Se.distinctUntilKeyChanged}});var je=P();Object.defineProperty(t,"elementAt",{enumerable:true,get:function(){return je.elementAt}});var Te=Y();Object.defineProperty(t,"endWith",{enumerable:true,get:function(){return Te.endWith}});var Fe=H();Object.defineProperty(t,"every",{enumerable:true,get:function(){return Fe.every}});var $e=U();Object.defineProperty(t,"exhaust",{enumerable:true,get:function(){return $e.exhaust}});var We=_();Object.defineProperty(t,"exhaustAll",{enumerable:true,get:function(){return We.exhaustAll}});var Be=K();Object.defineProperty(t,"exhaustMap",{enumerable:true,get:function(){return Be.exhaustMap}});var Ee=q();Object.defineProperty(t,"expand",{enumerable:true,get:function(){return Ee.expand}});var Ne=d();Object.defineProperty(t,"filter",{enumerable:true,get:function(){return Ne.filter}});var Le=G();Object.defineProperty(t,"finalize",{enumerable:true,get:function(){return Le.finalize}});var Pe=V();Object.defineProperty(t,"find",{enumerable:true,get:function(){return Pe.find}});var Ye=J();Object.defineProperty(t,"findIndex",{enumerable:true,get:function(){return Ye.findIndex}});var He=Z();Object.defineProperty(t,"first",{enumerable:true,get:function(){return He.first}});var Ue=X();Object.defineProperty(t,"groupBy",{enumerable:true,get:function(){return Ue.groupBy}});var _e=Q();Object.defineProperty(t,"ignoreElements",{enumerable:true,get:function(){return _e.ignoreElements}});var Ke=tt();Object.defineProperty(t,"isEmpty",{enumerable:true,get:function(){return Ke.isEmpty}});var qe=et();Object.defineProperty(t,"last",{enumerable:true,get:function(){return qe.last}});var Ge=at();Object.defineProperty(t,"map",{enumerable:true,get:function(){return Ge.map}});var Ve=rt();Object.defineProperty(t,"mapTo",{enumerable:true,get:function(){return Ve.mapTo}});var Je=it();Object.defineProperty(t,"materialize",{enumerable:true,get:function(){return Je.materialize}});var Ze=nt();Object.defineProperty(t,"max",{enumerable:true,get:function(){return Ze.max}});var Xe=ot();Object.defineProperty(t,"merge",{enumerable:true,get:function(){return Xe.merge}});var Qe=ct();Object.defineProperty(t,"mergeAll",{enumerable:true,get:function(){return Qe.mergeAll}});var ta=st();Object.defineProperty(t,"flatMap",{enumerable:true,get:function(){return ta.flatMap}});var ea=lt();Object.defineProperty(t,"mergeMap",{enumerable:true,get:function(){return ea.mergeMap}});var aa=dt();Object.defineProperty(t,"mergeMapTo",{enumerable:true,get:function(){return aa.mergeMapTo}});var ra=ht();Object.defineProperty(t,"mergeScan",{enumerable:true,get:function(){return ra.mergeScan}});var ia=ut();Object.defineProperty(t,"mergeWith",{enumerable:true,get:function(){return ia.mergeWith}});var na=ft();Object.defineProperty(t,"min",{enumerable:true,get:function(){return na.min}});var oa=pt();Object.defineProperty(t,"multicast",{enumerable:true,get:function(){return oa.multicast}});var ca=bt();Object.defineProperty(t,"observeOn",{enumerable:true,get:function(){return ca.observeOn}});var sa=mt();Object.defineProperty(t,"onErrorResumeNext",{enumerable:true,get:function(){return sa.onErrorResumeNext}});var la=gt();Object.defineProperty(t,"pairwise",{enumerable:true,get:function(){return la.pairwise}});var da=Uo();Object.defineProperty(t,"partition",{enumerable:true,get:function(){return da.partition}});var ha=vt();Object.defineProperty(t,"pluck",{enumerable:true,get:function(){return ha.pluck}});var ua=yt();Object.defineProperty(t,"publish",{enumerable:true,get:function(){return ua.publish}});var fa=kt();Object.defineProperty(t,"publishBehavior",{enumerable:true,get:function(){return fa.publishBehavior}});var pa=xt();Object.defineProperty(t,"publishLast",{enumerable:true,get:function(){return pa.publishLast}});var ba=wt();Object.defineProperty(t,"publishReplay",{enumerable:true,get:function(){return ba.publishReplay}});var ma=qo();Object.defineProperty(t,"race",{enumerable:true,get:function(){return ma.race}});var ga=u();Object.defineProperty(t,"raceWith",{enumerable:true,get:function(){return ga.raceWith}});var va=zt();Object.defineProperty(t,"reduce",{enumerable:true,get:function(){return va.reduce}});var ya=It();Object.defineProperty(t,"repeat",{enumerable:true,get:function(){return ya.repeat}});var ka=Dt();Object.defineProperty(t,"repeatWhen",{enumerable:true,get:function(){return ka.repeatWhen}});var xa=Mt();Object.defineProperty(t,"retry",{enumerable:true,get:function(){return xa.retry}});var wa=Ct();Object.defineProperty(t,"retryWhen",{enumerable:true,get:function(){return wa.retryWhen}});var za=Rt();Object.defineProperty(t,"refCount",{enumerable:true,get:function(){return za.refCount}});var Ia=Ot();Object.defineProperty(t,"sample",{enumerable:true,get:function(){return Ia.sample}});var Da=At();Object.defineProperty(t,"sampleTime",{enumerable:true,get:function(){return Da.sampleTime}});var Ma=St();Object.defineProperty(t,"scan",{enumerable:true,get:function(){return Ma.scan}});var Ca=jt();Object.defineProperty(t,"sequenceEqual",{enumerable:true,get:function(){return Ca.sequenceEqual}});var Ra=Tt();Object.defineProperty(t,"share",{enumerable:true,get:function(){return Ra.share}});var Oa=Ft();Object.defineProperty(t,"shareReplay",{enumerable:true,get:function(){return Oa.shareReplay}});var Aa=$t();Object.defineProperty(t,"single",{enumerable:true,get:function(){return Aa.single}});var Sa=Wt();Object.defineProperty(t,"skip",{enumerable:true,get:function(){return Sa.skip}});var ja=Bt();Object.defineProperty(t,"skipLast",{enumerable:true,get:function(){return ja.skipLast}});var Ta=Et();Object.defineProperty(t,"skipUntil",{enumerable:true,get:function(){return Ta.skipUntil}});var Fa=Nt();Object.defineProperty(t,"skipWhile",{enumerable:true,get:function(){return Fa.skipWhile}});var $a=Lt();Object.defineProperty(t,"startWith",{enumerable:true,get:function(){return $a.startWith}});var Wa=Pt();Object.defineProperty(t,"subscribeOn",{enumerable:true,get:function(){return Wa.subscribeOn}});var Ba=Yt();Object.defineProperty(t,"switchAll",{enumerable:true,get:function(){return Ba.switchAll}});var Ea=Ht();Object.defineProperty(t,"switchMap",{enumerable:true,get:function(){return Ea.switchMap}});var Na=Ut();Object.defineProperty(t,"switchMapTo",{enumerable:true,get:function(){return Na.switchMapTo}});var La=_t();Object.defineProperty(t,"switchScan",{enumerable:true,get:function(){return La.switchScan}});var Pa=Kt();Object.defineProperty(t,"take",{enumerable:true,get:function(){return Pa.take}});var Ya=qt();Object.defineProperty(t,"takeLast",{enumerable:true,get:function(){return Ya.takeLast}});var Ha=Gt();Object.defineProperty(t,"takeUntil",{enumerable:true,get:function(){return Ha.takeUntil}});var Ua=Vt();Object.defineProperty(t,"takeWhile",{enumerable:true,get:function(){return Ua.takeWhile}});var _a=Jt();Object.defineProperty(t,"tap",{enumerable:true,get:function(){return _a.tap}});var Ka=Zt();Object.defineProperty(t,"throttle",{enumerable:true,get:function(){return Ka.throttle}});var qa=Xt();Object.defineProperty(t,"throttleTime",{enumerable:true,get:function(){return qa.throttleTime}});var Ga=Qt();Object.defineProperty(t,"throwIfEmpty",{enumerable:true,get:function(){return Ga.throwIfEmpty}});var Va=te();Object.defineProperty(t,"timeInterval",{enumerable:true,get:function(){return Va.timeInterval}});var Ja=ee();Object.defineProperty(t,"timeout",{enumerable:true,get:function(){return Ja.timeout}});var Za=ae();Object.defineProperty(t,"timeoutWith",{enumerable:true,get:function(){return Za.timeoutWith}});var Xa=re();Object.defineProperty(t,"timestamp",{enumerable:true,get:function(){return Xa.timestamp}});var Qa=ie();Object.defineProperty(t,"toArray",{enumerable:true,get:function(){return Qa.toArray}});var tr=ne();Object.defineProperty(t,"window",{enumerable:true,get:function(){return tr.window}});var er=oe();Object.defineProperty(t,"windowCount",{enumerable:true,get:function(){return er.windowCount}});var ar=ce();Object.defineProperty(t,"windowTime",{enumerable:true,get:function(){return ar.windowTime}});var rr=se();Object.defineProperty(t,"windowToggle",{enumerable:true,get:function(){return rr.windowToggle}});var ir=le();Object.defineProperty(t,"windowWhen",{enumerable:true,get:function(){return ir.windowWhen}});var nr=de();Object.defineProperty(t,"withLatestFrom",{enumerable:true,get:function(){return nr.withLatestFrom}});var or=he();Object.defineProperty(t,"zip",{enumerable:true,get:function(){return or.zip}});var cr=ue();Object.defineProperty(t,"zipAll",{enumerable:true,get:function(){return cr.zipAll}});var sr=fe();Object.defineProperty(t,"zipWith",{enumerable:true,get:function(){return sr.zipWith}})})(Po);return Po}var Jo=Vo();const Zo=":host{overflow:hidden;position:relative;display:flex}:host([hidden]){display:none}.shadow-bottom,.shadow-right,.shadow-left,.shadow-top{position:absolute;transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.shadow-top{z-index:2;width:100%;top:0}.shadow-left{z-index:4;height:100%;left:0}.shadow-right{z-index:4;height:100%;right:0}.shadow-bottom{z-index:2;width:100%;bottom:0}.scrollable-wrapper{position:absolute;inset:0;pointer-events:none}.scrollable-wrapper.cat-scrollable-top .shadow-top,.scrollable-wrapper.cat-scrollable-bottom .shadow-bottom,.scrollable-wrapper.cat-scrollable-left .shadow-left,.scrollable-wrapper.cat-scrollable-right .shadow-right{box-shadow:0 0 4px 1px rgba(16, 29, 48, 0.2)}.scrollable-content{width:100%;overflow:hidden}.scrollable-content.scroll-x{overflow-x:auto}.scrollable-content.scroll-y{overflow-y:auto}.scrollable-content.no-overscroll{overscroll-behavior:contain}";const Xo=class{constructor(e){t(this,e);this.scrolledTop=i(this,"scrolledTop");this.scrolledLeft=i(this,"scrolledLeft");this.scrolledRight=i(this,"scrolledRight");this.scrolledBottom=i(this,"scrolledBottom");this.init=new pe.Subject;this.destroyed=new pe.Subject;this.resizedEntries=new pe.Subject;this.resizedObserver=new ResizeObserver((t=>this.resizedEntries.next(t)));this.noShadowX=false;this.noShadowY=false;this.noOverflowX=false;this.noOverflowY=false;this.noOverscroll=false;this.noScrolledInit=false;this.scrolledBuffer=0}componentDidRender(){if(this.scrollElement){this.scrolled=pe.fromEvent(this.scrollElement,"scroll").pipe(Jo.takeUntil(this.destroyed));this.resizedObserver.observe(this.scrollElement)}if(this.scrollWrapperElement){this.resizedObserver.observe(this.scrollWrapperElement)}this.attachEmitter("left",this.scrolledLeft);this.attachEmitter("right",this.scrolledRight);this.attachEmitter("bottom",this.scrolledBottom);this.attachEmitter("top",this.scrolledTop);pe.merge(this.init,this.scrolled,this.resizedEntries).pipe(Jo.auditTime(Xo.THROTTLE),Jo.map((()=>({top:this.getScrollOffset("top")>5,left:this.getScrollOffset("left")>5,right:this.getScrollOffset("right")>5,bottom:this.getScrollOffset("bottom")>5}))),Jo.takeUntil(this.destroyed)).subscribe((({top:t,left:e,right:a,bottom:r})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",a);this.toggleClass("cat-scrollable-bottom",r)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete();this.resizedObserver.disconnect()}render(){return[e("div",{key:"a74da54b345c5d35e790a767112256623298fb45",class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},!this.noShadowY&&e("div",{key:"c1210162912c663853d3693c1d390c11cc3fce15",class:"shadow-top"}),!this.noShadowX&&e("div",{key:"7926685bbacaf7338667e507455ddb91e8fa716f",class:"shadow-left"}),!this.noShadowX&&e("div",{key:"2b5c384ab9ea25f4cfc03e4fa96c494d29b220a3",class:"shadow-right"}),!this.noShadowY&&e("div",{key:"9beefb53981be683f2fff1e3d199a5cc79f939b6",class:"shadow-bottom"})),e("div",{key:"84440bc3d95ec0686ecc080b70ed763e5a140851",ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},e("slot",{key:"4f001c11db1d3c8f7d23ac8187d356abe88ef190"}))]}attachEmitter(t,e){pe.merge(this.init,this.scrolled,this.resizedEntries).pipe(Jo.auditTime(Xo.THROTTLE),Jo.map((()=>this.getScrollOffset(t))),Jo.map((t=>t<=this.scrolledBuffer)),Jo.filter((t=>t)),Jo.map((()=>{switch(t){case"top":return this.getScrollOffset("bottom");case"left":return this.getScrollOffset("right");case"right":return this.getScrollOffset("left");case"bottom":return this.getScrollOffset("top")}})),Jo.distinctUntilChanged(),Jo.takeUntil(this.destroyed)).subscribe((()=>e.emit()))}getScrollOffset(t){if(this.scrollElement){switch(t){case"top":return this.scrollElement.scrollTop;case"left":return this.scrollElement.scrollLeft;case"right":return this.scrollElement.scrollWidth-this.scrollElement.clientWidth-this.scrollElement.scrollLeft;case"bottom":return this.scrollElement.scrollHeight-this.scrollElement.clientHeight-this.scrollElement.scrollTop;default:return 0}}return 0}toggleClass(t,e){if(e){this.scrollWrapperElement?.classList.add(t)}else{this.scrollWrapperElement?.classList.remove(t)}}};Xo.THROTTLE=50;Xo.style=Zo;var Qo;var tc;function ec(){if(tc)return Qo;tc=1;var t="__autosizeInputGhost";var e={" ":"nbsp","<":"lt",">":"gt"};function a(t){return"&"+e[t]+";"}function r(t){return t.replace(/\s|<|>/g,a)}function i(){var e=document.createElement("div");e.id=t;e.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";document.body.appendChild(e);return e}Qo=function(e,a){var n=window.getComputedStyle(e);var o="box-sizing:"+n.boxSizing+";border-left:"+n.borderLeftWidth+" solid red"+";border-right:"+n.borderRightWidth+" solid red"+";font-family:"+n.fontFamily+";font-feature-settings:"+n.fontFeatureSettings+";font-kerning:"+n.fontKerning+";font-size:"+n.fontSize+";font-stretch:"+n.fontStretch+";font-style:"+n.fontStyle+";font-variant:"+n.fontVariant+";font-variant-caps:"+n.fontVariantCaps+";font-variant-ligatures:"+n.fontVariantLigatures+";font-variant-numeric:"+n.fontVariantNumeric+";font-weight:"+n.fontWeight+";letter-spacing:"+n.letterSpacing+";margin-left:"+n.marginLeft+";margin-right:"+n.marginRight+";padding-left:"+n.paddingLeft+";padding-right:"+n.paddingRight+";text-indent:"+n.textIndent+";text-transform:"+n.textTransform;function c(){var a=e.value||e.getAttribute("placeholder")||"";var n=document.getElementById(t)||i();n.style.cssText+=o;n.innerHTML=r(a);var c=window.getComputedStyle(n).width;e.style.width=c;return c}e.addEventListener("input",c);var s=c();if(a&&a.minWidth&&s!=="0px"){e.style.minWidth=s}return function(){e.removeEventListener("input",c);var a=document.getElementById(t);if(a){a.parentNode.removeChild(a)}}};return Qo}var ac=ec();var rc=c(ac);const ic=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;line-height:1.25rem;position:relative}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.select-field,.select-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.select-field.select-horizontal{flex-direction:row;gap:1rem}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;padding:0.25rem;--border-color:var(--cat-border-color-dark, 215, 219, 224)}.select-wrapper:not(.select-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.select-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.select-wrapper.select-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.select-wrapper{}.select-wrapper:has(input:-webkit-autofill),.select-wrapper:has(input:-webkit-autofill):hover,.select-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.select-wrapper{}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-danger-bg, 217, 52, 13))}.select-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));pointer-events:none}.select-wrapper-inner{display:flex;flex:1 1 auto;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{display:inline-block;padding-left:0.5rem}.select-wrapper-inner>cat-avatar+.select-input{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-multiple .select-wrapper-inner{flex-wrap:wrap}.select-input{font:inherit;background:none;border:none;outline:none;padding:0.375rem 0.5rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select-input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.select-disabled .select-input{cursor:inherit}.select-pills{display:contents}.pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0%}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 125ms linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.icon-suffix{padding:0.25rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:fixed;right:0;background:white;display:none;overflow:auto;box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);border:1px solid rgb(var(--cat-border-color, 235, 236, 240));z-index:calc(var(--cat-z-index, 1000) + 100);width:max-content;top:0;left:0}.select-options-wrapper{max-height:16rem;width:100%}.select-empty{margin:1rem 0;padding:0 1.25rem}.select-options{list-style-type:none;margin:0;padding:0.5rem 0}.select-options cat-checkbox,.select-options .select-option-single{margin:0;padding:0.5rem 1rem}.select-option-inner{display:flex;gap:0.5rem}.select-option-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-option-text{flex:1 1 0%;min-width:0}.select-option-single{cursor:pointer}.select-input-transparent-caret{caret-color:transparent}.select-option-empty,.select-option-loading{padding:0.5rem 1rem}.select-option:hover{background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.05)}.select-option-active{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-2px}.select-option-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";const nc={term:"",isOpen:false,isLoading:false,isFirstLoading:true,isResolving:false,options:[],selection:[],tempSelection:[],activeOptionIndex:-1,activeSelectionIndex:-1};let oc=0;let cc=0;const sc=class{constructor(e){t(this,e);this.catOpen=i(this,"catOpen");this.catClose=i(this,"catClose");this.catChange=i(this,"catChange");this.catBlur=i(this,"catBlur");this._id=`cat-input-${oc++}`;this.term$=new pe.Subject;this.more$=new pe.Subject;this.valueChangedBySelection=false;this.state=nc;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.requiredMarker="optional";this.multiple=false;this.debounce=250;this.placement="bottom-start";this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.clearable=false;this.tags=false;this.errorUpdate=0}get id(){return this.identifier||this._id}onConnectorChanged(t){this.reset(t);this.resolve()}onValueChanged(){!this.valueChangedBySelection?this.resolve():this.valueChangedBySelection=false}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}onStateChanged(t,e){const a=a=>t[a]!==e[a];if(a("isOpen")){this.update()}if(a("activeOptionIndex")&&this.state.activeOptionIndex>=0){this.dropdown?.querySelector(`#select-${this.id}-option-${this.state.activeOptionIndex}`)?.scrollIntoView({block:"nearest"})}if(a("selection")){let t;if(!this.multiple&&this.state.selection.length){this.hide()}const a=this.state.selection.map((t=>t.item.id));if(!this.tags){if(this.multiple){t=a}else{t=a.length?a[0]:""}}else{const e=a.filter((t=>!t.startsWith(`select-${this.id}-tag`)));const r=this.state.selection.filter((t=>t.item.id.startsWith(`select-${this.id}-tag`))).map((t=>t.render.label));if(this.multiple){t={ids:e,tags:r}}else{t={id:e.length?e[0]:"",tag:r.length?r[0]:""}}}if(!e.isResolving){this.valueChangedBySelection=true;this.value=t;this.catChange.emit()}this.showErrorsIfTimeout()}}componentDidLoad(){if(this.input){rc(this.input,{minWidth:true})}if(this.trigger&&this.dropdown){yn(this.trigger,this.dropdown,(()=>this.update()))}}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onBlur(t){if(!this.multiple&&this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}this.hide();if(!this.multiple&&(!this.tags||!this.state.selection?.length)){if(this.state.tempSelection?.length){this.patchState({activeSelectionIndex:-1,selection:this.state.tempSelection,tempSelection:[],options:[],term:this.state.tempSelection[0].render.label})}else if(!this.state.selection?.length){this.patchState({activeSelectionIndex:-1,selection:[],tempSelection:[],options:[],term:""})}}else{this.patchState({activeSelectionIndex:-1})}this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}onKeyDown(t){const e=this.hostElement.shadowRoot?.activeElement===this.input;if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(t.key)){this.onArrowKeyDown(t)}else if(["Enter"," "].includes(t.key)&&e){if(this.tags&&this.state.activeOptionIndex===0&&this.state.options[0].item.id===`select-${this.id}-option-tag`){t.preventDefault();if(this.multiple){this.toggleTag(this.state.options[0])}else{this.createTag(this.state.options[0].render.label)}}else if(this.state.activeOptionIndex>=0){t.preventDefault();if(this.multiple){this.toggle(this.state.options[this.state.activeOptionIndex])}else{this.select(this.state.options[this.state.activeOptionIndex])}}else if(this.tags&&t.key==="Enter"&&this.state.activeOptionIndex<0){this.createTag(this.state.term)}}else if(t.key==="Escape"){if(this.hide()){t.stopPropagation()}}else if(t.key==="Backspace"||t.key==="Delete"){this.input?.focus();if(!this.multiple||!this.state.term||this.input?.selectionStart===0&&t.key==="Backspace"){if(this.state.activeSelectionIndex>=0){this.deselect(this.state.selection[this.state.activeSelectionIndex].item.id)}else if(this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t,tempSelection:this.state.term?[...this.state.selection]:[]})}}}else if(t.key==="Tab"){this.trigger?.setAttribute("tabindex","-1");if(this.multiple){this.patchState({activeSelectionIndex:-1,activeOptionIndex:-1})}else if(this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}}else if(t.key.length===1){this.input?.focus()}}onKeyUp(t){if(t.key==="Tab"&&!t.shiftKey){this.hostElement.shadowRoot?.activeElement===this.trigger&&this.input?.focus();if(this.hostElement.shadowRoot?.activeElement===this.input){this.show()}}else if(t.key==="Tab"&&t.shiftKey){const t=this.trigger?.querySelector(`#select-clear-btn-${this.id}`);if(t){this.hostElement.shadowRoot?.activeElement===t&&this.show()}else{this.show()}}}async doFocus(t){this.input?.focus(t)}async doBlur(){this.input?.blur()}async clear(){this.clearInput()}async connect(t){this.connector=t;let e;this.subscription?.unsubscribe();this.subscription=this.term$.asObservable().pipe(pe.debounce((t=>t?pe.timer(this.debounce):pe.of(0))),pe.distinctUntilChanged(),pe.tap((()=>e=this.more$.pipe(pe.filter((()=>!this.state.isLoading)),pe.scan((t=>t+1),0),pe.startWith(0)))),pe.switchMap((a=>e.pipe(pe.tap((()=>this.patchState({isLoading:true}))),pe.switchMap((e=>t.retrieve(a,e))),pe.tap((t=>this.patchState({isLoading:false,totalElements:t.totalElements,isFirstLoading:false}))),pe.takeWhile((t=>!t.last),true),pe.scan(((t,e)=>[...t,...e.content]),[]))))).subscribe((e=>{const a=this.toSelectItems(t,e);if(this.tags&&this.state.term.trim().length&&!a.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase()))){let t;if(this.isTagSelected(this.state.term)){t=this.state.selection.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase()))?.render.label}a.unshift({item:{id:`select-${this.id}-option-tag`},render:{label:t?t:this.state.term}})}this.patchState({options:a})}))}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"cce259c5f7b06306c1f336635c270de82e98064e"},e("div",{key:"a2949af92f006706e687564718aa20338b3e0f63",class:{"select-field":true,"select-horizontal":this.horizontal??this.fallbackHorizontal??false,"select-multiple":this.multiple}},e("div",{key:"eee1e60b3e1e09135935a0f7e7a093ba0ff6ee41",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"94948c264228e044642651a0d560457703e5a983",htmlFor:`select-${this.id}-input`,part:"label"},e("span",{key:"bd5ba65749fac9293d3209793f081fa9ac4a162f",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"fca2150e151340e5ef5c10616c8e8c20654adca7",name:"label"})||this.label,e("div",{key:"37d9af2e26316942d92c89380393a21f824c6e68",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"a692a243a43360edb4787c19ce375d2b7ef2f633",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"f38a61c19e758801fc64441c574b5dc886d92b43",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"))))),e("div",{key:"847171f206e167b9ac20d5865b5751d057c6093c",class:"select-container"},e("div",{key:"ae8c24288e33761373fc40aaf4092d8fe4ad6d8e",class:{"select-wrapper":true,"select-disabled":this.disabled,"select-invalid":this.invalid},ref:t=>this.trigger=t,id:this.id,role:"combobox","aria-expanded":this.state.isOpen||this.isPillboxActive(),"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-required":this.required?"true":false,"aria-activedescendant":this.activeDescendant,onClick:t=>this.onClick(t)},e("div",{key:"cb17665af425a0172bb204adf6d24cc76a4bcf79",class:"select-wrapper-inner"},this.multiple&&this.state.selection.length?e("div",{id:`select-pillbox-${this.id}`,role:"listbox","aria-orientation":"horizontal",class:"select-pills"},this.state.selection.map(((t,a)=>e("span",{class:{pill:true,"select-no-open":true,"select-option-active":this.state.activeSelectionIndex===a},role:"option","aria-selected":"true",id:`select-${this.id}-selection-${a}`},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",null,t.render.label),!this.disabled&&e("cat-button",{size:"xs",variant:"text",icon:"$cat:select-clear",iconOnly:true,a11yLabel:o.t("select.deselect"),onClick:()=>this.deselect(t.item.id),tabIndex:-1,"data-dropdown-no-close":true}))))):this.state.selection.length&&this.state.selection[0].render.avatar?e("cat-avatar",{label:this.state.selection[0].render.label,round:this.state.selection[0].render.avatar.round,src:this.state.selection[0].render.avatar.src,icon:this.state.selection[0].render.avatar.icon,initials:this.state.selection[0].render.avatar.initials??""}):null,e("input",{key:"9dcca82150b5b32cfd38968fc21e78b1702e58ac","data-test":this.testId,...this.nativeAttributes,part:"input",id:`select-${this.id}-input`,class:"select-input",role:"combobox",ref:t=>this.input=t,"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-activedescendant":this.activeDescendant,"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined,"aria-autocomplete":"list",onInput:this.onInput.bind(this),value:!this.multiple?this.state.term:undefined,placeholder:this.placeholder,disabled:this.disabled||this.state.isResolving})),this.state.isResolving&&e("cat-spinner",{key:"b270d73c72c3ca14cd74c07dd9ab62b248297c40"}),this.invalid&&e("cat-icon",{key:"928306a8eb51531aca26ad0f340c3862aef3ac26",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}),(this.state.selection.length||this.state.term.length)&&!this.disabled&&!this.state.isResolving&&this.clearable?e("cat-button",{id:`select-clear-btn-${this.id}`,iconOnly:true,icon:"$cat:input-close",variant:"text",size:"s",a11yLabel:o.t("input.clear"),onCatClick:()=>this.clearInput(),"data-dropdown-no-close":true}):null,!this.state.isResolving&&e("cat-button",{key:"ab86beed53c22a5fc93ecc3c075a872fd050a173",iconOnly:true,icon:"$cat:select-open",class:{"select-btn":true,"select-btn-open":this.state.isOpen},variant:"text",size:"s",a11yLabel:this.state.isOpen?o.t("select.close"):o.t("select.open"),"aria-controls":`select-listbox-${this.id}`,"aria-expanded":this.state.isOpen,tabIndex:-1,disabled:this.disabled||this.state.isResolving,"data-dropdown-no-close":true})),this.hasHint&&e(Ne,{key:"61657538dcaa5bfed0854ccb6a30e62d6d0b3d8a",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))),e("div",{key:"b126aaa05a2491aaa0acd854f11aa3062b8cbafd",class:"select-dropdown",ref:t=>this.dropdown=t,style:{display:this.state.isOpen?"block":undefined}},this.state.isOpen&&e("cat-scrollable",{key:"dc897d6566fd5bf491f11f328c2574046fddf708",class:"select-options-wrapper",scrolledBuffer:56,noOverflowX:true,noOverscroll:true,noScrolledInit:true,onScrolledBottom:()=>this.more$.next()},e("ul",{key:"998a9ee7eca7f9d75d4f41b5aacc4ea4ea42251c",class:"select-options",role:"listbox","aria-multiselectable":this.multiple,"aria-setsize":this.state.totalElements,id:`select-listbox-${this.id}`},this.optionsList,this.state.isFirstLoading?Array.from(Array(sc.SKELETON_COUNT)).map((()=>e("li",{class:"select-option-loading"},e("cat-skeleton",{variant:"body",lines:1}),e("cat-skeleton",{variant:"body",lines:1})))):!this.state.options.length&&!this.tags&&e("li",{class:"select-option-empty"},this.noItems?this.noItems:o.t("select.empty"))))))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}get optionsList(){return this.state.options.map(((t,a)=>{const r=this.tags&&t.item.id===`select-${this.id}-option-tag`;const i=this.isSelected(t.item.id)||this.tags&&this.isTagSelected(t.render.label);const n=()=>{if(r){return t.render.label+this.tagTextHelp}return t.render.label};return e("li",{role:"option",class:"select-option",id:`select-${this.id}-option-${a}`,"aria-selected":i?"true":"false"},this.multiple?e("cat-checkbox",{class:{"select-option-active":this.state.activeOptionIndex===a},checked:i,tabIndex:-1,labelLeft:true,onFocus:()=>this.input?.focus(),onCatChange:e=>{!r?this.toggle(t):this.toggleTag(t);e.stopPropagation()}},e("span",{slot:"label",class:"select-option-inner"},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},n()),e("span",{class:"select-option-description"},t.render.description)))):e("div",{class:{"select-option-inner":true,"select-option-single":true,"select-option-active":this.state.activeOptionIndex===a},onFocus:()=>this.input?.focus(),onClick:()=>r?this.createTag(t.render.label):this.select(t),tabIndex:-1},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,icon:t.render.avatar.icon,initials:t.render.avatar.initials??""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},n()),e("span",{class:"select-option-description"},t.render.description))))}))}resolve(){const t=this.connector;if(!t){return}this.patchState({isResolving:true});const e=this.initIds();let a;if(this.tags){a=this.initTags()}const r=e.length?t.resolve(e).pipe(pe.first()):pe.of([]);r.pipe(pe.catchError((()=>pe.of([])))).subscribe((e=>{const r=this.toSelectItems(t,e);if(this.tags){a.filter((t=>!this.isTagSelected(t,r))).forEach(((t,e)=>{const a={id:`select-${this.id}-tag-${e}`,name:t};r.push({item:a,render:{label:a.name}})}))}const i=!this.multiple&&r.length?r[0].render.label:"";this.patchState({isResolving:false,selection:r,term:i,activeOptionIndex:-1});this.term$.next(i);this.input&&(this.input.value=i)}))}toSelectItems(t,e){return e.map((e=>({item:{...e,id:t.customId?t.customId(e):e.id},render:t.render(e)})))}show(){if(!this.state.isOpen&&this.connector){this.connect(this.connector);this.patchState({isOpen:true,isFirstLoading:true,options:[]});this.catOpen.emit();this.term$.next("");this.input?.classList.remove("select-input-transparent-caret")}}hide(){if(this.state.isOpen){this.patchState({isOpen:false,activeOptionIndex:-1});this.catClose.emit();return true}return false}search(t){this.patchState({term:t,activeOptionIndex:-1,activeSelectionIndex:-1});this.term$.next(t)}isSelected(t){return this.state.selection.findIndex((e=>e.item.id===t))>=0}select(t){if(!this.isSelected(t.item.id)){let e;if(this.multiple){e=[...this.state.selection,t]}else{e=[t];this.patchState({term:t.render.label,activeOptionIndex:-1,activeSelectionIndex:-1})}this.patchState({selection:e,tempSelection:[]});if(this.multiple&&this.state.term.trim()&&this.input){this.patchState({term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}}this.setTransparentCaret()}deselect(t){if(this.isSelected(t)){this.patchState({selection:this.state.selection.filter((e=>e.item.id!==t)),activeSelectionIndex:-1})}}toggle(t){this.isSelected(t.item.id)?this.deselect(t.item.id):this.tags&&this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.select(t)}clearInput(){if(this.input&&this.state.term){this.patchState({selection:[],term:"",activeOptionIndex:-1,tempSelection:[]});this.term$.next("");this.input.value=""}else{this.patchState({selection:[],tempSelection:[]})}}reset(t){this.connector=t??this.connector;this.subscription?.unsubscribe();this.subscription=undefined;this.state=nc}onClick(t){if(this.disabled){return}const e=t.target;this.trigger?.setAttribute("tabindex","0");this.input?.focus();if(e===this.trigger||e===this.input||e.classList.contains("select-btn")||e.nodeName==="SPAN"){this.state.isOpen?this.hide():this.show()}}onInput(){this.search(this.input?.value.trim()||"");if(!this.multiple){if(this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t,tempSelection:[...this.state.selection]})}if(!this.required&&!this.input?.value.trim()){this.patchState({tempSelection:[]})}}this.show()}update(){if(this.trigger&&this.dropdown){In(this.trigger,this.dropdown,{strategy:"fixed",placement:this.placement,middleware:[kn(sc.DROPDOWN_OFFSET),wn()]}).then((({x:t,y:e,placement:a})=>{if(this.dropdown){this.dropdown.dataset.placement=a;Object.assign(this.dropdown.style,{width:`${this.trigger?.clientWidth}px`,left:`${t}px`,top:`${e}px`})}}))}}patchState(t){this.state={...this.state,...t}}isPillboxActive(){return this.state.activeSelectionIndex>=0}get activeDescendant(){let t=undefined;if(this.state.activeOptionIndex>=0){t=`select-${this.id}-option-${this.state.activeOptionIndex}`}else if(this.state.activeSelectionIndex>=0){t=`select-${this.id}-selection-${this.state.activeSelectionIndex}`}return t}onArrowKeyDown(t){let e=false;this.input?.focus();switch(t.key){case"ArrowDown":e=true;this.state.isOpen?this.patchState({activeOptionIndex:Math.min(this.state.activeOptionIndex+1,this.state.options.length-1),activeSelectionIndex:-1}):this.show();break;case"ArrowUp":e=true;this.state.activeOptionIndex>=0?this.patchState({activeOptionIndex:Math.max(this.state.activeOptionIndex-1,-1),activeSelectionIndex:-1}):this.hide();break;case"ArrowLeft":if(this.input?.selectionStart===0){e=true;let t;this.state.activeSelectionIndex>0?t=Math.max(this.state.activeSelectionIndex-1,-1):t=this.state.selection.length-1;this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}break;case"ArrowRight":if(this.state.activeSelectionIndex>=0){e=true;let t=-1;if(this.state.activeSelectionIndex<this.state.selection.length-1){t=Math.min(this.state.activeSelectionIndex+1,this.state.selection.length-1)}else if(!this.state.term){t=0}this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}}if(e){t.preventDefault();t.stopPropagation()}}get tagTextHelp(){return this.tagHint&&!this.isTagSelected(this.state.term)?" ("+this.tagHint+")":""}isTagSelected(t,e=this.state.selection){return e.findIndex((e=>e.render.label.toLowerCase()===t.toLowerCase()))>=0}createTag(t){if(t.trim().length&&!this.isTagSelected(t)){const e=this.value;const a=e?.tags;const r={id:`select-${this.id}-tag-${a?.length?a?.length+cc++:0}`,name:t};this.select({item:r,render:{label:r.name}})}this.setTransparentCaret()}removeTag(t){if(this.isTagSelected(t)){const e=this.state.selection.find((e=>e.render.label.toLowerCase()===t.toLowerCase()));e&&this.deselect(e.item.id)}}toggleTag(t){this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.createTag(t.render.label)}initIds(){let t=[];if(this.value){if(!this.tags){if(this.multiple){t=this.value}else{t=[this.value]}}else{if(this.multiple){const e=this.value;t=e.ids?e.ids:[]}else{const e=this.value;t=e.id?[e.id]:[]}}}return t}initTags(){let t=[];if(this.value){if(this.multiple){const e=this.value;t=e.tags?e.tags:[]}else{const e=this.value;t=e.tag?[e.tag]:[]}}return t}setTransparentCaret(){if(!this.multiple){this.hide();this.input?.classList.add("select-input-transparent-caret")}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{connector:["onConnectorChanged"],value:["onValueChanged"],errors:["onErrorsChanged"],state:["onStateChanged"]}}};sc.SKELETON_COUNT=4;sc.DROPDOWN_OFFSET=4;sc.style=ic;const lc=class{constructor(e){t(this,e)}componentDidLoad(){this.multipleSelect?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});this.multipleSelectAvatar?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})});this.multipleSelectAvatarInitials?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{round:true,initials:`JD`}})});this.multipleSelectTagging?.connect(this.countryConnector);this.singleSelect?.connect({resolve:t=>pe.of(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(pe.delay(500)),retrieve:(t,e)=>t==="no"?pe.of({last:true,content:[],totalElements:0}):pe.of({last:false,totalElements:1e4,content:Array.from({length:10},((a,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(pe.delay(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});this.singleSelectAvatar?.connect(this.countryConnector);this.singleSelectAvatarInitials?.connect({...this.countryConnector,render:t=>({label:t.country,description:t.capital||"No capital",avatar:{round:true,initials:`${t.country.charAt(0)?.toUpperCase()??"J"}${t.capital?.charAt(0)?.toUpperCase()??"D"}`}})});this.singleSelectTagging?.connect(this.countryConnector);setTimeout((()=>this.multipleSelect&&(this.multipleSelect.value=[])),5e3)}render(){return e(a,{key:"a67d8afd350d4dd87c98af1e1811adf9421e9758",style:{display:"flex",flexDirection:"column"},class:"cat-form"},e("cat-select",{key:"0f408fa2737fa2d8e0bae223f73cdf9c87e1b06e",label:"Multiple Select",hint:"This is a hint!",ref:t=>this.multipleSelect=t,value:["1"],placeholder:"Hello World",onCatChange:()=>console.log("Multiple change",this.multipleSelect?.value),onCatBlur:t=>console.log("Multiple blur",t),multiple:true,noItems:"No results",clearable:true,errorUpdate:false},e("span",{key:"8ed25b6300d1078327125799241713f2af05c65d",slot:"hint"},'Searching for "no" -',">"," no options are returned!")),e("cat-select",{key:"a470242e781811524325e7f887b6389734d1bfec",label:"Multiple with img",ref:t=>this.multipleSelectAvatar=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"6ea9ac8aed02b9f65571441a03de45c42f0a06e9",label:"Multiple with initials",ref:t=>this.multipleSelectAvatarInitials=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"a2bfa381f885bd2add969045ebf3b41155200a19",label:"Multiple with tagging support",hint:"This is a hint!",ref:t=>this.multipleSelectTagging=t,value:{ids:["1"],tags:["Test","Albania","Algeria"]},placeholder:"Select country",onCatChange:()=>console.log("Multiple tagging change",this.multipleSelectTagging?.value),multiple:true,tags:true,clearable:true,errorUpdate:false}),e("cat-select",{key:"5ac14c9554ac770b5a22cf8d0fa323465a5cd748",label:"Single Select",hint:"This is a hint!",ref:t=>this.singleSelect=t,placeholder:"Search for a country or capital",onCatBlur:t=>console.log("Single blur",t),clearable:true,errorUpdate:false}),e("cat-select",{key:"ce1dd654fb032a9e7a042627f49447621dcba078",label:"Single with img",ref:t=>this.singleSelectAvatar=t,value:"1",placeholder:"Search for a country or capital",clearable:true,errorUpdate:false}),e("cat-select",{key:"931e2a75552354348e8a202bc4ff3ee302dfcdc0",label:"Single with initials",ref:t=>this.singleSelectAvatarInitials=t,placeholder:"Hello World",clearable:true,errorUpdate:false}),e("cat-dropdown",{key:"2a6e57f17442e18efc7cf31e29dbf108c2938467",overflow:true},e("cat-button",{key:"d7f34c6ee8493df2693191ad9e257a8c56731d59",slot:"trigger",style:{width:"50%"}},"Open select"),e("div",{key:"9935750f4063e8baf6b3e0e645b52f8143234d05",slot:"content",style:{width:"400px"}},e("cat-select",{key:"5472f568bb7826b44ed8e997b5ed1fc624d81fce",label:"Single with tagging support",ref:t=>this.singleSelectTagging=t,value:{id:"",tag:"Albania"},placeholder:"Search for a country or capital",onCatChange:()=>console.log("Single change",this.singleSelectTagging?.value),tagHint:"new country",tags:true,clearable:true,errorUpdate:false,style:{width:"90%"}}))))}get countryConnector(){return{resolve:t=>pe.of(t.map((t=>dc.find((e=>e.id===t))))).pipe(pe.delay(500)),retrieve:(t,e)=>{const a=dc.filter((e=>e.country.toLowerCase().indexOf(t.toLowerCase())===0||e.capital?.toLowerCase().indexOf(t.toLowerCase())===0));const r=a.slice(e*10,e*10+10);return pe.of({last:r.length<10,totalElements:a.length,content:r}).pipe(pe.delay(500))},render:t=>({label:t.country,description:t.capital||"No capital",avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})}}};const dc=[{id:"0",country:"Afghanistan Extra extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large ",capital:"Kabul"},{id:"1",country:"Albania",capital:"Tirana"},{id:"2",country:"Algeria",capital:"Alger"},{id:"3",country:"American Samoa",capital:"Fagatogo"},{id:"4",country:"Andorra",capital:"Andorra la Vella"},{id:"5",country:"Angola",capital:"Luanda"},{id:"6",country:"Anguilla",capital:"The Valley"},{id:"7",country:"Antarctica"},{id:"8",country:"Antigua and Barbuda",capital:"Saint John's"},{id:"9",country:"Argentina",capital:"Buenos Aires"},{id:"10",country:"Armenia",capital:"Yerevan"},{id:"11",country:"Aruba",capital:"Oranjestad"},{id:"12",country:"Australia",capital:"Canberra"},{id:"13",country:"Austria",capital:"Wien"},{id:"14",country:"Azerbaijan",capital:"Baku"},{id:"15",country:"Bahamas",capital:"Nassau"},{id:"16",country:"Bahrain",capital:"al-Manama"},{id:"17",country:"Bangladesh",capital:"Dhaka"},{id:"18",country:"Barbados",capital:"Bridgetown"},{id:"19",country:"Belarus",capital:"Minsk"},{id:"20",country:"Belgium",capital:"Bruxelles [Brussel]"},{id:"21",country:"Belize",capital:"Belmopan"},{id:"22",country:"Benin",capital:"Porto-Novo"},{id:"23",country:"Bermuda",capital:"Hamilton"},{id:"24",country:"Bhutan",capital:"Thimphu"},{id:"25",country:"Bolivia",capital:"La Paz"},{id:"26",country:"Bosnia and Herzegovina",capital:"Sarajevo"},{id:"27",country:"Botswana",capital:"Gaborone"},{id:"28",country:"Bouvet Island"},{id:"29",country:"Brazil",capital:"Brasília"},{id:"30",country:"British Indian Ocean Territory"},{id:"31",country:"Brunei",capital:"Bandar Seri Begawan"},{id:"32",country:"Bulgaria",capital:"Sofia"},{id:"33",country:"Burkina Faso",capital:"Ouagadougou"},{id:"34",country:"Burundi",capital:"Bujumbura"},{id:"35",country:"Cambodia",capital:"Phnom Penh"},{id:"36",country:"Cameroon",capital:"Yaound"},{id:"37",country:"Canada",capital:"Ottawa"},{id:"38",country:"Cape Verde",capital:"Praia"},{id:"39",country:"Cayman Islands",capital:"George Town"},{id:"40",country:"Central African Republic",capital:"Bangui"},{id:"41",country:"Chad",capital:"N'Djam"},{id:"42",country:"Chile",capital:"Santiago de Chile"},{id:"43",country:"China",capital:"Peking"},{id:"44",country:"Christmas Island",capital:"Flying Fish Cove"},{id:"45",country:"Cocos (Keeling) Islands",capital:"West Island"},{id:"46",country:"Colombia",capital:"Santaf"},{id:"47",country:"Comoros",capital:"Moroni"},{id:"48",country:"Congo",capital:"Brazzaville"},{id:"49",country:"Cook Islands",capital:"Avarua"},{id:"50",country:"Costa Rica",capital:"San José"},{id:"51",country:"Croatia",capital:"Zagreb"},{id:"52",country:"Cuba",capital:"La Habana"},{id:"53",country:"Cyprus",capital:"Nicosia"},{id:"54",country:"Czech Republic",capital:"Praha"},{id:"55",country:"Denmark",capital:"Copenhagen"},{id:"56",country:"Djibouti",capital:"Djibouti"},{id:"57",country:"Dominica",capital:"Roseau"},{id:"58",country:"Dominican Republic",capital:"Santo Domingo de Guzm"},{id:"59",country:"East Timor",capital:"Dili"},{id:"60",country:"Ecuador",capital:"Quito"},{id:"61",country:"Egypt",capital:"Cairo"},{id:"62",country:"El Salvador",capital:"San Salvador"},{id:"63",country:"England",capital:"London"},{id:"64",country:"Equatorial Guinea",capital:"Malabo"},{id:"65",country:"Eritrea",capital:"Asmara"},{id:"66",country:"Estonia",capital:"Tallinn"},{id:"67",country:"Ethiopia",capital:"Addis Abeba"},{id:"68",country:"Falkland Islands",capital:"Stanley"},{id:"69",country:"Faroe Islands",capital:"Tórshavn"},{id:"70",country:"Fiji Islands",capital:"Suva"},{id:"71",country:"Finland",capital:"Helsinki [Helsingfors]"},{id:"72",country:"France",capital:"Paris"},{id:"73",country:"French Guiana",capital:"Cayenne"},{id:"74",country:"French Polynesia",capital:"Papeete"},{id:"75",country:"French Southern territories"},{id:"76",country:"Gabon",capital:"Libreville"},{id:"77",country:"Gambia",capital:"Banjul"},{id:"78",country:"Georgia",capital:"Tbilisi"},{id:"79",country:"Germany",capital:"Berlin"},{id:"80",country:"Ghana",capital:"Accra"},{id:"81",country:"Gibraltar",capital:"Gibraltar"},{id:"82",country:"Greece",capital:"Athenai"},{id:"83",country:"Greenland",capital:"Nuuk"},{id:"84",country:"Grenada",capital:"Saint George's"},{id:"85",country:"Guadeloupe",capital:"Basse-Terre"},{id:"86",country:"Guam",capital:"Aga"},{id:"87",country:"Guatemala",capital:"Ciudad de Guatemala"},{id:"88",country:"Guinea",capital:"Conakry"},{id:"89",country:"Guinea-Bissau",capital:"Bissau"},{id:"90",country:"Guyana",capital:"Georgetown"},{id:"91",country:"Haiti",capital:"Port-au-Prince"},{id:"92",country:"Heard Island and McDonald Islands"},{id:"93",country:"Holy See (Vatican City State)",capital:"Citt"},{id:"94",country:"Honduras",capital:"Tegucigalpa"},{id:"95",country:"Hong Kong",capital:"Victoria"},{id:"96",country:"Hungary",capital:"Budapest"},{id:"97",country:"Iceland",capital:"Reykjavík"},{id:"98",country:"India",capital:"New Delhi"},{id:"99",country:"Indonesia",capital:"Jakarta"},{id:"100",country:"Iran",capital:"Tehran"},{id:"101",country:"Iraq",capital:"Baghdad"},{id:"102",country:"Ireland",capital:"Dublin"},{id:"103",country:"Israel",capital:"Jerusalem"},{id:"104",country:"Italy",capital:"Roma"},{id:"105",country:"Ivory Coast",capital:"Yamoussoukro"},{id:"106",country:"Jamaica",capital:"Kingston"},{id:"107",country:"Japan",capital:"Tokyo"},{id:"108",country:"Jordan",capital:"Amman"},{id:"109",country:"Kazakhstan",capital:"Astana"},{id:"110",country:"Kenya",capital:"Nairobi"},{id:"111",country:"Kiribati",capital:"Bairiki"},{id:"112",country:"Kuwait",capital:"Kuwait"},{id:"113",country:"Kyrgyzstan",capital:"Bishkek"},{id:"114",country:"Laos",capital:"Vientiane"},{id:"115",country:"Latvia",capital:"Riga"},{id:"116",country:"Lebanon",capital:"Beirut"},{id:"117",country:"Lesotho",capital:"Maseru"},{id:"118",country:"Liberia",capital:"Monrovia"},{id:"119",country:"Libyan Arab Jamahiriya",capital:"Tripoli"},{id:"120",country:"Liechtenstein",capital:"Vaduz"},{id:"121",country:"Lithuania",capital:"Vilnius"},{id:"122",country:"Luxembourg",capital:"Luxembourg [Luxemburg/L"},{id:"123",country:"Macao",capital:"Macao"},{id:"124",country:"North Macedonia",capital:"Skopje"},{id:"125",country:"Madagascar",capital:"Antananarivo"},{id:"126",country:"Malawi",capital:"Lilongwe"},{id:"127",country:"Malaysia",capital:"Kuala Lumpur"},{id:"128",country:"Maldives",capital:"Male"},{id:"129",country:"Mali",capital:"Bamako"},{id:"130",country:"Malta",capital:"Valletta"},{id:"131",country:"Marshall Islands",capital:"Dalap-Uliga-Darrit"},{id:"132",country:"Martinique",capital:"Fort-de-France"},{id:"133",country:"Mauritania",capital:"Nouakchott"},{id:"134",country:"Mauritius",capital:"Port-Louis"},{id:"135",country:"Mayotte",capital:"Mamoutzou"},{id:"136",country:"Mexico",capital:"Ciudad de M"},{id:"137",country:"Micronesia, Federated States of",capital:"Palikir"},{id:"138",country:"Moldova",capital:"Chisinau"},{id:"139",country:"Monaco",capital:"Monaco-Ville"},{id:"140",country:"Mongolia",capital:"Ulan Bator"},{id:"141",country:"Montenegro",capital:"Podgorica"},{id:"142",country:"Montserrat",capital:"Plymouth"},{id:"143",country:"Morocco",capital:"Rabat"},{id:"144",country:"Mozambique",capital:"Maputo"},{id:"145",country:"Myanmar",capital:"Rangoon (Yangon)"},{id:"146",country:"Namibia",capital:"Windhoek"},{id:"147",country:"Nauru",capital:"Yaren"},{id:"148",country:"Nepal",capital:"Kathmandu"},{id:"149",country:"Netherlands",capital:"Amsterdam"},{id:"150",country:"Netherlands Antilles",capital:"Willemstad"},{id:"151",country:"New Caledonia",capital:"Noum"},{id:"152",country:"New Zealand",capital:"Wellington"},{id:"153",country:"Nicaragua",capital:"Managua"},{id:"154",country:"Niger",capital:"Niamey"},{id:"155",country:"Nigeria",capital:"Abuja"},{id:"156",country:"Niue",capital:"Alofi"},{id:"157",country:"Norfolk Island",capital:"Kingston"},{id:"158",country:"North Korea",capital:"Pyongyang"},{id:"159",country:"Northern Ireland",capital:"Belfast"},{id:"160",country:"Northern Mariana Islands",capital:"Garapan"},{id:"161",country:"Norway",capital:"Oslo"},{id:"162",country:"Oman",capital:"Masqat"},{id:"163",country:"Pakistan",capital:"Islamabad"},{id:"164",country:"Palau",capital:"Koror"},{id:"165",country:"Palestine",capital:"Gaza"},{id:"166",country:"Panama",capital:"Ciudad de Panamá"},{id:"167",country:"Papua New Guinea",capital:"Port Moresby"},{id:"168",country:"Paraguay",capital:"Asunción"},{id:"169",country:"Peru",capital:"Lima"},{id:"170",country:"Philippines",capital:"Manila"},{id:"171",country:"Pitcairn",capital:"Adamstown"},{id:"172",country:"Poland",capital:"Warszawa"},{id:"173",country:"Portugal",capital:"Lisboa"},{id:"174",country:"Puerto Rico",capital:"San Juan"},{id:"175",country:"Qatar",capital:"Doha"},{id:"176",country:"Reunion",capital:"Saint-Denis"},{id:"177",country:"Romania",capital:"Bucuresti"},{id:"178",country:"Russian Federation",capital:"Moscow"},{id:"179",country:"Rwanda",capital:"Kigali"},{id:"180",country:"Saint Helena",capital:"Jamestown"},{id:"181",country:"Saint Kitts and Nevis",capital:"Basseterre"},{id:"182",country:"Saint Lucia",capital:"Castries"},{id:"183",country:"Saint Pierre and Miquelon",capital:"Saint-Pierre"},{id:"184",country:"Saint Vincent and the Grenadines",capital:"Kingstown"},{id:"185",country:"Samoa",capital:"Apia"},{id:"186",country:"San Marino",capital:"San Marino"},{id:"187",country:"Sao Tome and Principe",capital:"São Tomé"},{id:"188",country:"Saudi Arabia",capital:"Riyadh"},{id:"189",country:"Scotland",capital:"Edinburgh"},{id:"190",country:"Senegal",capital:"Dakar"},{id:"191",country:"Serbia",capital:"Belgrade"},{id:"192",country:"Seychelles",capital:"Victoria"},{id:"193",country:"Sierra Leone",capital:"Freetown"},{id:"194",country:"Singapore",capital:"Singapore"},{id:"195",country:"Slovakia",capital:"Bratislava"},{id:"196",country:"Slovenia",capital:"Ljubljana"},{id:"197",country:"Solomon Islands",capital:"Honiara"},{id:"198",country:"Somalia",capital:"Mogadishu"},{id:"199",country:"South Africa",capital:"Pretoria"},{id:"200",country:"South Georgia and the South Sandwich Islands"},{id:"201",country:"South Korea",capital:"Seoul"},{id:"202",country:"South Sudan",capital:"Juba"},{id:"203",country:"Spain",capital:"Madrid"},{id:"204",country:"Sri Lanka",capital:"Colombo, Sri Jayawardenepura Kotte"},{id:"205",country:"Sudan",capital:"Khartum"},{id:"206",country:"Suriname",capital:"Paramaribo"},{id:"207",country:"Svalbard and Jan Mayen",capital:"Longyearbyen"},{id:"208",country:"Swaziland",capital:"Mbabane"},{id:"209",country:"Sweden",capital:"Stockholm"},{id:"210",country:"Switzerland",capital:"Bern"},{id:"211",country:"Syria",capital:"Damascus"},{id:"212",country:"Tajikistan",capital:"Dushanbe"},{id:"213",country:"Tanzania",capital:"Dodoma"},{id:"214",country:"Thailand",capital:"Bangkok"},{id:"215",country:"The Democratic Republic of Congo",capital:"Kinshasa"},{id:"216",country:"Togo",capital:"Lomé"},{id:"217",country:"Tokelau",capital:"Fakaofo"},{id:"218",country:"Tonga",capital:"Nuku'alofa"},{id:"219",country:"Trinidad and Tobago",capital:"Port-of-Spain"},{id:"220",country:"Tunisia",capital:"Tunis"},{id:"221",country:"Turkey",capital:"Ankara"},{id:"222",country:"Turkmenistan",capital:"Ashgabat"},{id:"223",country:"Turks and Caicos Islands",capital:"Cockburn Town"},{id:"224",country:"Tuvalu",capital:"Funafuti"},{id:"225",country:"Uganda",capital:"Kampala"},{id:"226",country:"Ukraine",capital:"Kyiv"},{id:"227",country:"United Arab Emirates",capital:"Abu Dhabi"},{id:"228",country:"United Kingdom",capital:"London"},{id:"229",country:"United States",capital:"Washington"},{id:"230",country:"United States Minor Outlying Islands"},{id:"231",country:"Uruguay",capital:"Montevideo"},{id:"232",country:"Uzbekistan",capital:"Toskent"},{id:"233",country:"Vanuatu",capital:"Port-Vila"},{id:"234",country:"Venezuela",capital:"Caracas"},{id:"235",country:"Vietnam",capital:"Hanoi"},{id:"236",country:"Virgin Islands, British",capital:"Road Town"},{id:"237",country:"Virgin Islands, U.S.",capital:"Charlotte Amalie"},{id:"238",country:"Wales",capital:"Cardiff"},{id:"239",country:"Wallis and Futuna",capital:"Mata-Utu"},{id:"240",country:"Western Sahara",capital:"El-Aai"},{id:"241",country:"Yemen",capital:"Sanaa"},{id:"242",country:"Zambia",capital:"Lusaka"},{id:"243",country:"Zimbabwe",capital:"Harare"}];const hc=':host{display:flex;flex-direction:column;position:relative;--background:#ebecf0;--highlight:#d7dbe0;--speed:2s}:host([variant=square]),:host([variant=circle]){display:inline-flex}:host([hidden]){display:none}:host([variant=head]:not(:last-child)){margin-bottom:1rem}:host([variant=body]:not(:last-child)){margin-bottom:2rem}.skeleton{display:block;border-radius:var(--cat-border-radius-m, 0.25rem);background:var(--background)}.skeleton-circle{border-radius:10rem}.skeleton-xs.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-square,.skeleton-xs.skeleton-circle{width:var(--width, 1.5rem);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-head,.skeleton-xs.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xs.skeleton-head{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-xs.skeleton-body{height:calc(0.75rem - 4px);margin:calc((1rem - 0.75rem + 4px) * 0.5) 0}.skeleton-s.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2rem)}.skeleton-s.skeleton-square,.skeleton-s.skeleton-circle{width:var(--width, 2rem);height:var(--height, 2rem)}.skeleton-s.skeleton-head,.skeleton-s.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-s.skeleton-head{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-s.skeleton-body{height:calc(0.875rem - 4px);margin:calc((1.125rem - 0.875rem + 4px) * 0.5) 0}.skeleton-m.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2.5rem)}.skeleton-m.skeleton-square,.skeleton-m.skeleton-circle{width:var(--width, 2.5rem);height:var(--height, 2.5rem)}.skeleton-m.skeleton-head,.skeleton-m.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-m.skeleton-head{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-m.skeleton-body{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-l.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3rem)}.skeleton-l.skeleton-square,.skeleton-l.skeleton-circle{width:var(--width, 3rem);height:var(--height, 3rem)}.skeleton-l.skeleton-head,.skeleton-l.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-l.skeleton-head{height:calc(1.5rem - 4px);margin:calc((1.75rem - 1.5rem + 4px) * 0.5) 0}.skeleton-l.skeleton-body{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-square,.skeleton-xl.skeleton-circle{width:var(--width, 3.5rem);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-head,.skeleton-xl.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xl.skeleton-head{height:calc(1.75rem - 4px);margin:calc((2rem - 1.75rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-body{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-sheen{background:linear-gradient(90deg, var(--background) 33%, var(--highlight) 50%, var(--background) 66%) var(--background);background-size:300% 100%;animation:sheen var(--speed) ease-in-out infinite}.skeleton-pulse{position:relative;overflow:hidden}.skeleton-pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:var(--highlight);animation:var(--speed) ease-in-out 0.5s infinite normal none running pulse;opacity:0}@keyframes sheen{0%{background-position:right}}@keyframes pulse{50%{opacity:1}}';const uc=class{constructor(e){t(this,e);this.effect="sheen";this.variant="rectangle";this.size="m"}render(){return e(a,{key:"402c7d7bcd6e39164d2f7f22755bc0ebb20aed35"},Array.from(Array(this.count)).map((()=>e("div",{style:this.style,class:{skeleton:true,[`skeleton-${this.effect}`]:Boolean(this.effect),[`skeleton-${this.variant}`]:Boolean(this.variant),[`skeleton-${this.size}`]:Boolean(this.size)}}))))}get count(){switch(this.variant){case"head":return Math.max(1,this.lines||1);case"body":return Math.max(1,this.lines||3);default:return 1}}get style(){return this.variant==="head"||this.variant==="body"?{"--line-width":`${this.random(50,100)}%`}:undefined}random(t,e){return Math.floor(Math.random()*(e-t+1)+t)}};uc.style=hc;const fc=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host[hidden]{display:none}span{display:inline-flex}svg{fill:none;stroke:currentColor;stroke-dasharray:135px;stroke-dashoffset:95px;stroke-linecap:round;stroke-width:5px;transform-origin:center center;animation:spin 0.75s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;width:1em;height:1em}.spinner-xs svg{font-size:0.75rem}.spinner-s svg{font-size:1rem}.spinner-m svg{font-size:1.25rem}.spinner-l svg{font-size:1.5rem}.spinner-xl svg{font-size:1.75rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const pc=class{constructor(e){t(this,e);this.size="m";this.value=0}render(){return e("span",{key:"b5994c1a40fef1a165d628e728b1cb8cdff866ea",role:"progressbar",tabindex:"-1","aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true","aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{[`spinner-${this.size}`]:this.size!=="inline"}},e("svg",{key:"0cd336a98d08ac723d34c29895847010f49245fc",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e("circle",{key:"c634cc4a518a6733fd5e68859e2154384ac6a1d1",cx:"24",cy:"24",r:"21.5"})))}};pc.style=fc;const bc=":host{display:block}:host([hidden]){display:none}";let mc=0;const gc=class{constructor(e){t(this,e);this.catClick=i(this,"catClick");this.label="";this.iconOnly=false;this.iconRight=false;this.deactivated=false;this.noActive=false;this.sticky=false;this.error=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${mc++}`}}onClick(t){this.catClick.emit(t)}render(){return e(a,{key:"954bacd020d1405745d1118cf5b09b9e8ddc93b0"})}get hostElement(){return r(this)}};gc.style=bc;const vc=':host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 rgb(var(--cat-border-color, 235, 236, 240))}:host([hidden]){display:none}:host([tabs-align=center]) .cat-tab-list{justify-content:center}:host([tabs-align=right]) .cat-tab-list{justify-content:end}:host([tabs-align=justify]) cat-button{flex:1 0 auto}.cat-tab,.cat-tab-more-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;transition:none}.cat-tab::after,.cat-tab-more-button::after{opacity:0;content:"";position:absolute;background:currentColor;left:0.75rem;right:0.75rem;bottom:0;height:2px}.cat-tab:hover::after,.cat-tab-more-button:hover::after{opacity:0.25}.cat-tab.cat-tab-active,.cat-tab-more-button.cat-tab-active{font-weight:700;color:rgb(var(--cat-primary-text-active, 2, 99, 113))}.cat-tab.cat-tab-active::after,.cat-tab-more-button.cat-tab-active::after{opacity:1}.cat-tab:first-of-type{margin-left:-0.75rem}.cat-tab:last-of-type{margin-right:-0.75rem}.cat-tab.cat-tab-error{color:rgb(var(--cat-danger-text-active, 174, 42, 10))}nav ul{list-style:none;margin:0;padding:0}.cat-tab-list{display:flex;width:100%}';const yc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.resizedObserver=new ResizeObserver((()=>this.adjustAdaptiveTabs()));this.tabs=[];this.hiddenTabs=[];this.activeTab="";this.tabsAlign="left";this.adaptive=false;this.activeTabAlwaysVisible=false}componentWillLoad(){this.syncTabs()}componentDidLoad(){this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-TAB"))&&this.syncTabs()));this.mutationObserver?.observe(this.hostElement,{childList:true,attributes:true,subtree:true});if(this.adaptive){this.resizedObserver.observe(this.hostElement);requestAnimationFrame((()=>{this.adjustAdaptiveTabs()}))}}disconnectedCallback(){this.mutationObserver?.disconnect()}onActiveTabChange(t){const e=this.tabs.findIndex((e=>e.id===t));this.catChange.emit({id:t,index:e,fromDropdown:!!this.hiddenTabs.find((e=>e.id===t))})}onKeydown(t){if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const e=this.hostElement.shadowRoot?.querySelectorAll('cat-button[role="tab"]');const a=Array.from(e??[]).filter((t=>!t.disabled));const r=this.hostElement.shadowRoot?.activeElement;const i=r?a.indexOf(r):-1;const n=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const o=i<0?0:(i+n+a.length)%a.length;a[o].doFocus();t.preventDefault()}}async setActive(t){this.activate(this.tabs.find((e=>e.id===t)))}async setActiveIndex(t){this.activate(this.tabs[t])}async updateAdaptiveTabs(){if(this.adaptive){this.adjustAdaptiveTabs()}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"df60c82a35f848e88f75062a56ec258ba79c1891"},e("div",{key:"d3d003bce6f44045168e6f32db9eea9a2c5a6c27",role:"tablist",class:"cat-tab-list"},this.tabs.map(((t,a)=>e("cat-button",{buttonId:t.id,part:"tab",class:{"cat-tab":true,"cat-tab-active":t.id===this.activeTab,"cat-tab-error":t.error,"cat-tab-sticky":t.sticky},active:t.id===this.activeTab,color:t.error?"danger":t.id===this.activeTab?"primary":"secondary",variant:"text",icon:t.icon?t.error?"$cat:input-error":t.icon:undefined,iconOnly:t.iconOnly,iconRight:t.iconRight,url:t.url,disabled:t.deactivated,urlTarget:t.urlTarget,onCatClick:()=>this.click(t),testId:t.testId,nativeAttributes:{...t.nativeAttributes,role:"tab","aria-selected":String(t.id===this.activeTab),"aria-setsize":String(this.tabs.length),"aria-posinset":String(a+1)},nativeContentAttributes:{"data-text":t.label},"data-dropdown-no-close":true},t.label))),this.adaptive?e("cat-dropdown",{ref:t=>this.moreDropdown=t},e("cat-button",{ref:t=>this.moreButton=t,class:{"cat-tab-more-button":true,"cat-tab-active":!!this.hiddenTabs.find((t=>t.id===this.activeTab))},iconRight:true,icon:this.moreDropdown?.isOpen?"chevron-up-outlined":"chevron-down-outlined",slot:"trigger",part:"more",variant:"text",color:this.hiddenTabs.find((t=>t.id===this.activeTab))?"primary":"secondary"},o.t("tabs.more")),e("nav",{slot:"content"},e("ul",null,this.hiddenTabs.map(((t,a)=>e("li",null,e("cat-button",{class:"cat-nav-item",active:t.id===this.activeTab,urlTarget:t.urlTarget,onCatClick:()=>this.click(t),testId:t.testId,nativeAttributes:{...t.nativeAttributes,role:"tab","aria-selected":String(t.id===this.activeTab),"aria-setsize":String(this.tabs.length),"aria-posinset":String(a+1)},nativeContentAttributes:{"data-text":t.label}},t.label))))))):null))}adjustAdaptiveTabs(){const t=this.hostElement.shadowRoot?.querySelectorAll(".cat-tab");if(!t?.length){return}for(const e of t){e.style.display="inline-flex"}if(this.moreButton){this.moreButton.style.display="inline-flex"}const e=this.moreButton?.getBoundingClientRect().width||0;const a=[];const r=this.hostElement.clientWidth;let i=0;const n=this.tabs.findIndex((t=>t.sticky));const o=t.item(n)?.getBoundingClientRect().width||0;const c=n>-1&&o+e<=r;const s=this.tabs.findIndex((t=>t.id===this.activeTab));const l=t.item(s)?.getBoundingClientRect().width||0;const d=this.activeTabAlwaysVisible&&s>-1&&l+o+e<=r;if(c){i+=o;a.push(n.toString())}if(d&&n!==s){i+=l;a.push(s.toString())}for(const[o,l]of t.entries()){if(d&&o===s||c&&o===n){continue}const t=l.getBoundingClientRect().width;if(i+t<=r){i+=t;a.push(o.toString())}else if(i+e<=r){break}else{a.pop();break}}this.hiddenTabs=this.tabs.filter(((t,e)=>!a.includes(e.toString())));if(this.moreButton){if(this.tabs.length>a.length){this.moreButton.style.display="inline-flex"}else{this.moreButton.style.display="none"}}for(const[e,r]of t.entries()){if(!a.includes(e.toString())){r.style.display="none"}}}syncTabs(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"));this.activeTab=this.activeTab||this.tabs.filter((t=>this.canActivate(t)&&!t.noActive))[0]?.id;if(this.adaptive){this.adjustAdaptiveTabs()}}click(t){if(this.canActivate(t)){t.click();if(!t.noActive){this.activate(t)}}}activate(t){if(!t){this.activeTab=""}else if(this.canActivate(t)){this.activeTab=t.id}if(this.adaptive){this.adjustAdaptiveTabs()}}canActivate(t){return!t.deactivated&&!t.url&&t.id!==this.activeTab}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{activeTab:["onActiveTabChange"]}}};yc.style=vc;const kc=".label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}.hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}:host{display:flex;flex-direction:column;gap:0.5rem}input{font:inherit;margin:0;min-width:20rem;padding:0.375rem 0;flex:1 1 auto;border:none;outline:none;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input{}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}input{}.input-wrapper{flex:1 1 auto;display:flex;align-items:stretch;gap:0.25rem;padding:0.25rem 0.75rem;min-height:2rem;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;--border-color:var(--cat-border-color-dark, 215, 219, 224);flex-wrap:wrap}.input-wrapper.input-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-wrapper:not(.input-disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}.input-wrapper:focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.input-wrapper:focus-within:has(.clearable:focus){outline:none}.input-wrapper.input-invalid{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}.input-wrapper{}.input-wrapper:has(input:-webkit-autofill),.input-wrapper:has(input:-webkit-autofill):hover,.input-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.input-wrapper{}.tag-pill{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.tag-pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0}.tag-pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.icon-suffix{align-self:center}.input-inner-wrapper{flex:1 1 auto;display:flex}";let xc=0;const wc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this._id=`cat-input-${xc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.tags=[];this.requiredMarker="optional";this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.clearable=false;this.errorUpdate=0;this.tagCreationChars=[" "];this.addOnBlur=false}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onKeyDown(t){const e=this.hostElement.shadowRoot?.activeElement===this.input;if(["Enter",...this.tagCreationChars].includes(t.key)&&e){t.preventDefault();this.addInputValue()}else if(["Backspace"].includes(t.key)&&this.input?.selectionStart===0&&(this.value?.length??0)>0&&e){this.value=this.value?.slice(0,-1)??[];this.catChange.emit(this.value)}}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"334f8a2d604df123adb018f31b5528040d65180c"},e("div",{key:"0140867da437b576a9b5593601abf65634badafe",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"9c2284a03aa281bd1c5060684909afffcc3be519",htmlFor:`tags-${this.id}-input`,part:"label"},e("span",{key:"2e8bab18e8c5b776ab7a7af2805a48f25380ca14",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"285417cf1427d6bfab28f8e79d03d7ebb4a5581a",name:"label"})||this.label,e("div",{key:"54284d1f7c2d39b3686471a77fe81cdff5a7ba6d",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"2bbb1dd5fbf63c3a11e5072cedd0016fb52a8bbf",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"b800283d2560b788c5de2186bb0657612bf5902b",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"))))),e("div",{key:"710a3d1df041fabfc099248a10fb581dc29867e8",class:{"input-wrapper":true,"input-disabled":this.disabled,"input-invalid":this.invalid}},this.value?.map((t=>e("div",{class:"tag-pill"},e("span",null,t),!this.disabled&&e("cat-button",{size:"xs",variant:"text",icon:"$cat:select-clear",iconOnly:true,a11yLabel:o.t("select.deselect"),onClick:()=>this.deselect(t),tabIndex:-1})))),e("div",{key:"8201854379fedd97152173c5383eeba5a93ff43e",class:"input-inner-wrapper"},e("input",{key:"11ca4d750d8f36560e5ff1a2a336f83a481dd3be","data-test":this.testId,...this.nativeAttributes,part:"input",id:`tags-${this.id}-input`,class:"tags-input",role:"combobox",ref:t=>this.input=t,"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined,onInput:this.onInput.bind(this),onBlur:this.onBlur.bind(this),placeholder:this.placeholder,disabled:this.disabled}),this.clearable&&!this.disabled&&(this.value?.length??0)>0&&e("cat-button",{key:"af93bc6cdc41b7bfaacef19549093bf8dc85e000",class:"clearable",icon:"$cat:input-close","icon-only":"true",size:"s",variant:"text","a11y-label":o.t("input.clear"),onClick:this.clear.bind(this),"data-dropdown-no-close":true}),this.invalid&&e("cat-icon",{key:"5df20d3094317ed268588a1cde317243e1390855",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l"}))),this.hasHint&&e(Ne,{key:"c3fafb4299fc29ce029c92b34bc54df35a33ffb3",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){const t=[...new Set(this.input?.value?.split(this.createSplitRegex(this.tagCreationChars))??[])].filter((t=>!!t&&!this.value?.includes(t)));if(t.length>1){this.value=[...this.value??[],...t];this.catChange.emit(this.value);if(this.input){this.input.value=""}}}onBlur(){if(this.addOnBlur){this.addInputValue()}}addInputValue(){const t=this.input?.value.trim();if(t&&!this.value?.includes(t)){this.value=[...this.value??[],t];this.catChange.emit(this.value)}if(this.input){this.input.value=""}}clear(){this.value=[];this.catChange.emit(this.value);if(this.input){this.input.value=""}}deselect(t){this.value=this.value?.filter((e=>e!==t));this.catChange.emit(this.value)}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}createSplitRegex(t){const e=t.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")));e.push("\\n","\\r");const a=`[${e.join("")}]`;return new RegExp(a,"g")}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};wc.style=kc;var zc=new Map;function Ic(t){var e=zc.get(t);e&&e.destroy()}function Dc(t){var e=zc.get(t);e&&e.update()}var Mc=null;"undefined"==typeof window?((Mc=function(t){return t}).destroy=function(t){return t},Mc.update=function(t){return t}):((Mc=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!zc.has(t)){var e,a=null,r=window.getComputedStyle(t),i=(e=t.value,function(){o({testForHeightReduction:""===e||!t.value.startsWith(e),restoreTextAlign:null}),e=t.value}),n=function(e){t.removeEventListener("autosize:destroy",n),t.removeEventListener("autosize:update",c),t.removeEventListener("input",i),window.removeEventListener("resize",c),Object.keys(e).forEach((function(a){return t.style[a]=e[a]})),zc.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",n),t.addEventListener("autosize:update",c),t.addEventListener("input",i),window.addEventListener("resize",c),t.style.overflowX="hidden",t.style.wordWrap="break-word",zc.set(t,{destroy:n,update:c}),c()}function o(e){var i,n,c=e.restoreTextAlign,s=void 0===c?null:c,l=e.testForHeightReduction,d=void 0===l||l,h=r.overflowY;if(0!==t.scrollHeight&&("vertical"===r.resize?t.style.resize="none":"both"===r.resize&&(t.style.resize="horizontal"),d&&(i=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push([t.parentNode,t.parentNode.scrollTop]),t=t.parentNode;return function(){return e.forEach((function(t){var e=t[0],a=t[1];e.style.scrollBehavior="auto",e.scrollTop=a,e.style.scrollBehavior=null}))}}(t),t.style.height=""),n="content-box"===r.boxSizing?t.scrollHeight-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)):t.scrollHeight+parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth),"none"!==r.maxHeight&&n>parseFloat(r.maxHeight)?("hidden"===r.overflowY&&(t.style.overflow="scroll"),n=parseFloat(r.maxHeight)):"hidden"!==r.overflowY&&(t.style.overflow="hidden"),t.style.height=n+"px",s&&(t.style.textAlign=s),i&&i(),a!==n&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:true})),a=n),h!==r.overflow&&!s)){var u=r.textAlign;"hidden"===r.overflow&&(t.style.textAlign="start"===u?"end":"start"),o({restoreTextAlign:u,testForHeightReduction:true})}}function c(){o({testForHeightReduction:true,restoreTextAlign:null})}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Ic),t},Mc.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Dc),t});var Cc=Mc;const Rc=".hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-primary-hover{transition:background-color 125ms, color 125ms}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-primary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-primary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-primary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}button.cat-text-primary,button.cat-link-primary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primary,.cat-text-primary-hover{transition:color 125ms}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-primaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}button.cat-text-primaryInverted,button.cat-link-primaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-primaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-primaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 125ms}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-secondary-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-secondary-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-secondary-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-secondary-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}button.cat-text-secondary,button.cat-link-secondary{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondary:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondary:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondary,.cat-text-secondary-hover{transition:color 125ms}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-bg-secondaryInverted-hover{transition:background-color 125ms, color 125ms}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important;--cat-primary-text:0, 0, 0;--cat-primary-text-hover:0, 0, 0;--cat-primary-text-active:0, 0, 0;--cat-link-decoration:underline}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}button.cat-text-secondaryInverted,button.cat-link-secondaryInverted{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-secondaryInverted:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-secondaryInverted:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 125ms}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-info{background-color:rgb(var(--cat-info-bg, 0, 115, 230)) !important;color:rgb(var(--cat-info-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-info-hover{transition:background-color 125ms, color 125ms}.cat-bg-info-hover:hover{background-color:rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;color:rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-info-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-info-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-info-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-info,.cat-link-info{color:rgb(var(--cat-info-text, 0, 115, 230)) !important}button.cat-text-info,button.cat-link-info{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-info:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-info:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-info,.cat-text-info-hover{transition:color 125ms}.cat-link-info:hover,.cat-text-info-hover:hover{color:rgb(var(--cat-info-text-hover, 0, 107, 227)) !important}.cat-link-info:active,.cat-text-info-hover:active{color:rgb(var(--cat-info-text-active, 0, 96, 223)) !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-success-hover{transition:background-color 125ms, color 125ms}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-success-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-success-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-success-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}button.cat-text-success,button.cat-link-success{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-success:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-success:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-success,.cat-text-success-hover{transition:color 125ms}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-bg-warning-hover{transition:background-color 125ms, color 125ms}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;--cat-primary-text:var(--cat-warning-fill, 0, 0, 0);--cat-primary-text-hover:var(--cat-warning-fill-hover, 0, 0, 0);--cat-primary-text-active:var(--cat-warning-fill-active, 0, 0, 0);--cat-link-decoration:underline}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}button.cat-text-warning,button.cat-link-warning{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-warning:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-warning:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-warning,.cat-text-warning-hover{transition:color 125ms}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-bg-danger-hover{transition:background-color 125ms, color 125ms}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;--cat-primary-text:var(--cat-danger-fill, 255, 255, 255);--cat-primary-text-hover:var(--cat-danger-fill-hover, 255, 255, 255);--cat-primary-text-active:var(--cat-danger-fill-active, 255, 255, 255);--cat-link-decoration:underline}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}button.cat-text-danger,button.cat-link-danger{margin:0;padding:0;font:inherit;border:none;background:none;cursor:pointer}button.cat-link-danger:hover:not(:disabled){text-decoration:var(--cat-link-decoration-hover, underline)}button.cat-link-danger:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-link-danger,.cat-text-danger-hover{transition:color 125ms}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-text-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-bg-muted{background-color:#f2f4f7 !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.input-field:not(.input-horizontal) .label-container.hidden,.textarea-field:not(.textarea-horizontal) .label-container.hidden,.select-field:not(.select-horizontal) .label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container{flex-basis:var(--label-size, 33.33%)}.label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-optional,.label-character-count{display:inline-flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem}.label-character-count{margin-left:auto}.input-horizontal .label-container.hidden label,.textarea-horizontal .label-container.hidden label,.select-horizontal .label-container.hidden label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal .label-container,.textarea-horizontal .label-container,.select-horizontal .label-container{flex-shrink:0}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400)}:host([hidden]){display:none}.textarea-field,.textarea-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.textarea-field.textarea-horizontal{flex-direction:row;gap:1rem}.textarea-readonly{pointer-events:none}.textarea-wrapper{position:relative;display:flex;flex-direction:column}.icon-suffix{position:absolute;top:calc(0.625rem - 2px);right:0.75rem;background:rgba(255, 255, 255, 0.75);border-radius:100rem}.textarea-disabled .icon-suffix{background:rgba(242, 244, 247, 0.75)}textarea{margin:0;padding:0.625rem 0.75rem;box-sizing:border-box;min-height:2.5rem;font:inherit;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);border:none;box-shadow:inset 0 0 0 1px rgb(var(--border-color));transition:box-shadow 125ms linear;resize:vertical;--border-color:var(--cat-border-color-dark, 215, 219, 224)}textarea:disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));resize:none}textarea:not(:disabled):hover{box-shadow:inset 0 0 0 1px rgb(var(--border-color)), 0 0 0 1px rgb(var(--border-color))}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-1px}.textarea-invalid textarea{--border-color:var(--cat-danger-bg, 217, 52, 13), 0.2}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}textarea{}textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}textarea{}";let Oc=0;const Ac=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-textarea-${Oc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.hasSlottedCounter=false;this.requiredMarker="optional";this.disabled=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.rows=3;this.errorUpdate=0}get id(){return this.identifier||this._id}componentWillLoad(){this.onErrorsChanged(this.errors,undefined,false)}componentWillRender(){this.internals.setFormValue(this.value??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');this.hasSlottedCounter=!!this.hostElement.querySelector('[slot="counter"]')}componentDidLoad(){Cc(this.textarea)}async doFocus(t){this.textarea.focus(t)}async doBlur(){this.textarea.blur()}async clear(){this.value="";this.catChange.emit(this.value)}onErrorsChanged(t,e,a=true){if(!lo(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>({...t,[e]:undefined})),{}):t||undefined;if(a){this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"ba2d56e2d7fcb9d4af66a24d5476132e2ebefcf4"},e("div",{key:"e60bdc9b54fb1de1ae27f1e93caa6802180a7b4a",class:{"textarea-field":true,"textarea-horizontal":this.horizontal??this.fallbackHorizontal??false}},e("div",{key:"3611f3a9830ed34c86c3f165f01905f4d227b0be",class:{"label-container":true,hidden:this.labelHidden}},(this.hasSlottedLabel||this.label)&&e("label",{key:"77c4783b59f3d6965f0c01328db36d5c8518c0f6",htmlFor:this.id,part:"label"},e("span",{key:"d0df4164caa5f19838fdb5acfa5561fc95fdb1fe",class:"label-wrapper"},this.hasSlottedLabel&&e("slot",{key:"e958ec958b57ce4543f1178d8cfcb93b056a30d8",name:"label"})||this.label,e("div",{key:"76f871899822b2bb400be7e88d4e08353c4edbe3",class:"label-metadata"},!this.required&&(this.requiredMarker??"optional").startsWith("optional")&&e("span",{key:"d14451a2e39a13a8918892cd11645208c4cdc680",class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker?.startsWith("required")&&e("span",{key:"b679e94fe20aeecc64f60bd3ecc2952b33639039",class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),(this.maxLength||this.hasSlottedCounter)&&e("div",{key:"3dce07d25a0aeddc7b91f8f8426cd21b7bd60c7e",class:"label-character-count","aria-hidden":"true"},this.hasSlottedCounter?e("slot",{name:"counter"}):`${this.value?.length??0}/${this.maxLength}`))))),e("div",{key:"008b6ebfe6dca48aa581d249310c2dda8ba9dba1",class:"textarea-container"},e("div",{key:"ff921daa8769f7407e72b4519e31eb6570301b4d",class:{"textarea-wrapper":true,"textarea-readonly":this.readonly,"textarea-disabled":this.disabled,"textarea-invalid":this.invalid}},e("textarea",{key:"3ea5625a1f67ab98b4975b8f9095f33091d18455","data-test":this.testId,...this.nativeAttributes,part:"textarea",ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,autocomplete:this.autoComplete,maxlength:this.maxLength,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,rows:this.rows,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.hasHint?this.id+"-hint":undefined}),this.invalid&&e("cat-icon",{key:"351dc18bfa3aaaa0d0cc5cf585b48334d0cf8cc9",icon:"$cat:input-error",class:"icon-suffix cat-text-danger",size:"l",onClick:()=>this.textarea.focus()})),this.hasHint&&e(Ne,{key:"6e469529e9551d19f523f0fe9f23abc92855e92c",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))))}get hasHint(){return!!this.hint||!!this.hasSlottedHint||this.invalid}get invalid(){return this.errorMap===true||!!Object.keys(this.errorMap||{}).length}onInput(){this.value=this.textarea.value;this.internals.setFormValue(this.textarea.value);this.catChange.emit(this.value);this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(lo(this.errorUpdate)){this.showErrors()}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=ho(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.textarea;if(!t){this.showErrors()}}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}static get watchers(){return{errors:["onErrorsChanged"]}}};Ac.style=Rc;function Sc(t){return new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit"}).resolvedOptions().hour12??false}function jc(t){return{change:o.t("timepicker.change"),choose:o.t("timepicker.choose"),timeFormat:Sc(t)?"12":"24"}}function Tc(t){return`${t.getHours().toString().padStart(2,"0")}:${t.getMinutes().toString().padStart(2,"0")}`}function Fc(t,e,a){const[,r,i]=t?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];const[,n,o]=a?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];let c=-Infinity;let s=Infinity;if(r!==undefined&&i!==undefined){c=new Date(e.getFullYear(),e.getMonth(),e.getDate(),r,i).getTime()}if(n!==undefined&&o!==undefined){s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),n,o).getTime()}return new Date(Math.min(Math.max(e.getTime(),c),s))}function $c(t,e){const[,a,r]=e?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(a===undefined||r===undefined){return false}return t.getHours()<a||t.getHours()===a&&t.getMinutes()<r}function Wc(t,e){const[,a,r]=e?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(a===undefined||r===undefined){return false}return t.getHours()>a||t.getHours()===a&&t.getMinutes()>r}const Bc=":host{display:block}:host([hidden]){display:none}.label-aria{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-time-addon{margin-left:-1px;display:flex}nav{max-height:16rem}nav ul{list-style:none;margin:0;padding:0}.time-disabled{opacity:0.25}";const Ec=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");this.language=o.getLocale();this.locale=jc(this.language);this.timeMaskOptions={timeFormat:this.locale.timeFormat,timePattern:["h","m"]};this.localizedDayPeriods=this.getLocalizedDayPeriods(this.language);this.hasSlottedLabel=false;this.hasSlottedHint=false;this.selectionTime=null;this.isAm=true;this.valueChangedBySelection=false;this.requiredMarker="optional";this.autoComplete="off";this.clearable=false;this.disabled=false;this.iconRight=false;this.label="";this.labelHidden=false;this.readonly=false;this.required=false;this.errorUpdate=0;this.placement="bottom-end";this.step=30}onMinChanged(t,e){if(t!==e){this.reclamp("min",t)}}onMaxChanged(t,e){if(t!==e){this.reclamp("max",t)}}onValueChanged(t,e){if(this.valueChangedBySelection){this.valueChangedBySelection=false}else if(t!==e){this.set12hFormat();this.syncValue(t??"")}}componentWillLoad(){this.set12hFormat();this.syncValue(this.value??"")}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}onOpen(){const t=t=>this.hostElement.shadowRoot?.querySelector(t);const e=Fc(this.min??null,this.selectionTime??new Date(2e3,5,1,8),this.max??null);const a=t(`[data-time="${Tc(e)}"]`);e.setMinutes(Math.floor(e.getMinutes()/this.step)*this.step);const r=t(`[data-time="${Tc(e)}"]`);setTimeout((()=>{(r??a)?.doFocus();(r??a)?.scrollIntoView(this.selectionTime?{block:"center"}:undefined)}))}async select(t){const e=this.value;let a;if(!t){this.selectionTime=null;a=undefined}else{const e=Fc(this.min??null,t,this.max??null);this.isAm=this.format(e).toLowerCase().includes(this.localizedDayPeriods.am.toLowerCase());this.selectionTime=e;a=Tc(e)}if(this.input){this.input.value=this.format(this.selectionTime,false)}if(e!==a){this.valueChangedBySelection=true;this.value=a;this.catChange.emit(this.value)}else{this.valueChangedBySelection=false}}async doFocus(t){this.input?.doFocus(t)}async doBlur(){this.input?.doBlur()}async clear(){this.input?.clear()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"c900a10f9992512537bb54a55f380148c698bd2d"},e("cat-input",{key:"f6447d6a18225762b6adc85955584d4710a9ffa5",class:"cat-time-input",ref:t=>this.input=t,requiredMarker:this.requiredMarker,horizontal:this.horizontal??this.fallbackHorizontal,autoComplete:this.autoComplete,clearable:this.clearable,disabled:this.disabled,hint:this.hint,icon:this.icon,iconRight:this.iconRight,identifier:this.identifier,label:this.label,labelHidden:this.labelHidden,name:this.name,placeholder:this.placeholder,textPrefix:this.textPrefix,textSuffix:this.textSuffix,readonly:this.readonly,required:this.required,value:this.format(this.selectionTime,false),errors:this.errors,errorUpdate:this.errorUpdate,testId:this.testId,nativeAttributes:this.nativeAttributes,timeMaskOptions:this.timeMaskOptions,onCatFocus:t=>this.catFocus.emit(t.detail),onCatBlur:t=>this.onInputBlur(t.detail)},e("span",{key:"328134e94616b73309294b1dbd60d9978b1fe32b",slot:"label"},this.hasSlottedLabel&&e("slot",{key:"c7e48d1a65631ac9f05b30e6e03706771617a9eb",name:"label"}),!this.hasSlottedLabel&&this.label,e("span",{key:"59dd274d4039d8ce890b95dd6f9efdc4fc68b456",class:"label-aria"}," (HH:mm)")),e("div",{key:"962771fb4390695dfa17eef88cde5299dff060df",slot:"addon",class:"cat-time-addon"},this.locale.timeFormat==="12"&&e("cat-button",{key:"a0fa293b5c430efb3ee873da2f8c6ee9f6e22935",class:"cat-time-format",disabled:this.disabled||this.readonly,onCatClick:()=>this.toggleAm()},this.isAm?this.localizedDayPeriods.am:this.localizedDayPeriods.pm),e("cat-dropdown",{key:"14d7f7b5063d5f74d6f1272742badce87ed150ac",slot:"addon",placement:this.placement},e("cat-button",{key:"1ae784a0d45b0ec92f57a1845a2c7f04097e6d3b",slot:"trigger",class:"cat-time-toggle",disabled:this.disabled||this.readonly,icon:"$cat:timepicker-clock",iconOnly:true,a11yLabel:this.selectionTime?`${this.locale.change}, ${this.format(this.selectionTime)}`:this.locale.choose}),e("nav",{key:"bfc501e88cd1941fffc3d10b8aed69d830c9bec6",slot:"content",class:"cat-nav"},e("ul",{key:"d65978850e0416d8de748293dcf12397b531fc54"},this.timeArray().map((t=>{const a=Tc(t);const r=$c(t,this.min??null)||Wc(t,this.max??null);return e("li",null,e("cat-button",{class:{"cat-nav-item":true,"time-disabled":r},disabled:r,active:a===this.value,color:a===this.value?"primary":"secondary",variant:a===this.value?"filled":"outlined",onCatClick:()=>this.select(t),"data-time":a},this.format(t)))})))))),this.hasSlottedHint&&e("span",{key:"b34b48f7db86956f9f9211a80ba7f0afb0dba10d",slot:"hint"},e("slot",{key:"d170ddd7ebe8a75af7b2410771d30bcc4c23bceb",name:"hint"}))))}timeArray(){const t=[];const e=new Date(2e3,5,1,0,0,0);let a=new Date(e.getTime());while(a.getDate()===e.getDate()){t.push(a);a=new Date(a.getTime()+this.step*6e4)}return t}syncValue(t){const[,e,a]=t.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(e===undefined||a===undefined){this.select(null);return}this.select(this.locale.timeFormat==="24"?new Date(2e3,5,1,e,a,0):new Date(2e3,5,1,e%12+(this.isAm?0:12),a,0))}set12hFormat(){const[,t]=this.value?.match(/(\d{2}):(\d{2})/)?.map(Number)??[];if(this.locale.timeFormat==="12"){this.isAm=t===0||t<12}}toggleAm(){if(this.selectionTime){this.select(new Date(this.selectionTime.getTime()+(this.isAm?12:-12)*36e5))}else{this.isAm=!this.isAm}}onInputBlur(t){this.syncValue(this.input?.value??"");this.catBlur.emit(t)}format(t,e=true){const a=t?new Intl.DateTimeFormat(this.language,{hour:"2-digit",minute:"2-digit"}).format(t):"";const r=new RegExp(`\\s?(${this.localizedDayPeriods.am.toLowerCase()}|${this.localizedDayPeriods.pm.toLowerCase()})`,"i");return e?a:a.replace(r,"")}reclamp(t,e){if(!this.value)return;const a=(t==="min"?e:this.min)??null;const r=(t==="max"?e:this.max)??null;const[i,n,o]=this.value.match(/(\d{2}):(\d{2})/)??[];const c=i?Tc(Fc(a,new Date(2e3,5,1,Number(n),Number(o)),r)):undefined;if(this.value!==c){this.syncValue(c??"");this.catChange.emit(c)}}getLocalizedDayPeriods(t){const e=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",hour12:true});const a=t=>{const a=e.formatToParts(new Date(2025,0,1,t));return a.find((t=>t.type==="dayPeriod"))?.value??""};return{am:a(9),pm:a(15)}}static get delegatesFocus(){return true}get hostElement(){return r(this)}static get watchers(){return{min:["onMinChanged"],max:["onMaxChanged"],value:["onValueChanged"]}}};Ec.style=Bc;const Nc='.hint-wrapper{flex:0 1 auto;display:flex;gap:0.5rem}.hint-section{flex:1 1 auto;display:flex;flex-direction:column;gap:0.25rem;color:rgb(var(--cat-font-color-muted, 81, 92, 108));font-size:0.875rem;line-height:1.125rem}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){margin:0 !important}:host{display:flex;flex-direction:column;gap:0.25rem}:host([hidden]){display:none}label{flex:0 1 auto;display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.label-left{flex-direction:row-reverse}input{position:absolute;margin:0;width:2rem;height:1.25rem;opacity:0;cursor:inherit}.toggle-placeholder{width:calc(2rem + 1px);flex-shrink:0}.toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:1.25rem;border-radius:10rem;background-color:rgb(var(--cat-border-color-dark, 215, 219, 224));transition:background-color 125ms ease;pointer-events:none}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 0, 129, 148))}:focus-visible+.toggle{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.toggle::after{content:"";position:absolute;width:1rem;height:1rem;background:#fff;border-radius:10rem;transform:translateX(calc(2px - 0.5rem));transition:transform 125ms linear;box-shadow:0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem));background:rgb(var(--cat-primary-fill, 255, 255, 255))}.is-disabled .toggle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}:host(.cat-error) .toggle{background-color:rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}:host(.cat-error) :checked+.toggle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) :checked+.toggle::after{background:rgb(var(--cat-danger-fill, 255, 255, 255))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.align-center{align-items:center}.align-end{align-items:flex-end}';let Lc=0;const Pc=class{constructor(e){t(this,e);this.catChange=i(this,"catChange");this.catFocus=i(this,"catFocus");this.catBlur=i(this,"catBlur");if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this._id=`cat-toggle-${Lc++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.resolvedValue=null;this.labelLeft=false;this.alignment="top"}get id(){return this.identifier||this._id}componentWillLoad(){this.updateResolved()}componentWillRender(){this.internals.setFormValue(this.checked?this.value??"on":this.noValue??null);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]')}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}render(){this.hostElement.tabIndex=Number(this.hostElement.getAttribute("tabindex"))||0;return e(a,{key:"7285035e8798acd7e31d9f244185f66dfd1e8ff2"},e("label",{key:"fcfa457a536a826b113493f2851e4fb92336f191",htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft,"align-center":this.alignment==="center","align-end":this.alignment==="bottom"}},e("input",{key:"db247c0b593b85237fa9f0c369d706d6fa16d7ec","data-test":this.testId,...this.nativeAttributes,part:"input",ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,class:"form-check-input",role:"switch",onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-describedby":this.hasHint?this.id+"-hint":undefined}),e("span",{key:"fa4934e1d6f40378b0d2b3aa3e08c1c1444579d3",class:"toggle"}),e("span",{key:"e4c888660de8acf4ca9c0bf093eb9546bd67e994",class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{key:"c2dbaa736eb123c5adcc9e0cda6cef89bf6fd4b8",name:"label"})||this.label)),this.hasHint&&e("div",{key:"087543ee1d86ccc4739d8f33e5cf4de419818d43",class:{"hint-wrapper":true,"label-left":this.labelLeft}},e("div",{key:"424513a88e130972ec5a6b64c7eb8639691258c2",class:"toggle-placeholder"}),e(Ne,{key:"a1c87e7ce6ed636f69760dbdbb4f54688b0fce4e",id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})})))}get hasHint(){return!!this.hint||!!this.hasSlottedHint}onInput(){this.checked=this.input.checked;this.internals.setFormValue(this.input.checked?this.value??"on":this.noValue??null);this.updateResolved();this.catChange.emit(this.resolvedValue)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}updateResolved(){this.resolvedValue=this.checked?this.value??true:this.noValue??false}static get delegatesFocus(){return true}static get formAssociated(){return true}get hostElement(){return r(this)}};Pc.style=Nc;const Yc="ontouchstart"in window||navigator.maxTouchPoints>0;const Hc=":host{display:contents}:host([hidden]){display:none}.tooltip{--cat-font-color-head:var(--cat-font-color-tooltip, 255, 255, 255);--cat-font-color-body:var(--cat-font-color-tooltip, 255, 255, 255);position:fixed;width:max-content;top:0;left:0;box-sizing:border-box;background-color:rgb(var(--cat-bg-tooltip, 0, 0, 0));border-radius:var(--cat-border-radius-m, 0.25rem);color:rgb(var(--cat-font-color-tooltip, 255, 255, 255));transition:opacity 250ms linear, visibility 250ms linear;visibility:hidden;opacity:0;box-shadow:rgba(0, 0, 0, 0.08) 0 1px 8px 0;z-index:calc(var(--cat-z-index, 1000) + 200);max-width:min(100vw - 0.5rem, 20rem)}.tooltip-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.tooltip-show{opacity:1;visibility:visible}.tooltip p{margin:0}.tooltip-round{border-radius:10rem}.tooltip-s{padding:0.25rem 0.375rem;font-size:0.75rem;line-height:1rem;font-weight:500}.tooltip-s.tooltip-round{padding-left:0.5rem;padding-right:0.5rem}.tooltip-m{padding:0.375rem 0.5rem;font-size:0.875rem;line-height:1.125rem;font-weight:500}.tooltip-m.tooltip-round{padding-left:0.75rem;padding-right:0.75rem}.tooltip-l{padding:0.5rem 0.75rem;font-size:0.9375rem;line-height:1.25rem;font-weight:500}.tooltip-l.tooltip-round{padding-left:1rem;padding-right:1rem}";let Uc=0;const _c=class{constructor(e){t(this,e);this.id=`cat-tooltip-${Uc++}`;this.inactive=false;this.open=false;this.content="";this.disabled=false;this.placement="top";this.round=false;this.size="m";this.showDelay=250;this.hideDelay=0;this.longTouchDuration=1e3;this.boundShowListener=this.showListener.bind(this);this.boundHideListener=this.hideListener.bind(this);this.boundWindowTouchStartListener=this.windowTouchStartListener.bind(this);this.boundTouchStartListener=this.touchStartListener.bind(this);this.boundTouchEndListener=this.touchEndListener.bind(this)}handleKeyDown({key:t}){t==="Escape"&&this.hideTooltip()}componentDidLoad(){const t=this.hostElement.shadowRoot?.querySelector("slot");this.trigger=t?.assignedElements?.()?.[0];if(this.trigger&&!this.trigger.hasAttribute("aria-describedby")){this.trigger.setAttribute("aria-describedby",this.id)}this.addListeners()}connectedCallback(){this.addListeners()}componentWillRender(){this.inactive=this.disabled||!this.content&&!this.hostElement.querySelector('[slot="content"]')}disconnectedCallback(){this.removeListeners();this.hideTooltip()}render(){return e(a,{key:"8f34e0ba58b9cf70b4764914d5f3edd36ed42c10"},e("slot",{key:"d053bf106d2884336c1cdeb55215bd62dbd6eae7"}),e("div",{key:"9f310741fd56f1e4441c45125010176621da0c59",ref:t=>this.tooltip=t,id:this.id,role:"tooltip","aria-hidden":!this.open,"aria-live":this.open?"polite":"off",class:{tooltip:true,"tooltip-hidden":this.inactive,"tooltip-round":this.round,[`tooltip-${this.size}`]:Boolean(this.size)}},e("slot",{key:"c99bd5cee9a1961d39a20c2049ee43675efc4b67",name:"content"},e("p",{key:"66051fb6e03a9292a7c829b53162d307af2a914e"},this.content))))}addListeners(){this.trigger?.addEventListener("focusin",this.boundShowListener);this.trigger?.addEventListener("focusout",this.boundHideListener);this.trigger?.addEventListener("mouseenter",this.boundShowListener);this.trigger?.addEventListener("mouseleave",this.boundHideListener);if(Yc){window.addEventListener("touchstart",this.boundWindowTouchStartListener);this.trigger?.addEventListener("touchstart",this.boundTouchStartListener);this.trigger?.addEventListener("touchend",this.boundTouchEndListener)}}removeListeners(){this.trigger?.removeEventListener("mouseenter",this.boundShowListener);this.trigger?.removeEventListener("mouseleave",this.boundHideListener);this.trigger?.removeEventListener("focusin",this.boundShowListener);this.trigger?.removeEventListener("focusout",this.boundHideListener);if(Yc){window.removeEventListener("touchstart",this.boundWindowTouchStartListener);this.trigger?.removeEventListener("touchstart",this.boundTouchStartListener);this.trigger?.removeEventListener("touchend",this.boundTouchEndListener)}}async update(){if(this.trigger&&this.tooltip){await In(this.trigger,this.tooltip,{strategy:"fixed",placement:this.placement,middleware:[kn(_c.OFFSET),wn({fallbackAxisSideDirection:"start"}),xn({padding:_c.SHIFT_PADDING})]}).then((({x:t,y:e})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${e}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.hideTimeout=undefined;if(!this.showTimeout){this.showTimeout=window.setTimeout((()=>{this.showTimeout=undefined;this.showTooltip()}),this.showDelay)}}hideListener(){window.clearTimeout(this.showTimeout);this.showTimeout=undefined;if(!this.hideTimeout){this.hideTimeout=window.setTimeout((()=>{this.hideTimeout=undefined;this.hideTooltip()}),this.hideDelay)}}touchStartListener(t){t.stopPropagation();if(!this.touchTimeout){this.touchTimeout=window.setTimeout((()=>{this.touchTimeout=undefined;this.showTooltip()}),this.longTouchDuration)}}touchEndListener(){window.clearTimeout(this.touchTimeout);this.touchTimeout=undefined;this.hideTooltip()}windowTouchStartListener(){this.hideTooltip()}showTooltip(){if(this.trigger&&this.tooltip){this.cleanupFloatingUi=yn(this.trigger,this.tooltip,(()=>this.update()))}if(!this.inactive){this.open=true;this.tooltip?.classList.add("tooltip-show")}}hideTooltip(){this.open=false;this.tooltip?.classList.remove("tooltip-show");this.cleanupFloatingUi?.();this.cleanupFloatingUi=undefined}get hostElement(){return r(this)}};_c.OFFSET=4;_c.SHIFT_PADDING=4;_c.style=Hc;export{ge as cat_alert,ke as cat_avatar,Se as cat_badge,Fe as cat_button,We as cat_button_group,Ee as cat_card,Ye as cat_checkbox,aa as cat_date,Na as cat_date_inline,Mn as cat_datepicker,Rn as cat_datepicker_inline,io as cat_dropdown,oo as cat_form_group,so as cat_icon,To as cat_input,$o as cat_pagination,Eo as cat_radio,Lo as cat_radio_group,Xo as cat_scrollable,sc as cat_select,lc as cat_select_demo,uc as cat_skeleton,pc as cat_spinner,gc as cat_tab,yc as cat_tabs,wc as cat_tag,Ac as cat_textarea,Ec as cat_time,Pc as cat_toggle,_c as cat_tooltip};
+//# sourceMappingURL=p-473747dc.entry.js.map