@haiilo/catalyst 1.0.0 → 1.0.2

package/dist/catalyst/{p-a7f4d284.entry.js → p-a2ddc7fa.entry.js}

@@ -6,5 +6,5 @@ import{r as t,h as i,H as e,c as n,g as o}from"./p-f80e3399.js";import{l as r,a,
 /*!
 * focus-trap 7.0.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function gi(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);i&&(n=n.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,n)}return e}function vi(t){for(var i=1;i<arguments.length;i++){var e=null!=arguments[i]?arguments[i]:{};i%2?gi(Object(e),!0).forEach((function(i){yi(t,i,e[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):gi(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))}))}return t}function yi(t,i,e){if(i in t){Object.defineProperty(t,i,{value:e,enumerable:true,configurable:true,writable:true})}else{t[i]=e}return t}var wi=function(){var t=[];return{activateTrap:function i(e){if(t.length>0){var n=t[t.length-1];if(n!==e){n.pause()}}var o=t.indexOf(e);if(o===-1){t.push(e)}else{t.splice(o,1);t.push(e)}},deactivateTrap:function i(e){var n=t.indexOf(e);if(n!==-1){t.splice(n,1)}if(t.length>0){t[t.length-1].unpause()}}}}();var xi=function t(i){return i.tagName&&i.tagName.toLowerCase()==="input"&&typeof i.select==="function"};var ki=function t(i){return i.key==="Escape"||i.key==="Esc"||i.keyCode===27};var zi=function t(i){return i.key==="Tab"||i.keyCode===9};var Si=function t(i){return setTimeout(i,0)};var Ai=function t(i,e){var n=-1;i.every((function(t,i){if(e(t)){n=i;return false}return true}));return n};var Ci=function t(i){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++){n[o-1]=arguments[o]}return typeof i==="function"?i.apply(void 0,n):i};var Ii=function t(i){return i.target.shadowRoot&&typeof i.composedPath==="function"?i.composedPath()[0]:i.target};var Bi=function t(i,e){var n=(e===null||e===void 0?void 0:e.document)||document;var o=vi({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true},e);var r={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var a;var s=function t(i,e,n){return i&&i[e]!==undefined?i[e]:o[n||e]};var l=function t(i){return r.containerGroups.findIndex((function(t){var e=t.container,n=t.tabbableNodes;return e.contains(i)||n.find((function(t){return t===i}))}))};var c=function t(i){var e=o[i];if(typeof e==="function"){for(var r=arguments.length,a=new Array(r>1?r-1:0),s=1;s<r;s++){a[s-1]=arguments[s]}e=e.apply(void 0,a)}if(e===true){e=undefined}if(!e){if(e===undefined||e===false){return e}throw new Error("`".concat(i,"` was specified but was not a node, or did not return a node"))}var l=e;if(typeof e==="string"){l=n.querySelector(e);if(!l){throw new Error("`".concat(i,"` as selector refers to no known node"))}}return l};var u=function t(){var i=c("initialFocus");if(i===false){return false}if(i===undefined){if(l(n.activeElement)>=0){i=n.activeElement}else{var e=r.tabbableGroups[0];var o=e&&e.firstTabbableNode;i=o||c("fallbackFocus")}}if(!i){throw new Error("Your focus-trap needs to have at least one focusable element")}return i};var h=function t(){r.containerGroups=r.containers.map((function(t){var i=di(t,o.tabbableOptions);var e=fi(t,o.tabbableOptions);return{container:t,tabbableNodes:i,focusableNodes:e,firstTabbableNode:i.length>0?i[0]:null,lastTabbableNode:i.length>0?i[i.length-1]:null,nextTabbableNode:function t(i){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var r=e.findIndex((function(t){return t===i}));if(r<0){return undefined}if(n){return e.slice(r+1).find((function(t){return pi(t,o.tabbableOptions)}))}return e.slice(0,r).reverse().find((function(t){return pi(t,o.tabbableOptions)}))}}}));r.tabbableGroups=r.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(r.tabbableGroups.length<=0&&!c("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}};var d=function t(i){if(i===false){return}if(i===n.activeElement){return}if(!i||!i.focus){t(u());return}i.focus({preventScroll:!!o.preventScroll});r.mostRecentlyFocusedNode=i;if(xi(i)){i.select()}};var f=function t(i){var e=c("setReturnFocus",i);return e?e:e===false?false:i};var p=function t(i){var e=Ii(i);if(l(e)>=0){return}if(Ci(o.clickOutsideDeactivates,i)){a.deactivate({returnFocus:o.returnFocusOnDeactivate&&!bi(e,o.tabbableOptions)});return}if(Ci(o.allowOutsideClick,i)){return}i.preventDefault()};var m=function t(i){var e=Ii(i);var n=l(e)>=0;if(n||e instanceof Document){if(n){r.mostRecentlyFocusedNode=e}}else{i.stopImmediatePropagation();d(r.mostRecentlyFocusedNode||u())}};var b=function t(i){var e=Ii(i);h();var n=null;if(r.tabbableGroups.length>0){var a=l(e);var s=a>=0?r.containerGroups[a]:undefined;if(a<0){if(i.shiftKey){n=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode}else{n=r.tabbableGroups[0].firstTabbableNode}}else if(i.shiftKey){var u=Ai(r.tabbableGroups,(function(t){var i=t.firstTabbableNode;return e===i}));if(u<0&&(s.container===e||bi(e,o.tabbableOptions)&&!pi(e,o.tabbableOptions)&&!s.nextTabbableNode(e,false))){u=a}if(u>=0){var f=u===0?r.tabbableGroups.length-1:u-1;var p=r.tabbableGroups[f];n=p.lastTabbableNode}}else{var m=Ai(r.tabbableGroups,(function(t){var i=t.lastTabbableNode;return e===i}));if(m<0&&(s.container===e||bi(e,o.tabbableOptions)&&!pi(e,o.tabbableOptions)&&!s.nextTabbableNode(e))){m=a}if(m>=0){var b=m===r.tabbableGroups.length-1?0:m+1;var g=r.tabbableGroups[b];n=g.firstTabbableNode}}}else{n=c("fallbackFocus")}if(n){i.preventDefault();d(n)}};var g=function t(i){if(ki(i)&&Ci(o.escapeDeactivates,i)!==false){i.preventDefault();a.deactivate();return}if(zi(i)){b(i);return}};var v=function t(i){var e=Ii(i);if(l(e)>=0){return}if(Ci(o.clickOutsideDeactivates,i)){return}if(Ci(o.allowOutsideClick,i)){return}i.preventDefault();i.stopImmediatePropagation()};var y=function t(){if(!r.active){return}wi.activateTrap(a);r.delayInitialFocusTimer=o.delayInitialFocus?Si((function(){d(u())})):d(u());n.addEventListener("focusin",m,true);n.addEventListener("mousedown",p,{capture:true,passive:false});n.addEventListener("touchstart",p,{capture:true,passive:false});n.addEventListener("click",v,{capture:true,passive:false});n.addEventListener("keydown",g,{capture:true,passive:false});return a};var w=function t(){if(!r.active){return}n.removeEventListener("focusin",m,true);n.removeEventListener("mousedown",p,true);n.removeEventListener("touchstart",p,true);n.removeEventListener("click",v,true);n.removeEventListener("keydown",g,true);return a};a={get active(){return r.active},get paused(){return r.paused},activate:function t(i){if(r.active){return this}var e=s(i,"onActivate");var o=s(i,"onPostActivate");var a=s(i,"checkCanFocusTrap");if(!a){h()}r.active=true;r.paused=false;r.nodeFocusedBeforeActivation=n.activeElement;if(e){e()}var l=function t(){if(a){h()}y();if(o){o()}};if(a){a(r.containers.concat()).then(l,l);return this}l();return this},deactivate:function t(i){if(!r.active){return this}var e=vi({onDeactivate:o.onDeactivate,onPostDeactivate:o.onPostDeactivate,checkCanReturnFocus:o.checkCanReturnFocus},i);clearTimeout(r.delayInitialFocusTimer);r.delayInitialFocusTimer=undefined;w();r.active=false;r.paused=false;wi.deactivateTrap(a);var n=s(e,"onDeactivate");var l=s(e,"onPostDeactivate");var c=s(e,"checkCanReturnFocus");var u=s(e,"returnFocus","returnFocusOnDeactivate");if(n){n()}var h=function t(){Si((function(){if(u){d(f(r.nodeFocusedBeforeActivation))}if(l){l()}}))};if(u&&c){c(f(r.nodeFocusedBeforeActivation)).then(h,h);return this}h();return this},pause:function t(){if(r.paused||!r.active){return this}r.paused=true;w();return this},unpause:function t(){if(!r.paused||!r.active){return this}r.paused=false;h();y();return this},updateContainerElements:function t(i){var e=[].concat(i).filter(Boolean);r.containers=e.map((function(t){return typeof t==="string"?n.querySelector(t):t}));if(r.active){h()}return this}};a.updateContainerElements(i);return a};const Ei=t=>(t?di(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Ti=":host{display:contents}:host([hidden]){display:none}.content{padding-top:0.5rem;padding-bottom:0.5rem;position:absolute;background:white;display:none;overflow:auto;-webkit-overflow-scrolling:touch;min-width:8rem;max-width:16rem;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2);border-radius:0.25rem;z-index:100}";let Mi=0;const Fi=class{constructor(i){t(this,i);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=Mi++;this.placement="bottom-start"}clickHandler(t){var i;if(this.content&&t.composedPath().includes(this.content)){(i=this.trap)===null||i===void 0?void 0:i.deactivate();this.hide()}}componentDidLoad(){var t,i,e,n,o;this.trigger=Ei(this.triggerSlot);(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-haspopup","true");(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("aria-expanded","false");(e=this.trigger)===null||e===void 0?void 0:e.setAttribute("aria-controls",this.contentId);(n=this.content)===null||n===void 0?void 0:n.setAttribute("id",this.contentId);if(this.trigger&&this.content){(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("click",(()=>this.show()));jt(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const i=di(this.content,{includeContainer:false,getShadowRoot:true});const e=Ei(document.activeElement);const n=e?i.indexOf(e):-1;const o=t.key==="ArrowDown"?1:-1;const r=n<0?0:(n+o+i.length)%i.length;i[r].focus();t.preventDefault()}};document.addEventListener("keydown",this.keyListener)}disconnectedCallback(){if(this.keyListener){document.removeEventListener("keydown",this.keyListener)}}render(){return i(e,null,i("slot",{name:"trigger",ref:t=>this.triggerSlot=t}),i("div",{class:"content",ref:t=>this.content=t},i("slot",{name:"content"})))}get contentId(){return`cat-menu-${this.id}`}show(){var t;if(this.content){this.content.style.display="block";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","true");this.catOpen.emit();this.trap=this.trap?this.trap.updateContainerElements(this.content):Bi(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.content||!t.composedPath().includes(this.content),onPostDeactivate:()=>this.hide()});this.trap.activate()}}hide(){var t;if(this.content){this.content.style.display="";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");this.catClose.emit()}}update(){if(this.trigger&&this.content){_t(this.trigger,this.content,{placement:this.placement,middleware:[et(Fi.OFFSET),tt()]}).then((({x:t,y:i})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${i}px`})}}))}}};Fi.OFFSET=4;Fi.style=Ti;const $i=":host{display:block}:host([hidden]){display:none}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.6);z-index:2;display:flex}.modal-wrapper[aria-hidden=true]{display:none}.modal{margin:auto;z-index:2;position:relative;background-color:white;border-radius:0.5rem;max-width:100%;padding:32px}.modal-header{display:flex;justify-content:end;align-self:stretch}.modal-header .close-button::part(button){box-shadow:unset}.modal-content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin:16px 0}.modal-s{width:400px}.modal-m{width:600px}.modal-l{width:800px}";const Li=class{constructor(i){t(this,i);this.isVisible=false;this.size="m"}componentDidLoad(){if(this.modal){this.trap=Bi(this.modal,{tabbableOptions:{getShadowRoot:true},initialFocus:Ei(this.closeButton),allowOutsideClick:true,clickOutsideDeactivates:t=>!this.modal||!t.composedPath().includes(this.modal),onDeactivate:()=>this.isVisible=false,setReturnFocus:t=>t instanceof HTMLElement?Ei(t):t})}}componentDidUpdate(){var t;if(this.isVisible)(t=this.trap)===null||t===void 0?void 0:t.activate();this.updateAccessibility(this.hostElement)}async show(){this.isVisible=true}render(){return i("div",{"aria-modal":true,role:"dialog","aria-hidden":!this.isVisible?"true":"false",class:"modal-wrapper"},i("div",{ref:t=>this.modal=t,class:{modal:true,[`modal-${this.size}`]:Boolean(this.size)}},i("div",{class:"modal-header"},i("cat-button",{ref:t=>this.closeButton=t,icon:"cross-outlined",class:"close-button",size:"s",iconOnly:true,a11yLabel:"close",onCatClick:this.onClick.bind(this)})),i("div",{class:"modal-content"},i("slot",null))))}onClick(){var t;(t=this.trap)===null||t===void 0?void 0:t.deactivate()}updateAccessibility(t){if(t.parentElement){Array.from(t.parentElement.children).forEach((i=>{if(i!==t){this.isVisible?i.setAttribute("aria-hidden","true"):i.removeAttribute("aria-hidden")}}));if(t.parentElement!==document.body){this.updateAccessibility(t.parentElement)}}}get hostElement(){return o(this)}};Li.style=$i;const Di=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}: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{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 32, 127, 138));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 #d7dbe0;border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 32, 127, 138))}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:#d9340d}:host(.cat-error) .circle{background-color:#d9340d}.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, 105, 118, 135))}.is-disabled input{background-color:#f8f8fb}.is-disabled input:checked{border-color:#d7dbe0}.is-disabled .circle{background-color:#d7dbe0}";let Ri=0;const Oi=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-radio-${++Ri}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.labelLeft=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on radio",this)}}async setFocus(t){this.input.focus(t)}render(){return i(e,null,i("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft},role:"radio","aria-checked":this.checked?"true":"false"},i("span",{class:"radio"},i("input",{ref:t=>this.input=t,id:this.id,type:"radio",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onChange.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),i("span",{class:"circle"})),i("span",{class:"label",part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onChange(t){this.checked=true;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};Oi.style=Di;const Pi=":host{display:block}:host([hidden]){display:none}";const Ni=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this.catRadioGroup=[];this.disabled=false;this.labelLeft=false}onNameChanged(t){this.catRadioGroup.forEach((i=>{i.name=t}))}onValueChanged(t){this.catRadioGroup.forEach((i=>{i.checked=i.value===t}));this.updateTabIndex()}onDisabledChanged(t){this.catRadioGroup.forEach((i=>{if(t){i.disabled=t}}))}onLabelLeftChanged(t){this.catRadioGroup.forEach((i=>{if(t){i.labelLeft=t}}))}componentDidLoad(){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)}onKeydown(t){var i,e;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)&&this.catRadioGroup.length){const n=this.catRadioGroup.filter((t=>!t.disabled));const o=document.activeElement;const r=this.catRadioGroup.findIndex((t=>t===o));const a=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const s=r<0?0:(r+a+n.length)%n.length;n[s].setFocus();(e=(i=n[s].shadowRoot)===null||i===void 0?void 0:i.querySelector("input"))===null||e===void 0?void 0:e.click();this.updateTabIndex();t.preventDefault()}}onInput(t){const i=this.catRadioGroup.find((i=>i===t.target));this.value=i===null||i===void 0?void 0:i.value;this.catChange.emit()}onBlur(t){if(!t.relatedTarget){this.catBlur.emit(t)}}render(){return i("div",{role:"radiogroup","aria-label":this.a11yLabel},i("slot",null))}updateTabIndex(){var t,i;if(this.catRadioGroup.length){this.catRadioGroup.forEach((t=>{var i,e;return(e=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("input"))===null||e===void 0?void 0:e.setAttribute("tabindex","-1")}));const e=this.catRadioGroup.findIndex((t=>t.checked));(i=(t=this.catRadioGroup[e>=0?e:0].shadowRoot)===null||t===void 0?void 0:t.querySelector("input"))===null||i===void 0?void 0:i.setAttribute("tabindex","0")}}get hostElement(){return o(this)}static get watchers(){return{name:["onNameChanged"],value:["onValueChanged"],disabled:["onDisabledChanged"],labelLeft:["onLabelLeftChanged"]}}};Ni.style=Pi;function ji(t){return typeof t==="function"}function _i(t){const i=t=>{Error.call(t);t.stack=(new Error).stack};const e=t(i);e.prototype=Object.create(Error.prototype);e.prototype.constructor=e;return e}const Vi=_i((t=>function i(e){t(this);this.message=e?`${e.length} errors occurred during unsubscription:\n${e.map(((t,i)=>`${i+1}) ${t.toString()}`)).join("\n  ")}`:"";this.name="UnsubscriptionError";this.errors=e}));function Gi(t,i){if(t){const e=t.indexOf(i);0<=e&&t.splice(e,1)}}class Ki{constructor(t){this.initialTeardown=t;this.closed=false;this._parentage=null;this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=true;const{_parentage:i}=this;if(i){this._parentage=null;if(Array.isArray(i)){for(const t of i){t.remove(this)}}else{i.remove(this)}}const{initialTeardown:e}=this;if(ji(e)){try{e()}catch(i){t=i instanceof Vi?i.errors:[i]}}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const i of n){try{Wi(i)}catch(i){t=t!==null&&t!==void 0?t:[];if(i instanceof Vi){t=[...t,...i.errors]}else{t.push(i)}}}}if(t){throw new Vi(t)}}}add(t){var i;if(t&&t!==this){if(this.closed){Wi(t)}else{if(t instanceof Ki){if(t.closed||t._hasParent(this)){return}t._addParent(this)}(this._finalizers=(i=this._finalizers)!==null&&i!==void 0?i:[]).push(t)}}}_hasParent(t){const{_parentage:i}=this;return i===t||Array.isArray(i)&&i.includes(t)}_addParent(t){const{_parentage:i}=this;this._parentage=Array.isArray(i)?(i.push(t),i):i?[i,t]:t}_removeParent(t){const{_parentage:i}=this;if(i===t){this._parentage=null}else if(Array.isArray(i)){Gi(i,t)}}remove(t){const{_finalizers:i}=this;i&&Gi(i,t);if(t instanceof Ki){t._removeParent(this)}}}Ki.EMPTY=(()=>{const t=new Ki;t.closed=true;return t})();const Hi=Ki.EMPTY;function Ui(t){return t instanceof Ki||t&&"closed"in t&&ji(t.remove)&&ji(t.add)&&ji(t.unsubscribe)}function Wi(t){if(ji(t)){t()}else{t.unsubscribe()}}const qi={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ji={setTimeout(t,i,...e){const{delegate:n}=Ji;if(n===null||n===void 0?void 0:n.setTimeout){return n.setTimeout(t,i,...e)}return setTimeout(t,i,...e)},clearTimeout(t){const{delegate:i}=Ji;return((i===null||i===void 0?void 0:i.clearTimeout)||clearTimeout)(t)},delegate:undefined};function Yi(t){Ji.setTimeout((()=>{const{onUnhandledError:i}=qi;if(i){i(t)}else{throw t}}))}function Xi(){}const Zi=(()=>ie("C",undefined,undefined))();function Qi(t){return ie("E",undefined,t)}function te(t){return ie("N",t,undefined)}function ie(t,i,e){return{kind:t,value:i,error:e}}function ee(t){{t()}}class ne extends Ki{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Ui(t)){t.add(this)}}else{this.destination=he}}static create(t,i,e){return new se(t,i,e)}next(t){if(this.isStopped){ue(te(t),this)}else{this._next(t)}}error(t){if(this.isStopped){ue(Qi(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){ue(Zi,this)}else{this.isStopped=true;this._complete()}}unsubscribe(){if(!this.closed){this.isStopped=true;super.unsubscribe();this.destination=null}}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const oe=Function.prototype.bind;function re(t,i){return oe.call(t,i)}class ae{constructor(t){this.partialObserver=t}next(t){const{partialObserver:i}=this;if(i.next){try{i.next(t)}catch(t){le(t)}}}error(t){const{partialObserver:i}=this;if(i.error){try{i.error(t)}catch(t){le(t)}}else{le(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){le(t)}}}}class se extends ne{constructor(t,i,e){super();let n;if(ji(t)||!t){n={next:t!==null&&t!==void 0?t:undefined,error:i!==null&&i!==void 0?i:undefined,complete:e!==null&&e!==void 0?e:undefined}}else{let i;if(this&&qi.useDeprecatedNextContext){i=Object.create(t);i.unsubscribe=()=>this.unsubscribe();n={next:t.next&&re(t.next,i),error:t.error&&re(t.error,i),complete:t.complete&&re(t.complete,i)}}else{n=t}}this.destination=new ae(n)}}function le(t){{Yi(t)}}function ce(t){throw t}function ue(t,i){const{onStoppedNotification:e}=qi;e&&Ji.setTimeout((()=>e(t,i)))}const he={closed:true,next:Xi,error:ce,complete:Xi};const de=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function fe(t){return t}function pe(t){if(t.length===0){return fe}if(t.length===1){return t[0]}return function i(e){return t.reduce(((t,i)=>i(t)),e)}}class me{constructor(t){if(t){this._subscribe=t}}lift(t){const i=new me;i.source=this;i.operator=t;return i}subscribe(t,i,e){const n=ve(t)?t:new se(t,i,e);ee((()=>{const{operator:t,source:i}=this;n.add(t?t.call(n,i):i?this._subscribe(n):this._trySubscribe(n))}));return n}_trySubscribe(t){try{return this._subscribe(t)}catch(i){t.error(i)}}forEach(t,i){i=be(i);return new i(((i,e)=>{const n=new se({next:i=>{try{t(i)}catch(t){e(t);n.unsubscribe()}},error:e,complete:i});this.subscribe(n)}))}_subscribe(t){var i;return(i=this.source)===null||i===void 0?void 0:i.subscribe(t)}[de](){return this}pipe(...t){return pe(t)(this)}toPromise(t){t=be(t);return new t(((t,i)=>{let e;this.subscribe((t=>e=t),(t=>i(t)),(()=>t(e)))}))}}me.create=t=>new me(t);function be(t){var i;return(i=t!==null&&t!==void 0?t:qi.Promise)!==null&&i!==void 0?i:Promise}function ge(t){return t&&ji(t.next)&&ji(t.error)&&ji(t.complete)}function ve(t){return t&&t instanceof ne||ge(t)&&Ui(t)}function ye(t){return ji(t===null||t===void 0?void 0:t.lift)}function we(t){return i=>{if(ye(i)){return i.lift((function(i){try{return t(i,this)}catch(t){this.error(t)}}))}throw new TypeError("Unable to lift unknown Observable type")}}function xe(t,i,e,n,o){return new ke(t,i,e,n,o)}class ke extends ne{constructor(t,i,e,n,o,r){super(t);this.onFinalize=o;this.shouldUnsubscribe=r;this._next=i?function(e){try{i(e)}catch(i){t.error(i)}}:super._next;this._error=n?function(i){try{n(i)}catch(i){t.error(i)}finally{this.unsubscribe()}}:super._error;this._complete=e?function(){try{e()}catch(i){t.error(i)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:i}=this;super.unsubscribe();!i&&((t=this.onFinalize)===null||t===void 0?void 0:t.call(this))}}}const ze=_i((t=>function i(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class Se extends me{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const i=new Ae(this,this);i.operator=t;return i}_throwIfClosed(){if(this.closed){throw new ze}}next(t){ee((()=>{this._throwIfClosed();if(!this.isStopped){if(!this.currentObservers){this.currentObservers=Array.from(this.observers)}for(const i of this.currentObservers){i.next(t)}}}))}error(t){ee((()=>{this._throwIfClosed();if(!this.isStopped){this.hasError=this.isStopped=true;this.thrownError=t;const{observers:i}=this;while(i.length){i.shift().error(t)}}}))}complete(){ee((()=>{this._throwIfClosed();if(!this.isStopped){this.isStopped=true;const{observers:t}=this;while(t.length){t.shift().complete()}}}))}unsubscribe(){this.isStopped=this.closed=true;this.observers=this.currentObservers=null}get observed(){var t;return((t=this.observers)===null||t===void 0?void 0:t.length)>0}_trySubscribe(t){this._throwIfClosed();return super._trySubscribe(t)}_subscribe(t){this._throwIfClosed();this._checkFinalizedStatuses(t);return this._innerSubscribe(t)}_innerSubscribe(t){const{hasError:i,isStopped:e,observers:n}=this;if(i||e){return Hi}this.currentObservers=null;n.push(t);return new Ki((()=>{this.currentObservers=null;Gi(n,t)}))}_checkFinalizedStatuses(t){const{hasError:i,thrownError:e,isStopped:n}=this;if(i){t.error(e)}else if(n){t.complete()}}asObservable(){const t=new me;t.source=this;return t}}Se.create=(t,i)=>new Ae(t,i);class Ae extends Se{constructor(t,i){super();this.destination=t;this.source=i}next(t){var i,e;(e=(i=this.destination)===null||i===void 0?void 0:i.next)===null||e===void 0?void 0:e.call(i,t)}error(t){var i,e;(e=(i=this.destination)===null||i===void 0?void 0:i.error)===null||e===void 0?void 0:e.call(i,t)}complete(){var t,i;(i=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||i===void 0?void 0:i.call(t)}_subscribe(t){var i,e;return(e=(i=this.source)===null||i===void 0?void 0:i.subscribe(t))!==null&&e!==void 0?e:Hi}}const Ce={now(){return(Ce.delegate||Date).now()},delegate:undefined};class Ie extends Ki{constructor(t,i){super()}schedule(t,i=0){return this}}const Be={setInterval(t,i,...e){const{delegate:n}=Be;if(n===null||n===void 0?void 0:n.setInterval){return n.setInterval(t,i,...e)}return setInterval(t,i,...e)},clearInterval(t){const{delegate:i}=Be;return((i===null||i===void 0?void 0:i.clearInterval)||clearInterval)(t)},delegate:undefined};class Ee extends Ie{constructor(t,i){super(t,i);this.scheduler=t;this.work=i;this.pending=false}schedule(t,i=0){if(this.closed){return this}this.state=t;const e=this.id;const n=this.scheduler;if(e!=null){this.id=this.recycleAsyncId(n,e,i)}this.pending=true;this.delay=i;this.id=this.id||this.requestAsyncId(n,this.id,i);return this}requestAsyncId(t,i,e=0){return Be.setInterval(t.flush.bind(t,this),e)}recycleAsyncId(t,i,e=0){if(e!=null&&this.delay===e&&this.pending===false){return i}Be.clearInterval(i);return undefined}execute(t,i){if(this.closed){return new Error("executing a cancelled action")}this.pending=false;const e=this._execute(t,i);if(e){return e}else if(this.pending===false&&this.id!=null){this.id=this.recycleAsyncId(this.scheduler,this.id,null)}}_execute(t,i){let e=false;let n;try{this.work(t)}catch(t){e=true;n=t?t:new Error("Scheduled action threw falsy error")}if(e){this.unsubscribe();return n}}unsubscribe(){if(!this.closed){const{id:t,scheduler:i}=this;const{actions:e}=i;this.work=this.state=this.scheduler=null;this.pending=false;Gi(e,this);if(t!=null){this.id=this.recycleAsyncId(i,t,null)}this.delay=null;super.unsubscribe()}}}class Te{constructor(t,i=Te.now){this.schedulerActionCtor=t;this.now=i}schedule(t,i=0,e){return new this.schedulerActionCtor(this,t).schedule(e,i)}}Te.now=Ce.now;class Me extends Te{constructor(t,i=Te.now){super(t,i);this.actions=[];this._active=false;this._scheduled=undefined}flush(t){const{actions:i}=this;if(this._active){i.push(t);return}let e;this._active=true;do{if(e=t.execute(t.state,t.delay)){break}}while(t=i.shift());this._active=false;if(e){while(t=i.shift()){t.unsubscribe()}throw e}}}const Fe=new Me(Ee);const $e=Fe;const Le=new me((t=>t.complete()));function De(t){return t&&ji(t.schedule)}function Re(t){return t[t.length-1]}function Oe(t){return De(Re(t))?t.pop():undefined}function Pe(t,i){return typeof Re(t)==="number"?t.pop():i}function Ne(t,i,e,n){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{l(n.next(t))}catch(t){r(t)}}function s(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?e(t.value):o(t.value).then(a,s)}l((n=n.apply(t,i||[])).next())}))}function je(t){var i=typeof Symbol==="function"&&Symbol.iterator,e=i&&t[i],n=0;if(e)return e.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&n>=t.length)t=void 0;return{value:t&&t[n++],done:!t}}};throw new TypeError(i?"Object is not iterable.":"Symbol.iterator is not defined.")}function _e(t){return this instanceof _e?(this.v=t,this):new _e(t)}function Ve(t,i,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=e.apply(t,i||[]),o,r=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(t){if(n[t])o[t]=function(i){return new Promise((function(e,n){r.push([t,i,e,n])>1||s(t,i)}))}}function s(t,i){try{l(n[t](i))}catch(t){h(r[0][3],t)}}function l(t){t.value instanceof _e?Promise.resolve(t.value.v).then(c,u):h(r[0][2],t)}function c(t){s("next",t)}function u(t){s("throw",t)}function h(t,i){if(t(i),r.shift(),r.length)s(r[0][0],r[0][1])}}function Ge(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i=t[Symbol.asyncIterator],e;return i?i.call(t):(t=typeof je==="function"?je(t):t[Symbol.iterator](),e={},n("next"),n("throw"),n("return"),e[Symbol.asyncIterator]=function(){return this},e);function n(i){e[i]=t[i]&&function(e){return new Promise((function(n,r){e=t[i](e),o(n,r,e.done,e.value)}))}}function o(t,i,e,n){Promise.resolve(n).then((function(i){t({value:i,done:e})}),i)}}const Ke=t=>t&&typeof t.length==="number"&&typeof t!=="function";function He(t){return ji(t===null||t===void 0?void 0:t.then)}function Ue(t){return ji(t[de])}function We(t){return Symbol.asyncIterator&&ji(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function qe(t){return new TypeError(`You provided ${t!==null&&typeof t==="object"?"an invalid object":`'${t}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function Je(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const Ye=Je();function Xe(t){return ji(t===null||t===void 0?void 0:t[Ye])}function Ze(t){return Ve(this,arguments,(function*i(){const e=t.getReader();try{while(true){const{value:t,done:i}=yield _e(e.read());if(i){return yield _e(void 0)}yield yield _e(t)}}finally{e.releaseLock()}}))}function Qe(t){return ji(t===null||t===void 0?void 0:t.getReader)}function tn(t){if(t instanceof me){return t}if(t!=null){if(Ue(t)){return en(t)}if(Ke(t)){return nn(t)}if(He(t)){return on(t)}if(We(t)){return an(t)}if(Xe(t)){return rn(t)}if(Qe(t)){return sn(t)}}throw qe(t)}function en(t){return new me((i=>{const e=t[de]();if(ji(e.subscribe)){return e.subscribe(i)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function nn(t){return new me((i=>{for(let e=0;e<t.length&&!i.closed;e++){i.next(t[e])}i.complete()}))}function on(t){return new me((i=>{t.then((t=>{if(!i.closed){i.next(t);i.complete()}}),(t=>i.error(t))).then(null,Yi)}))}function rn(t){return new me((i=>{for(const e of t){i.next(e);if(i.closed){return}}i.complete()}))}function an(t){return new me((i=>{ln(t,i).catch((t=>i.error(t)))}))}function sn(t){return an(Ze(t))}function ln(t,i){var e,n;var o,r;return Ne(this,void 0,void 0,(function*(){try{for(e=Ge(t);n=yield e.next(),!n.done;){const t=n.value;i.next(t);if(i.closed){return}}}catch(t){o={error:t}}finally{try{if(n&&!n.done&&(r=e.return))yield r.call(e)}finally{if(o)throw o.error}}i.complete()}))}function cn(t,i,e,n=0,o=false){const r=i.schedule((function(){e();if(o){t.add(this.schedule(null,n))}else{this.unsubscribe()}}),n);t.add(r);if(!o){return r}}function un(t,i=0){return we(((e,n)=>{e.subscribe(xe(n,(e=>cn(n,t,(()=>n.next(e)),i)),(()=>cn(n,t,(()=>n.complete()),i)),(e=>cn(n,t,(()=>n.error(e)),i))))}))}function hn(t,i=0){return we(((e,n)=>{n.add(t.schedule((()=>e.subscribe(n)),i))}))}function dn(t,i){return tn(t).pipe(hn(i),un(i))}function fn(t,i){return tn(t).pipe(hn(i),un(i))}function pn(t,i){return new me((e=>{let n=0;return i.schedule((function(){if(n===t.length){e.complete()}else{e.next(t[n++]);if(!e.closed){this.schedule()}}}))}))}function mn(t,i){return new me((e=>{let n;cn(e,i,(()=>{n=t[Ye]();cn(e,i,(()=>{let t;let i;try{({value:t,done:i}=n.next())}catch(t){e.error(t);return}if(i){e.complete()}else{e.next(t)}}),0,true)}));return()=>ji(n===null||n===void 0?void 0:n.return)&&n.return()}))}function bn(t,i){if(!t){throw new Error("Iterable cannot be null")}return new me((e=>{cn(e,i,(()=>{const n=t[Symbol.asyncIterator]();cn(e,i,(()=>{n.next().then((t=>{if(t.done){e.complete()}else{e.next(t.value)}}))}),0,true)}))}))}function gn(t,i){return bn(Ze(t),i)}function vn(t,i){if(t!=null){if(Ue(t)){return dn(t,i)}if(Ke(t)){return pn(t,i)}if(He(t)){return fn(t,i)}if(We(t)){return bn(t,i)}if(Xe(t)){return mn(t,i)}if(Qe(t)){return gn(t,i)}}throw qe(t)}function yn(t,i){return i?vn(t,i):tn(t)}function wn(...t){const i=Oe(t);return yn(t,i)}const xn=_i((t=>function i(){t(this);this.name="EmptyError";this.message="no elements in sequence"}));function kn(t){return t instanceof Date&&!isNaN(t)}function zn(t,i){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>{n.next(t.call(i,e,o++))})))}))}const{isArray:Sn}=Array;function An(t,i){return Sn(i)?t(...i):t(i)}function Cn(t){return zn((i=>An(t,i)))}function In(t,i,e,n,o,r,a,s){const l=[];let c=0;let u=0;let h=false;const d=()=>{if(h&&!l.length&&!c){i.complete()}};const f=t=>c<n?p(t):l.push(t);const p=t=>{r&&i.next(t);c++;let s=false;tn(e(t,u++)).subscribe(xe(i,(t=>{o===null||o===void 0?void 0:o(t);if(r){f(t)}else{i.next(t)}}),(()=>{s=true}),undefined,(()=>{if(s){try{c--;while(l.length&&c<n){const t=l.shift();if(a){cn(i,a,(()=>p(t)))}else{p(t)}}d()}catch(t){i.error(t)}}})))};t.subscribe(xe(i,f,(()=>{h=true;d()})));return()=>{s===null||s===void 0?void 0:s()}}function Bn(t,i,e=Infinity){if(ji(i)){return Bn(((e,n)=>zn(((t,o)=>i(e,t,n,o)))(tn(t(e,n)))),e)}else if(typeof i==="number"){e=i}return we(((i,n)=>In(i,n,t,e)))}function En(t=Infinity){return Bn(fe,t)}function Tn(){return En(1)}function Mn(...t){return Tn()(yn(t,Oe(t)))}const Fn=["addListener","removeListener"];const $n=["addEventListener","removeEventListener"];const Ln=["on","off"];function Dn(t,i,e,n){if(ji(e)){n=e;e=undefined}if(n){return Dn(t,i,e).pipe(Cn(n))}const[o,r]=Nn(t)?$n.map((n=>o=>t[n](i,o,e))):On(t)?Fn.map(Rn(t,i)):Pn(t)?Ln.map(Rn(t,i)):[];if(!o){if(Ke(t)){return Bn((t=>Dn(t,i,e)))(tn(t))}}if(!o){throw new TypeError("Invalid event target")}return new me((t=>{const i=(...i)=>t.next(1<i.length?i:i[0]);o(i);return()=>r(i)}))}function Rn(t,i){return e=>n=>t[e](i,n)}function On(t){return ji(t.addListener)&&ji(t.removeListener)}function Pn(t){return ji(t.on)&&ji(t.off)}function Nn(t){return ji(t.addEventListener)&&ji(t.removeEventListener)}function jn(t=0,i,e=$e){let n=-1;if(i!=null){if(De(i)){e=i}else{n=i}}return new me((i=>{let o=kn(t)?+t-e.now():t;if(o<0){o=0}let r=0;return e.schedule((function(){if(!i.closed){i.next(r++);if(0<=n){this.schedule(undefined,n)}else{i.complete()}}}),o)}))}function _n(...t){const i=Oe(t);const e=Pe(t,Infinity);const n=t;return!n.length?Le:n.length===1?tn(n[0]):En(e)(yn(n,i))}function Vn(t,i){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>t.call(i,e,o++)&&n.next(e))))}))}function Gn(t){return we(((i,e)=>{let n=null;let o=false;let r;n=i.subscribe(xe(e,undefined,undefined,(a=>{r=tn(t(a,Gn(t)(i)));if(n){n.unsubscribe();n=null;r.subscribe(e)}else{o=true}})));if(o){n.unsubscribe();n=null;r.subscribe(e)}}))}function Kn(t,i,e,n,o){return(r,a)=>{let s=e;let l=i;let c=0;r.subscribe(xe(a,(i=>{const e=c++;l=s?t(l,i,e):(s=true,i);n&&a.next(l)}),o&&(()=>{s&&a.next(l);a.complete()})))}}function Hn(t){return we(((i,e)=>{let n=false;let o=null;let r=null;const a=()=>{r===null||r===void 0?void 0:r.unsubscribe();r=null;if(n){n=false;const t=o;o=null;e.next(t)}};i.subscribe(xe(e,(i=>{r===null||r===void 0?void 0:r.unsubscribe();n=true;o=i;r=xe(e,a,Xi);tn(t(i)).subscribe(r)}),(()=>{a();e.complete()}),undefined,(()=>{o=r=null})))}))}function Un(t){return we(((i,e)=>{let n=false;i.subscribe(xe(e,(t=>{n=true;e.next(t)}),(()=>{if(!n){e.next(t)}e.complete()})))}))}function Wn(t){return t<=0?()=>Le:we(((i,e)=>{let n=0;i.subscribe(xe(e,(i=>{if(++n<=t){e.next(i);if(t<=n){e.complete()}}})))}))}function qn(){return we(((t,i)=>{t.subscribe(xe(i,Xi))}))}function Jn(t){return zn((()=>t))}function Yn(t,i){if(i){return e=>Mn(i.pipe(Wn(1),qn()),e.pipe(Yn(t)))}return Bn(((i,e)=>t(i,e).pipe(Wn(1),Jn(i))))}function Xn(t,i=Fe){const e=jn(t,i);return Yn((()=>e))}function Zn(t,i=fe){t=t!==null&&t!==void 0?t:Qn;return we(((e,n)=>{let o;let r=true;e.subscribe(xe(n,(e=>{const a=i(e);if(r||!t(o,a)){r=false;o=a;n.next(e)}})))}))}function Qn(t,i){return t===i}function to(t=io){return we(((i,e)=>{let n=false;i.subscribe(xe(e,(t=>{n=true;e.next(t)}),(()=>n?e.complete():e.error(t()))))}))}function io(){return new xn}function eo(t,i){const e=arguments.length>=2;return n=>n.pipe(t?Vn(((i,e)=>t(i,e,n))):fe,Wn(1),e?Un(i):to((()=>new xn)))}function no(t,i){return we(Kn(t,i,arguments.length>=2,true))}function oo(...t){const i=Oe(t);return we(((e,n)=>{(i?Mn(t,e,i):Mn(t,e)).subscribe(n)}))}function ro(t,i){return we(((e,n)=>{let o=null;let r=0;let a=false;const s=()=>a&&!o&&n.complete();e.subscribe(xe(n,(e=>{o===null||o===void 0?void 0:o.unsubscribe();let a=0;const l=r++;tn(t(e,l)).subscribe(o=xe(n,(t=>n.next(i?i(e,t,l,a++):t)),(()=>{o=null;s()})))}),(()=>{a=true;s()})))}))}function ao(t){return we(((i,e)=>{tn(t).subscribe(xe(e,(()=>e.complete()),Xi));!e.closed&&i.subscribe(e)}))}function so(t,i=false){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>{const r=t(e,o++);(r||i)&&n.next(e);!r&&n.complete()})))}))}function lo(t,i,e){const n=ji(t)||i||e?{next:t,error:i,complete:e}:t;return n?we(((t,i)=>{var e;(e=n.subscribe)===null||e===void 0?void 0:e.call(n);let o=true;t.subscribe(xe(i,(t=>{var e;(e=n.next)===null||e===void 0?void 0:e.call(n,t);i.next(t)}),(()=>{var t;o=false;(t=n.complete)===null||t===void 0?void 0:t.call(n);i.complete()}),(t=>{var e;o=false;(e=n.error)===null||e===void 0?void 0:e.call(n,t);i.error(t)}),(()=>{var t,i;if(o){(t=n.unsubscribe)===null||t===void 0?void 0:t.call(n)}(i=n.finalize)===null||i===void 0?void 0:i.call(n)})))})):fe}const co=":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;top:0;left:0;right:0;bottom: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 uo=class{constructor(i){t(this,i);this.scrolledTop=n(this,"scrolledTop",7);this.scrolledLeft=n(this,"scrolledLeft",7);this.scrolledRight=n(this,"scrolledRight",7);this.scrolledBottom=n(this,"scrolledBottom",7);this.init=new Se;this.destroyed=new Se;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=Dn(this.scrollElement,"scroll").pipe(ao(this.destroyed))}this.attachEmitter("left",this.scrolledLeft,this.scrolledBuffer);this.attachEmitter("right",this.scrolledRight,this.scrolledBuffer);this.attachEmitter("bottom",this.scrolledBottom,this.scrolledBuffer);this.attachEmitter("top",this.scrolledTop,this.scrolledBuffer);_n(this.init,this.scrolled).pipe(zn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),Zn(),ao(this.destroyed)).subscribe((({top:t,left:i,right:e,bottom:n})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",i);this.toggleClass("cat-scrollable-right",e);this.toggleClass("cat-scrollable-bottom",n)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete()}render(){return[i("div",{class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},!this.noShadowY&&i("div",{class:"shadow-top"}),!this.noShadowX&&i("div",{class:"shadow-left"}),!this.noShadowX&&i("div",{class:"shadow-right"}),!this.noShadowY&&i("div",{class:"shadow-bottom"})),i("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},i("slot",null))]}attachEmitter(t,i,e){_n(this.init,this.scrolled).pipe(zn((()=>this.getScrollOffset(t)))).pipe(zn((t=>t<=e))).pipe(Zn()).pipe(Vn((t=>t))).pipe(ao(this.destroyed)).subscribe((()=>i.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,i){var e,n;if(i){(e=this.scrollWrapperElement)===null||e===void 0?void 0:e.classList.add(t)}else{(n=this.scrollWrapperElement)===null||n===void 0?void 0:n.classList.remove(t)}}};uo.style=co;var ho="__autosizeInputGhost";var fo={" ":"nbsp","<":"lt",">":"gt"};function po(t){return"&"+fo[t]+";"}function mo(t){return t.replace(/\s|<|>/g,po)}function bo(){var t=document.createElement("div");t.id=ho;t.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";document.body.appendChild(t);return t}var go=function(t,i){var e=window.getComputedStyle(t);var n="box-sizing:"+e.boxSizing+";border-left:"+e.borderLeftWidth+" solid red"+";border-right:"+e.borderRightWidth+" solid red"+";font-family:"+e.fontFamily+";font-feature-settings:"+e.fontFeatureSettings+";font-kerning:"+e.fontKerning+";font-size:"+e.fontSize+";font-stretch:"+e.fontStretch+";font-style:"+e.fontStyle+";font-variant:"+e.fontVariant+";font-variant-caps:"+e.fontVariantCaps+";font-variant-ligatures:"+e.fontVariantLigatures+";font-variant-numeric:"+e.fontVariantNumeric+";font-weight:"+e.fontWeight+";letter-spacing:"+e.letterSpacing+";margin-left:"+e.marginLeft+";margin-right:"+e.marginRight+";padding-left:"+e.paddingLeft+";padding-right:"+e.paddingRight+";text-indent:"+e.textIndent+";text-transform:"+e.textTransform;function o(){var i=t.value||t.getAttribute("placeholder")||"";var e=document.getElementById(ho)||bo();e.style.cssText+=n;e.innerHTML=mo(i);var o=window.getComputedStyle(e).width;t.style.width=o;return o}t.addEventListener("input",o);var r=o();if(i&&i.minWidth&&r!=="0px"){t.style.minWidth=r}return function(){t.removeEventListener("input",o);var i=document.getElementById(ho);if(i){i.parentNode.removeChild(i)}}};const vo=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;position:relative;margin-bottom:1rem}: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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:0.25rem;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear;padding:0.25rem}.select-wrapper:not(.select-disabled):hover{box-shadow:0 0 0 2px #d7dbe0}.select-wrapper:not(.select-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px #d9340d}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px #d9340d}.select-disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.select-wrapper-inner{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem}.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-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:#ebecf0;border-radius:0.125rem;white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 0.13s linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:absolute;right:0;background:white;display:none;overflow:auto;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2);border-radius:0.25rem;z-index:100}.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;--cat-avatar-size:1.25rem}.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(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;}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";const yo={term:"",isOpen:false,isLoading:false,isResolving:false,options:[],selection:[],activeOptionIndex:-1,activeSelectionIndex:-1};let wo=0;const xo=class{constructor(i){t(this,i);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this.i18n=s.getInstance();this.id=`cat-input-${wo++}`;this.term$=new Se;this.more$=new Se;this.state=yo;this.hasSlottedLabel=false;this.multiple=false;this.debounce=250;this.placement="bottom-start";this.disabled=false;this.label="";this.name="";this.labelHidden=false;this.required=false;this.clearable=false}onConnectorChange(t){this.reset(t);this.resolve()}onStateChange(t,i){var e;const n=e=>t[e]!==i[e];if(n("activeOptionIndex")){if(this.state.activeOptionIndex>=0){const t=(e=this.dropdown)===null||e===void 0?void 0:e.querySelector(`#select-${this.id}-option-${this.state.activeOptionIndex}`);t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest"})}}if(n("selection")){if(!this.multiple&&this.state.selection.length){this.hide()}const t=this.state.selection.map((t=>t.item.id));if(this.multiple){this.value=t}else{this.value=t.length?t[0]:""}this.catChange.emit()}}componentDidLoad(){if(this.input){go(this.input)}if(this.trigger&&this.dropdown){jt(this.trigger,this.dropdown,(()=>this.update()))}}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on select",this)}}onBlur(t){if(!this.multiple&&this.state.activeOptionIndex>=0){this.select(this.state.options[this.state.activeOptionIndex])}this.hide();this.patchState({activeSelectionIndex:-1});this.catBlur.emit(t)}onKeyDown(t){var i,e,n,o,r;const a=((i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement)===this.input;if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(t.key)){this.onArrowKeyDown(t)}else if(["Enter"," "].includes(t.key)){if(a&&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(t.key==="Escape"){this.hide()}else if(t.key==="Backspace"||t.key==="Delete"){(e=this.input)===null||e===void 0?void 0:e.focus();if(!this.multiple||!this.state.term||((n=this.input)===null||n===void 0?void 0:n.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})}}}else if(t.key==="Tab"){(o=this.trigger)===null||o===void 0?void 0:o.setAttribute("tabindex","-1");if(this.multiple){this.patchState({activeSelectionIndex:-1,activeOptionIndex:-1})}else if(this.state.activeOptionIndex>=0){this.select(this.state.options[this.state.activeOptionIndex])}}else if(t.key.length===1){(r=this.input)===null||r===void 0?void 0:r.focus()}}onKeyUp(t){var i,e,n,o,r;if(t.key==="Tab"&&!t.shiftKey){((i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement)===this.trigger&&((e=this.input)===null||e===void 0?void 0:e.focus());if(((n=this.hostElement.shadowRoot)===null||n===void 0?void 0:n.activeElement)===this.input){this.show()}}else if(t.key==="Tab"&&t.shiftKey){const t=(o=this.trigger)===null||o===void 0?void 0:o.querySelector(`#select-clear-btn-${this.id}`);if(t){((r=this.hostElement.shadowRoot)===null||r===void 0?void 0:r.activeElement)===t&&this.show()}else{this.show()}}}async connect(t){var i;this.connector=t;let e;(i=this.subscription)===null||i===void 0?void 0:i.unsubscribe();this.subscription=this.term$.asObservable().pipe(Hn((t=>t?jn(this.debounce):wn(0))),Zn(),lo((()=>e=this.more$.pipe(Vn((()=>!this.state.isLoading)),no((t=>t+1),0),oo(0)))),lo((()=>this.patchState({options:[]}))),ro((t=>e.pipe(lo((()=>this.patchState({isLoading:true}))),ro((i=>this.connectorSafe.retrieve(t,i))),lo((t=>this.patchState({isLoading:false,totalElements:t.totalElements}))),so((t=>!t.last),true),no(((t,i)=>[...t,...i.content]),[]))))).subscribe((t=>this.patchState({options:t===null||t===void 0?void 0:t.map((t=>({item:t,render:this.connectorSafe.render(t)})))})))}render(){return i(e,null,(this.hasSlottedLabel||this.label)&&i("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},i("span",{part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label,!this.required&&i("span",{class:"input-optional","aria-hidden":"true"},"(",this.i18n.t("input.optional"),")"))),i("div",{class:{"select-wrapper":true,"select-disabled":this.disabled},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,"aria-activedescendant":this.activeDescendant,onClick:t=>this.onClick(t)},i("div",{class:"select-wrapper-inner"},this.multiple&&this.state.selection.length?i("div",{id:`select-pillbox-${this.id}`,role:"listbox","aria-orientation":"horizontal",class:"select-pills"},this.state.selection.map(((t,e)=>i("span",{class:{pill:true,"select-no-open":true,"select-option-active":this.state.activeSelectionIndex===e},role:"option","aria-selected":"true",id:`select-${this.id}-selection-${e}`},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",null,t.render.label),!this.disabled&&i("cat-button",{size:"xs",variant:"text",icon:"16-cross",iconOnly:true,a11yLabel:this.i18n.t("select.deselect"),onClick:()=>this.deselect(t.item.id),tabIndex:-1}))))):this.state.selection.length&&this.state.selection[0].render.avatar?i("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,initials:""}):null,i("input",{class:"select-input",ref:t=>this.input=t,"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-activedescendant":this.activeDescendant,onInput:()=>this.onInput(),value:!this.multiple?this.state.term:undefined,placeholder:this.placeholder,disabled:this.disabled||this.state.isResolving})),this.state.isResolving&&i("cat-spinner",null),(this.state.selection.length||this.state.term.length)&&!this.disabled&&!this.state.isResolving&&this.clearable?i("cat-button",{id:`select-clear-btn-${this.id}`,iconOnly:true,icon:"cross-circle-outlined",variant:"text",size:"s",a11yLabel:this.i18n.t("select.clear"),onClick:()=>this.clear()}):null,!this.state.isResolving&&i("cat-button",{iconOnly:true,icon:"chevron-down-outlined",class:{"select-btn":true,"select-btn-open":this.state.isOpen},variant:"text",size:"s",a11yLabel:this.state.isOpen?this.i18n.t("select.close"):this.i18n.t("select.open"),"aria-controls":`select-listbox-${this.id}`,"aria-expanded":this.state.isOpen,tabIndex:-1,disabled:this.disabled||this.state.isResolving})),this.hintSection,i("div",{class:"select-dropdown",ref:t=>this.dropdown=t,style:{display:this.state.isOpen?"block":undefined}},this.state.isOpen&&i("cat-scrollable",{class:"select-options-wrapper",scrolledBuffer:56,noOverflowX:true,noOverscroll:true,noScrolledInit:true,onScrolledBottom:()=>this.more$.next()},i("ul",{class:"select-options",role:"listbox","aria-multiselectable":this.multiple,"aria-setsize":this.state.totalElements,id:`select-listbox-${this.id}`},this.state.options.map(((t,e)=>i("li",{role:"option",class:"select-option",id:`select-${this.id}-option-${e}`,"aria-selected":this.isSelected(t.item.id)?"true":"false"},this.multiple?i("cat-checkbox",{class:{"select-option-active":this.state.activeOptionIndex===e},checked:this.isSelected(t.item.id),tabIndex:-1,labelLeft:true,onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onCatChange:i=>{this.toggle(t);i.stopPropagation()}},i("span",{slot:"label",class:"select-option-inner"},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",{class:"select-option-text"},i("span",{class:"select-option-label"},t.render.label),i("span",{class:"select-option-description"},t.render.description)))):i("div",{class:{"select-option-inner":true,"select-option-single":true,"select-option-active":this.state.activeOptionIndex===e},onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onClick:()=>this.select(t),tabIndex:-1},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",{class:"select-option-text"},i("span",{class:"select-option-label"},t.render.label),i("span",{class:"select-option-description"},t.render.description)))))),this.state.isLoading?Array.from(Array(xo.SKELETON_COUNT)).map((()=>i("li",{class:"select-option-loading"},i("cat-skeleton",{variant:"body",lines:1}),i("cat-skeleton",{variant:"body",lines:1})))):!this.state.options.length&&i("li",{class:"select-option-empty"},this.i18n.t("select.empty"))))))}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}get connectorSafe(){if(this.connector){return this.connector}throw new Error("CatSelectConnector not set")}resolve(){var t;this.patchState({isResolving:true});let i;if(this.multiple){i=this.value}else{i=[this.value]}const e=((t=this.value)===null||t===void 0?void 0:t.length)?this.connectorSafe.resolve(i).pipe(eo()):wn([]);e.pipe(Gn((()=>wn([])))).subscribe((t=>this.patchState({isResolving:false,selection:t===null||t===void 0?void 0:t.map((t=>({item:t,render:this.connectorSafe.render(t)}))),term:!this.multiple&&t.length?this.connectorSafe.render(t[0]).label:""})))}show(){var t;if(!this.state.isOpen){this.patchState({isOpen:true});this.catOpen.emit();this.term$.next(this.state.term);(t=this.input)===null||t===void 0?void 0:t.classList.remove("select-input-transparent-caret")}}hide(){if(this.state.isOpen){this.patchState({isOpen:false,activeOptionIndex:-1});this.catClose.emit()}}search(t){this.patchState({term:t,activeOptionIndex:-1,activeSelectionIndex:-1});this.term$.next(t)}isSelected(t){return this.state.selection.findIndex((i=>i.item.id===t))>=0}select(t){var i;if(!this.isSelected(t.item.id)){let i;if(this.multiple){i=[...this.state.selection,t]}else{i=[t];this.search(t.render.label)}this.patchState({selection:i})}if(!this.multiple){this.hide();(i=this.input)===null||i===void 0?void 0:i.classList.add("select-input-transparent-caret")}}deselect(t){if(this.isSelected(t)){this.patchState({selection:this.state.selection.filter((i=>i.item.id!==t)),activeSelectionIndex:-1})}}toggle(t){this.isSelected(t.item.id)?this.deselect(t.item.id):this.select(t)}clear(){if(this.input&&this.state.term){this.patchState({selection:[],options:[],term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}else{this.patchState({selection:[]})}}reset(t){var i;this.connector=t!==null&&t!==void 0?t:this.connector;(i=this.subscription)===null||i===void 0?void 0:i.unsubscribe();this.subscription=undefined;this.state=yo}onClick(t){var i,e;const n=t.target;(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("tabindex","0");(e=this.input)===null||e===void 0?void 0:e.focus();if(n===this.trigger||n===this.input||n.classList.contains("select-btn")||n.nodeName==="SPAN"){this.state.isOpen?this.hide():this.show()}}onInput(){var t;this.search(((t=this.input)===null||t===void 0?void 0:t.value)||"");this.show()}update(){if(this.trigger&&this.dropdown){_t(this.trigger,this.dropdown,{placement:this.placement,middleware:[et(xo.DROPDOWN_OFFSET)]}).then((({x:t,y:i})=>{if(this.dropdown){Object.assign(this.dropdown.style,{left:`${t}px`,top:`${i}px`})}}))}}patchState(t){this.state=Object.assign(Object.assign({},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){var i,e;let n=false;(i=this.input)===null||i===void 0?void 0:i.focus();if(t.key==="ArrowDown"){n=true;this.state.isOpen?this.patchState({activeOptionIndex:Math.min(this.state.activeOptionIndex+1,this.state.options.length-1),activeSelectionIndex:-1}):this.show()}else if(t.key==="ArrowUp"){n=true;this.state.activeOptionIndex>=0?this.patchState({activeOptionIndex:Math.max(this.state.activeOptionIndex-1,-1),activeSelectionIndex:-1}):this.hide()}else if(t.key==="ArrowLeft"){if(((e=this.input)===null||e===void 0?void 0:e.selectionStart)===0){n=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})}}else if(t.key==="ArrowRight"){if(this.state.activeSelectionIndex>=0){n=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(n){t.preventDefault();t.stopPropagation()}}get hostElement(){return o(this)}static get watchers(){return{connector:["onConnectorChange"],state:["onStateChange"]}}};xo.SKELETON_COUNT=4;xo.DROPDOWN_OFFSET=4;xo.style=vo;const ko=class{constructor(i){t(this,i)}componentDidLoad(){var t,i,e,n;(t=this.multipleSelect)===null||t===void 0?void 0:t.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);return t==="no"?wn({last:true,content:[],totalElements:0}):wn({last:false,totalElements:1e4,content:Array.from({length:10},((e,n)=>({id:""+(n+i*10),firstName:"John",lastName:`Doe (${n+i*10})`,desc:`"${t}": page ${i}`})))}).pipe(Xn(500))},render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});(i=this.multipleSelectAvatar)===null||i===void 0?void 0:i.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);return t==="no"?wn({last:true,content:[],totalElements:0}):wn({last:false,totalElements:1e4,content:Array.from({length:10},((e,n)=>({id:""+(n+i*10),firstName:"John",lastName:`Doe (${n+i*10})`,desc:`"${t}": page ${i}`})))}).pipe(Xn(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}})});(e=this.singleSelect)===null||e===void 0?void 0:e.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>zo.find((i=>i.id===t))))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);const e=zo.filter((i=>{var e;return i.country.toLowerCase().indexOf(t.toLowerCase())===0||((e=i.capital)===null||e===void 0?void 0:e.toLowerCase().indexOf(t.toLowerCase()))===0}));const n=e.slice(i*10,i*10+10);return wn({last:n.length<10,totalElements:e.length,content:n}).pipe(Xn(500))},render:t=>({label:t.country,description:t.capital||"No capital"})});(n=this.singleSelectAvatar)===null||n===void 0?void 0:n.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>zo.find((i=>i.id===t))))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);const e=zo.filter((i=>{var e;return i.country.toLowerCase().indexOf(t.toLowerCase())===0||((e=i.capital)===null||e===void 0?void 0:e.toLowerCase().indexOf(t.toLowerCase()))===0}));const n=e.slice(i*10,i*10+10);return wn({last:n.length<10,totalElements:e.length,content:n}).pipe(Xn(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}})})}render(){return i(e,{style:{display:"flex",flexDirection:"column"}},i("cat-select",{label:"Multiple Select",hint:"This is a hint!",ref:t=>this.multipleSelect=t,value:["1"],placeholder:"Hello World",onCatChange:t=>console.log("Multiple",t),onCatBlur:t=>console.log("Multiple blur",t),multiple:true,clearable:true},i("span",{slot:"hint"},'Searching for "no" -',">"," no options are returned!")),i("cat-select",{label:"Multiple with img",ref:t=>this.multipleSelectAvatar=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true}),i("cat-select",{label:"Single Select",hint:"This is a hint!",ref:t=>this.singleSelect=t,value:"1",placeholder:"Search for a country or capital",onCatChange:t=>console.log("Single",t),onCatBlur:t=>console.log("Single blur",t),clearable:true}),i("cat-select",{label:"Single with img",ref:t=>this.singleSelectAvatar=t,value:"1",placeholder:"Search for a country or capital",clearable:true}))}};const zo=[{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 So=':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]){margin-bottom:0.5rem}:host([variant=body]){margin-bottom:1rem}.skeleton{display:block;border-radius: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((1rem - 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 Ao=class{constructor(i){t(this,i);this.effect="sheen";this.variant="rectangle";this.size="m"}render(){return i(e,null,Array.from(Array(this.count)).map((()=>i("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,i){return Math.floor(Math.random()*(i-t+1)+t)}};Ao.style=So;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: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 Io=class{constructor(i){t(this,i);this.size="m"}render(){return i("span",{"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",class:{[`spinner-${this.size}`]:this.size!=="inline"}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},i("circle",{cx:"24",cy:"24",r:"21.5"})))}};Io.style=Co;const Bo=":host{display:block}:host([hidden]){display:none}";let Eo=0;const To=class{constructor(i){t(this,i);this.tabClick=n(this,"tabClick",7);this.label="";this.iconOnly=false;this.iconRight=false;this.deactivated=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${Eo++}`}}onClick(t){this.tabClick.emit(t)}render(){return i(e,null)}get hostElement(){return o(this)}};To.style=Bo;const Mo=":host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 #d7dbe0}:host([hidden]){display:none}:host([tabs-align=center]){justify-content:center}:host([tabs-align=right]){justify-content:end}:host([tabs-align=justify]) cat-button{flex:1 0 auto}.tab{padding:0.5rem}.tab.tab-active{box-shadow:inset 0 -3px 0 0 rgb(var(--cat-primary-bg, 32, 127, 138))}";const Fo=class{constructor(i){t(this,i);this.buttons=[];this.tabs=[];this.activeTab="";this.tabsAlign="left"}onActiveTabChanged(t){const i=this.tabs.find((i=>i.id===t));i===null||i===void 0?void 0:i.click()}componentWillLoad(){this.syncTabs();if(this.tabs.length){this.activeTabId=this.activeTab}}componentDidLoad(){var t;this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-TAB"))&&this.syncTabs()));(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.hostElement,{childList:true,attributes:true,subtree:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}onKeydown(t){var i;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const e=this.buttons.filter((t=>!t.disabled));const n=(i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement;const o=n?e.indexOf(n):-1;const r=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const a=o<0?0:(o+r+e.length)%e.length;e[a].setFocus();t.preventDefault()}}render(){return i(e,null,this.tabs.map((t=>i("cat-button",{ref:t=>t&&this.updateButtonsRef(t),buttonId:t.id,role:"tab",part:"tab",class:{tab:true,"tab-active":Boolean(this.activeTabId&&t.id===this.activeTabId)},color:this.activeTabId&&t.id===this.activeTabId?"primary":"secondary",variant:"text",icon:t.icon,iconOnly:t.iconOnly,iconRight:t.iconRight,url:t.url,disabled:t.deactivated,urlTarget:t.urlTarget,onCatClick:()=>this.activeTabId=t.id},t.label))))}updateButtonsRef(t){const i=this.buttons.indexOf(t);if(i>=0){this.buttons[i]=t}else{this.buttons.push(t)}}syncTabs(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"))}get hostElement(){return o(this)}static get watchers(){return{activeTabId:["onActiveTabChanged"]}}};Fo.style=Mo;var $o,Lo,Do="function"==typeof Map?new Map:($o=[],Lo=[],{has:function(t){return $o.indexOf(t)>-1},get:function(t){return Lo[$o.indexOf(t)]},set:function(t,i){-1===$o.indexOf(t)&&($o.push(t),Lo.push(i))},delete:function(t){var i=$o.indexOf(t);i>-1&&($o.splice(i,1),Lo.splice(i,1))}}),Ro=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch($o){Ro=function(t){var i=document.createEvent("Event");return i.initEvent(t,!0,!1),i}}function Oo(t){var i=Do.get(t);i&&i.destroy()}function Po(t){var i=Do.get(t);i&&i.update()}var No=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((No=function(t){return t}).destroy=function(t){return t},No.update=function(t){return t}):((No=function(t,i){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!Do.has(t)){var i,e=null,n=null,o=null,r=function(){t.clientWidth!==n&&c()},a=function(i){window.removeEventListener("resize",r,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(i).forEach((function(e){t.style[e]=i[e]})),Do.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",Do.set(t,{destroy:a,update:c}),"vertical"===(i=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===i.resize&&(t.style.resize="horizontal"),e="content-box"===i.boxSizing?-(parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)):parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),isNaN(e)&&(e=0),c()}function s(i){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=i}function l(){if(0!==t.scrollHeight){var i=function(t){for(var i=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&i.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return i}(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",n=t.clientWidth,i.forEach((function(t){t.node.scrollTop=t.scrollTop})),o&&(document.documentElement.scrollTop=o)}}function c(){l();var i=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),n="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(n<i?"hidden"===e.overflowY&&(s("scroll"),l(),n="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(s("hidden"),l(),n="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),o!==n){o=n;var r=Ro("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Oo),t},No.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Po),t});var jo=No;const _o=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}: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);margin-bottom:1rem}: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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";let Vo=0;const Go=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-textarea-${Vo++}`;this.hasSlottedLabel=false;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){jo(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return i(e,null,(this.hasSlottedLabel||this.label)&&i("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},i("span",{part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label,!this.required&&i("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),i("textarea",{ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,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)}),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onInput(t){this.value=this.textarea.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};Go.style=_o;const Ko=":host{display:block}";const Ho=class{constructor(i){t(this,i)}render(){return i("cat-button",{onClick:this.onClick.bind(this)},"Show Notifications")}onClick(){const t={position:"top-left",type:"info"};const i={position:"top-center",type:"error"};const e={position:"bottom-left",type:"error"};const n={position:"bottom-right",type:"success"};const o=document.createElement("template");o.innerHTML=`<div style="padding: 7px 30px 7px 10px">Custom HTML Node Content</div>`;const r={position:"bottom-right",type:"success",content:o.content.firstChild};const a={position:"bottom-right",type:"primary"};const s={position:"bottom-right",type:"secondary"};l.secondary("Secondary Click","secondary info",s);l.primary("primary Click","secondary info",a);l.error("Default Click");l.error("Long default title, long default title, long default title, long default title");l.info("Info Click","Info message",t);l.success(""," ",r);l.error("Error Title"," ",i);l.error("Error 2 Title","Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message,Very long message, Very long message, Very long message, Very long message, Very long message, ",e);l.success("Success Title - very long title without message"," ",n)}};Ho.style=Ko;const Uo='.hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}: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{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:1.25rem;border-radius:10rem;background-color:#d7dbe0;transition:background-color 0.13s ease;pointer-events:none}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 32, 127, 138))}: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 0.13s linear;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem));background:rgb(var(--cat-primary-fill, 255, 255, 255))}:host(.cat-error) .toggle{background-color:rgba(217, 52, 13, 0.2)}:host(.cat-error) :checked+.toggle{background-color:#d9340d}:host(.cat-error) :checked+.toggle::after{background:white}.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, 105, 118, 135))}';let Wo=0;const qo=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-toggle-${Wo++}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.labelLeft=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on toggle",this)}}async setFocus(t){this.input.focus(t)}render(){return i(e,null,i("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft}},i("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value!==undefined?String(this.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)}),i("span",{class:"toggle",part:"toggle"}),i("span",{class:"label",part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onInput(t){this.checked=this.input.checked;if(!this.value||typeof this.value==="boolean"){this.value=this.checked}this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};qo.style=Uo;const Jo="ontouchstart"in window||navigator.maxTouchPoints>0;const Yo=":host{display:contents}:host([hidden]){display:none}.tooltip{position:absolute;font-size:0.875rem;line-height:1rem;font-weight:500;padding:0.75rem;background-color:black;border-radius:0.25rem;color:white;transition:opacity 0.25s linear, visibility 0.25s linear;visibility:hidden;opacity:0;box-shadow:rgba(0, 0, 0, 0.08) 0 1px 8px 0;z-index:200;max-width:16rem}.tooltip-show{opacity:1;visibility:visible}.tooltip-trigger{display:inline-block}.tooltip-trigger:focus{outline:none}";let Xo=0;const Zo=class{constructor(i){t(this,i);this.id=`cat-tooltip-${Xo++}`;this.content="";this.disabled=false;this.placement="top";this.showDelay=500;this.hideDelay=0;this.longTouchDuration=1e3}handleKeyDown({key:t}){t==="Escape"&&this.hideListener()}componentDidLoad(){var t,i,e,n,o,r,a;this.trigger=Ei(this.triggerElement)||this.triggerElement;if(!this.isTabbable){(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("tabindex","0")}if(this.trigger&&this.tooltip){jt(this.trigger,this.tooltip,(()=>this.update()))}if(Jo){window.addEventListener("touchstart",this.windowTouchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.addEventListener("touchstart",this.touchStartListener.bind(this));(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("touchend",this.touchEndListener.bind(this))}else{(n=this.trigger)===null||n===void 0?void 0:n.addEventListener("focusin",this.showListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("focusout",this.hideListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("mouseenter",this.showListener.bind(this));(a=this.trigger)===null||a===void 0?void 0:a.addEventListener("mouseleave",this.hideListener.bind(this))}}disconnectedCallback(){var t,i,e,n,o,r;if(Jo){window.removeEventListener("touchstart",this.windowTouchStartListener.bind(this));(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("touchstart",this.touchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.removeEventListener("touchend",this.touchEndListener.bind(this))}else{(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("mouseenter",this.showListener.bind(this));(n=this.trigger)===null||n===void 0?void 0:n.removeEventListener("mouseleave",this.hideListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.removeEventListener("focusin",this.showListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.removeEventListener("focusout",this.hideListener.bind(this))}}render(){return i(e,null,i("div",{ref:t=>this.triggerElement=t,"aria-describedby":this.id,class:"tooltip-trigger"},i("slot",null)),this.content&&!this.disabled&&i("div",{ref:t=>this.tooltip=t,id:this.id,class:"tooltip"},this.content))}get isTabbable(){return Ei(this.trigger)}update(){if(this.trigger&&this.tooltip){_t(this.trigger,this.tooltip,{placement:this.placement,middleware:[et(Zo.OFFSET),tt()]}).then((({x:t,y:i})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${i}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.showTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.showDelay)}hideListener(){window.clearTimeout(this.showTimeout);this.hideTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}),this.hideDelay)}touchStartListener(t){t.stopPropagation();this.touchTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.longTouchDuration)}touchEndListener(){if(this.touchTimeout){window.clearTimeout(this.touchTimeout)}}windowTouchStartListener(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}};Zo.OFFSET=4;Zo.style=Yo;export{u as cat_alert,f as cat_avatar,m as cat_badge,C as cat_button,B as cat_card,F as cat_checkbox,L as cat_icon,O as cat_input,Fi as cat_menu,Li as cat_modal,Oi as cat_radio,Ni as cat_radio_group,uo as cat_scrollable,xo as cat_select,ko as cat_select_demo,Ao as cat_skeleton,Io as cat_spinner,To as cat_tab,Fo as cat_tabs,Go as cat_textarea,Ho as cat_toast_demo,qo as cat_toggle,Zo as cat_tooltip};
-//# sourceMappingURL=p-a7f4d284.entry.js.map
+*/function gi(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);i&&(n=n.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,n)}return e}function vi(t){for(var i=1;i<arguments.length;i++){var e=null!=arguments[i]?arguments[i]:{};i%2?gi(Object(e),!0).forEach((function(i){yi(t,i,e[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):gi(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))}))}return t}function yi(t,i,e){if(i in t){Object.defineProperty(t,i,{value:e,enumerable:true,configurable:true,writable:true})}else{t[i]=e}return t}var wi=function(){var t=[];return{activateTrap:function i(e){if(t.length>0){var n=t[t.length-1];if(n!==e){n.pause()}}var o=t.indexOf(e);if(o===-1){t.push(e)}else{t.splice(o,1);t.push(e)}},deactivateTrap:function i(e){var n=t.indexOf(e);if(n!==-1){t.splice(n,1)}if(t.length>0){t[t.length-1].unpause()}}}}();var xi=function t(i){return i.tagName&&i.tagName.toLowerCase()==="input"&&typeof i.select==="function"};var ki=function t(i){return i.key==="Escape"||i.key==="Esc"||i.keyCode===27};var zi=function t(i){return i.key==="Tab"||i.keyCode===9};var Si=function t(i){return setTimeout(i,0)};var Ai=function t(i,e){var n=-1;i.every((function(t,i){if(e(t)){n=i;return false}return true}));return n};var Ci=function t(i){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++){n[o-1]=arguments[o]}return typeof i==="function"?i.apply(void 0,n):i};var Ii=function t(i){return i.target.shadowRoot&&typeof i.composedPath==="function"?i.composedPath()[0]:i.target};var Bi=function t(i,e){var n=(e===null||e===void 0?void 0:e.document)||document;var o=vi({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true},e);var r={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var a;var s=function t(i,e,n){return i&&i[e]!==undefined?i[e]:o[n||e]};var l=function t(i){return r.containerGroups.findIndex((function(t){var e=t.container,n=t.tabbableNodes;return e.contains(i)||n.find((function(t){return t===i}))}))};var c=function t(i){var e=o[i];if(typeof e==="function"){for(var r=arguments.length,a=new Array(r>1?r-1:0),s=1;s<r;s++){a[s-1]=arguments[s]}e=e.apply(void 0,a)}if(e===true){e=undefined}if(!e){if(e===undefined||e===false){return e}throw new Error("`".concat(i,"` was specified but was not a node, or did not return a node"))}var l=e;if(typeof e==="string"){l=n.querySelector(e);if(!l){throw new Error("`".concat(i,"` as selector refers to no known node"))}}return l};var u=function t(){var i=c("initialFocus");if(i===false){return false}if(i===undefined){if(l(n.activeElement)>=0){i=n.activeElement}else{var e=r.tabbableGroups[0];var o=e&&e.firstTabbableNode;i=o||c("fallbackFocus")}}if(!i){throw new Error("Your focus-trap needs to have at least one focusable element")}return i};var h=function t(){r.containerGroups=r.containers.map((function(t){var i=di(t,o.tabbableOptions);var e=fi(t,o.tabbableOptions);return{container:t,tabbableNodes:i,focusableNodes:e,firstTabbableNode:i.length>0?i[0]:null,lastTabbableNode:i.length>0?i[i.length-1]:null,nextTabbableNode:function t(i){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var r=e.findIndex((function(t){return t===i}));if(r<0){return undefined}if(n){return e.slice(r+1).find((function(t){return pi(t,o.tabbableOptions)}))}return e.slice(0,r).reverse().find((function(t){return pi(t,o.tabbableOptions)}))}}}));r.tabbableGroups=r.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(r.tabbableGroups.length<=0&&!c("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}};var d=function t(i){if(i===false){return}if(i===n.activeElement){return}if(!i||!i.focus){t(u());return}i.focus({preventScroll:!!o.preventScroll});r.mostRecentlyFocusedNode=i;if(xi(i)){i.select()}};var f=function t(i){var e=c("setReturnFocus",i);return e?e:e===false?false:i};var p=function t(i){var e=Ii(i);if(l(e)>=0){return}if(Ci(o.clickOutsideDeactivates,i)){a.deactivate({returnFocus:o.returnFocusOnDeactivate&&!bi(e,o.tabbableOptions)});return}if(Ci(o.allowOutsideClick,i)){return}i.preventDefault()};var m=function t(i){var e=Ii(i);var n=l(e)>=0;if(n||e instanceof Document){if(n){r.mostRecentlyFocusedNode=e}}else{i.stopImmediatePropagation();d(r.mostRecentlyFocusedNode||u())}};var b=function t(i){var e=Ii(i);h();var n=null;if(r.tabbableGroups.length>0){var a=l(e);var s=a>=0?r.containerGroups[a]:undefined;if(a<0){if(i.shiftKey){n=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode}else{n=r.tabbableGroups[0].firstTabbableNode}}else if(i.shiftKey){var u=Ai(r.tabbableGroups,(function(t){var i=t.firstTabbableNode;return e===i}));if(u<0&&(s.container===e||bi(e,o.tabbableOptions)&&!pi(e,o.tabbableOptions)&&!s.nextTabbableNode(e,false))){u=a}if(u>=0){var f=u===0?r.tabbableGroups.length-1:u-1;var p=r.tabbableGroups[f];n=p.lastTabbableNode}}else{var m=Ai(r.tabbableGroups,(function(t){var i=t.lastTabbableNode;return e===i}));if(m<0&&(s.container===e||bi(e,o.tabbableOptions)&&!pi(e,o.tabbableOptions)&&!s.nextTabbableNode(e))){m=a}if(m>=0){var b=m===r.tabbableGroups.length-1?0:m+1;var g=r.tabbableGroups[b];n=g.firstTabbableNode}}}else{n=c("fallbackFocus")}if(n){i.preventDefault();d(n)}};var g=function t(i){if(ki(i)&&Ci(o.escapeDeactivates,i)!==false){i.preventDefault();a.deactivate();return}if(zi(i)){b(i);return}};var v=function t(i){var e=Ii(i);if(l(e)>=0){return}if(Ci(o.clickOutsideDeactivates,i)){return}if(Ci(o.allowOutsideClick,i)){return}i.preventDefault();i.stopImmediatePropagation()};var y=function t(){if(!r.active){return}wi.activateTrap(a);r.delayInitialFocusTimer=o.delayInitialFocus?Si((function(){d(u())})):d(u());n.addEventListener("focusin",m,true);n.addEventListener("mousedown",p,{capture:true,passive:false});n.addEventListener("touchstart",p,{capture:true,passive:false});n.addEventListener("click",v,{capture:true,passive:false});n.addEventListener("keydown",g,{capture:true,passive:false});return a};var w=function t(){if(!r.active){return}n.removeEventListener("focusin",m,true);n.removeEventListener("mousedown",p,true);n.removeEventListener("touchstart",p,true);n.removeEventListener("click",v,true);n.removeEventListener("keydown",g,true);return a};a={get active(){return r.active},get paused(){return r.paused},activate:function t(i){if(r.active){return this}var e=s(i,"onActivate");var o=s(i,"onPostActivate");var a=s(i,"checkCanFocusTrap");if(!a){h()}r.active=true;r.paused=false;r.nodeFocusedBeforeActivation=n.activeElement;if(e){e()}var l=function t(){if(a){h()}y();if(o){o()}};if(a){a(r.containers.concat()).then(l,l);return this}l();return this},deactivate:function t(i){if(!r.active){return this}var e=vi({onDeactivate:o.onDeactivate,onPostDeactivate:o.onPostDeactivate,checkCanReturnFocus:o.checkCanReturnFocus},i);clearTimeout(r.delayInitialFocusTimer);r.delayInitialFocusTimer=undefined;w();r.active=false;r.paused=false;wi.deactivateTrap(a);var n=s(e,"onDeactivate");var l=s(e,"onPostDeactivate");var c=s(e,"checkCanReturnFocus");var u=s(e,"returnFocus","returnFocusOnDeactivate");if(n){n()}var h=function t(){Si((function(){if(u){d(f(r.nodeFocusedBeforeActivation))}if(l){l()}}))};if(u&&c){c(f(r.nodeFocusedBeforeActivation)).then(h,h);return this}h();return this},pause:function t(){if(r.paused||!r.active){return this}r.paused=true;w();return this},unpause:function t(){if(!r.paused||!r.active){return this}r.paused=false;h();y();return this},updateContainerElements:function t(i){var e=[].concat(i).filter(Boolean);r.containers=e.map((function(t){return typeof t==="string"?n.querySelector(t):t}));if(r.active){h()}return this}};a.updateContainerElements(i);return a};const Ei=t=>(t?di(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Ti=":host{display:contents}:host([hidden]){display:none}.content{padding-top:0.5rem;padding-bottom:0.5rem;position:absolute;background:white;display:none;overflow:auto;-webkit-overflow-scrolling:touch;min-width:8rem;max-width:16rem;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2);border-radius:0.25rem;z-index:100}";let Mi=0;const Fi=class{constructor(i){t(this,i);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=Mi++;this.placement="bottom-start"}clickHandler(t){var i;if(this.content&&t.composedPath().includes(this.content)){(i=this.trap)===null||i===void 0?void 0:i.deactivate();this.hide()}}componentDidLoad(){var t,i,e,n,o;this.trigger=Ei(this.triggerSlot);(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-haspopup","true");(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("aria-expanded","false");(e=this.trigger)===null||e===void 0?void 0:e.setAttribute("aria-controls",this.contentId);(n=this.content)===null||n===void 0?void 0:n.setAttribute("id",this.contentId);if(this.trigger&&this.content){(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("click",(()=>this.show()));jt(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const i=di(this.content,{includeContainer:false,getShadowRoot:true});const e=Ei(document.activeElement);const n=e?i.indexOf(e):-1;const o=t.key==="ArrowDown"?1:-1;const r=n<0?0:(n+o+i.length)%i.length;i[r].focus();t.preventDefault()}};document.addEventListener("keydown",this.keyListener)}disconnectedCallback(){if(this.keyListener){document.removeEventListener("keydown",this.keyListener)}}render(){return i(e,null,i("slot",{name:"trigger",ref:t=>this.triggerSlot=t}),i("div",{class:"content",ref:t=>this.content=t},i("slot",{name:"content"})))}get contentId(){return`cat-menu-${this.id}`}show(){var t;if(this.content){this.content.style.display="block";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","true");this.catOpen.emit();this.trap=this.trap?this.trap.updateContainerElements(this.content):Bi(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.content||!t.composedPath().includes(this.content),onPostDeactivate:()=>this.hide()});this.trap.activate()}}hide(){var t;if(this.content){this.content.style.display="";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");this.catClose.emit()}}update(){if(this.trigger&&this.content){_t(this.trigger,this.content,{placement:this.placement,middleware:[et(Fi.OFFSET),tt()]}).then((({x:t,y:i})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${i}px`})}}))}}};Fi.OFFSET=4;Fi.style=Ti;const $i=":host{display:block}:host([hidden]){display:none}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.6);z-index:2;display:flex}.modal-wrapper[aria-hidden=true]{display:none}.modal{margin:auto;z-index:2;position:relative;background-color:white;border-radius:0.5rem;max-width:100%;padding:32px}.modal-header{display:flex;justify-content:end;align-self:stretch}.modal-header .close-button::part(button){box-shadow:unset}.modal-content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin:16px 0}.modal-s{width:400px}.modal-m{width:600px}.modal-l{width:800px}";const Li=class{constructor(i){t(this,i);this.isVisible=false;this.size="m"}componentDidLoad(){if(this.modal){this.trap=Bi(this.modal,{tabbableOptions:{getShadowRoot:true},initialFocus:Ei(this.closeButton),allowOutsideClick:true,clickOutsideDeactivates:t=>!this.modal||!t.composedPath().includes(this.modal),onDeactivate:()=>this.isVisible=false,setReturnFocus:t=>t instanceof HTMLElement?Ei(t):t})}}componentDidUpdate(){var t;if(this.isVisible)(t=this.trap)===null||t===void 0?void 0:t.activate();this.updateAccessibility(this.hostElement)}async show(){this.isVisible=true}render(){return i("div",{"aria-modal":true,role:"dialog","aria-hidden":!this.isVisible?"true":"false",class:"modal-wrapper"},i("div",{ref:t=>this.modal=t,class:{modal:true,[`modal-${this.size}`]:Boolean(this.size)}},i("div",{class:"modal-header"},i("cat-button",{ref:t=>this.closeButton=t,icon:"cross-outlined",class:"close-button",size:"s",iconOnly:true,a11yLabel:"close",onCatClick:this.onClick.bind(this)})),i("div",{class:"modal-content"},i("slot",null))))}onClick(){var t;(t=this.trap)===null||t===void 0?void 0:t.deactivate()}updateAccessibility(t){if(t.parentElement){Array.from(t.parentElement.children).forEach((i=>{if(i!==t){this.isVisible?i.setAttribute("aria-hidden","true"):i.removeAttribute("aria-hidden")}}));if(t.parentElement!==document.body){this.updateAccessibility(t.parentElement)}}}get hostElement(){return o(this)}};Li.style=$i;const Di=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}: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{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 32, 127, 138));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 #d7dbe0;border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 32, 127, 138))}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:#d9340d}:host(.cat-error) .circle{background-color:#d9340d}.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, 105, 118, 135))}.is-disabled input{background-color:#f8f8fb}.is-disabled input:checked{border-color:#d7dbe0}.is-disabled .circle{background-color:#d7dbe0}";let Ri=0;const Oi=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-radio-${++Ri}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.labelLeft=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on radio",this)}}async setFocus(t){this.input.focus(t)}render(){return i(e,null,i("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft},role:"radio","aria-checked":this.checked?"true":"false"},i("span",{class:"radio"},i("input",{ref:t=>this.input=t,id:this.id,type:"radio",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onChange.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),i("span",{class:"circle"})),i("span",{class:"label",part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onChange(t){this.checked=true;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};Oi.style=Di;const Pi=":host{display:block}:host([hidden]){display:none}";const Ni=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this.catRadioGroup=[];this.disabled=false;this.labelLeft=false}onNameChanged(t){this.catRadioGroup.forEach((i=>{i.name=t}))}onValueChanged(t){this.catRadioGroup.forEach((i=>{i.checked=i.value===t}));this.updateTabIndex()}onDisabledChanged(t){this.catRadioGroup.forEach((i=>{if(t){i.disabled=t}}))}onLabelLeftChanged(t){this.catRadioGroup.forEach((i=>{if(t){i.labelLeft=t}}))}componentDidLoad(){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)}onKeydown(t){var i,e;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)&&this.catRadioGroup.length){const n=this.catRadioGroup.filter((t=>!t.disabled));const o=document.activeElement;const r=this.catRadioGroup.findIndex((t=>t===o));const a=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const s=r<0?0:(r+a+n.length)%n.length;n[s].setFocus();(e=(i=n[s].shadowRoot)===null||i===void 0?void 0:i.querySelector("input"))===null||e===void 0?void 0:e.click();this.updateTabIndex();t.preventDefault()}}onInput(t){const i=this.catRadioGroup.find((i=>i===t.target));this.value=i===null||i===void 0?void 0:i.value;this.catChange.emit()}onBlur(t){if(!t.relatedTarget){this.catBlur.emit(t)}}render(){return i("div",{role:"radiogroup","aria-label":this.a11yLabel},i("slot",null))}updateTabIndex(){var t,i;if(this.catRadioGroup.length){this.catRadioGroup.forEach((t=>{var i,e;return(e=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("input"))===null||e===void 0?void 0:e.setAttribute("tabindex","-1")}));const e=this.catRadioGroup.findIndex((t=>t.checked));(i=(t=this.catRadioGroup[e>=0?e:0].shadowRoot)===null||t===void 0?void 0:t.querySelector("input"))===null||i===void 0?void 0:i.setAttribute("tabindex","0")}}get hostElement(){return o(this)}static get watchers(){return{name:["onNameChanged"],value:["onValueChanged"],disabled:["onDisabledChanged"],labelLeft:["onLabelLeftChanged"]}}};Ni.style=Pi;function ji(t){return typeof t==="function"}function _i(t){const i=t=>{Error.call(t);t.stack=(new Error).stack};const e=t(i);e.prototype=Object.create(Error.prototype);e.prototype.constructor=e;return e}const Vi=_i((t=>function i(e){t(this);this.message=e?`${e.length} errors occurred during unsubscription:\n${e.map(((t,i)=>`${i+1}) ${t.toString()}`)).join("\n  ")}`:"";this.name="UnsubscriptionError";this.errors=e}));function Gi(t,i){if(t){const e=t.indexOf(i);0<=e&&t.splice(e,1)}}class Ki{constructor(t){this.initialTeardown=t;this.closed=false;this._parentage=null;this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=true;const{_parentage:i}=this;if(i){this._parentage=null;if(Array.isArray(i)){for(const t of i){t.remove(this)}}else{i.remove(this)}}const{initialTeardown:e}=this;if(ji(e)){try{e()}catch(i){t=i instanceof Vi?i.errors:[i]}}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const i of n){try{Wi(i)}catch(i){t=t!==null&&t!==void 0?t:[];if(i instanceof Vi){t=[...t,...i.errors]}else{t.push(i)}}}}if(t){throw new Vi(t)}}}add(t){var i;if(t&&t!==this){if(this.closed){Wi(t)}else{if(t instanceof Ki){if(t.closed||t._hasParent(this)){return}t._addParent(this)}(this._finalizers=(i=this._finalizers)!==null&&i!==void 0?i:[]).push(t)}}}_hasParent(t){const{_parentage:i}=this;return i===t||Array.isArray(i)&&i.includes(t)}_addParent(t){const{_parentage:i}=this;this._parentage=Array.isArray(i)?(i.push(t),i):i?[i,t]:t}_removeParent(t){const{_parentage:i}=this;if(i===t){this._parentage=null}else if(Array.isArray(i)){Gi(i,t)}}remove(t){const{_finalizers:i}=this;i&&Gi(i,t);if(t instanceof Ki){t._removeParent(this)}}}Ki.EMPTY=(()=>{const t=new Ki;t.closed=true;return t})();const Hi=Ki.EMPTY;function Ui(t){return t instanceof Ki||t&&"closed"in t&&ji(t.remove)&&ji(t.add)&&ji(t.unsubscribe)}function Wi(t){if(ji(t)){t()}else{t.unsubscribe()}}const qi={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ji={setTimeout(t,i,...e){const{delegate:n}=Ji;if(n===null||n===void 0?void 0:n.setTimeout){return n.setTimeout(t,i,...e)}return setTimeout(t,i,...e)},clearTimeout(t){const{delegate:i}=Ji;return((i===null||i===void 0?void 0:i.clearTimeout)||clearTimeout)(t)},delegate:undefined};function Yi(t){Ji.setTimeout((()=>{const{onUnhandledError:i}=qi;if(i){i(t)}else{throw t}}))}function Xi(){}const Zi=(()=>ie("C",undefined,undefined))();function Qi(t){return ie("E",undefined,t)}function te(t){return ie("N",t,undefined)}function ie(t,i,e){return{kind:t,value:i,error:e}}function ee(t){{t()}}class ne extends Ki{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Ui(t)){t.add(this)}}else{this.destination=he}}static create(t,i,e){return new se(t,i,e)}next(t){if(this.isStopped){ue(te(t),this)}else{this._next(t)}}error(t){if(this.isStopped){ue(Qi(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){ue(Zi,this)}else{this.isStopped=true;this._complete()}}unsubscribe(){if(!this.closed){this.isStopped=true;super.unsubscribe();this.destination=null}}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const oe=Function.prototype.bind;function re(t,i){return oe.call(t,i)}class ae{constructor(t){this.partialObserver=t}next(t){const{partialObserver:i}=this;if(i.next){try{i.next(t)}catch(t){le(t)}}}error(t){const{partialObserver:i}=this;if(i.error){try{i.error(t)}catch(t){le(t)}}else{le(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){le(t)}}}}class se extends ne{constructor(t,i,e){super();let n;if(ji(t)||!t){n={next:t!==null&&t!==void 0?t:undefined,error:i!==null&&i!==void 0?i:undefined,complete:e!==null&&e!==void 0?e:undefined}}else{let i;if(this&&qi.useDeprecatedNextContext){i=Object.create(t);i.unsubscribe=()=>this.unsubscribe();n={next:t.next&&re(t.next,i),error:t.error&&re(t.error,i),complete:t.complete&&re(t.complete,i)}}else{n=t}}this.destination=new ae(n)}}function le(t){{Yi(t)}}function ce(t){throw t}function ue(t,i){const{onStoppedNotification:e}=qi;e&&Ji.setTimeout((()=>e(t,i)))}const he={closed:true,next:Xi,error:ce,complete:Xi};const de=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function fe(t){return t}function pe(t){if(t.length===0){return fe}if(t.length===1){return t[0]}return function i(e){return t.reduce(((t,i)=>i(t)),e)}}class me{constructor(t){if(t){this._subscribe=t}}lift(t){const i=new me;i.source=this;i.operator=t;return i}subscribe(t,i,e){const n=ve(t)?t:new se(t,i,e);ee((()=>{const{operator:t,source:i}=this;n.add(t?t.call(n,i):i?this._subscribe(n):this._trySubscribe(n))}));return n}_trySubscribe(t){try{return this._subscribe(t)}catch(i){t.error(i)}}forEach(t,i){i=be(i);return new i(((i,e)=>{const n=new se({next:i=>{try{t(i)}catch(t){e(t);n.unsubscribe()}},error:e,complete:i});this.subscribe(n)}))}_subscribe(t){var i;return(i=this.source)===null||i===void 0?void 0:i.subscribe(t)}[de](){return this}pipe(...t){return pe(t)(this)}toPromise(t){t=be(t);return new t(((t,i)=>{let e;this.subscribe((t=>e=t),(t=>i(t)),(()=>t(e)))}))}}me.create=t=>new me(t);function be(t){var i;return(i=t!==null&&t!==void 0?t:qi.Promise)!==null&&i!==void 0?i:Promise}function ge(t){return t&&ji(t.next)&&ji(t.error)&&ji(t.complete)}function ve(t){return t&&t instanceof ne||ge(t)&&Ui(t)}function ye(t){return ji(t===null||t===void 0?void 0:t.lift)}function we(t){return i=>{if(ye(i)){return i.lift((function(i){try{return t(i,this)}catch(t){this.error(t)}}))}throw new TypeError("Unable to lift unknown Observable type")}}function xe(t,i,e,n,o){return new ke(t,i,e,n,o)}class ke extends ne{constructor(t,i,e,n,o,r){super(t);this.onFinalize=o;this.shouldUnsubscribe=r;this._next=i?function(e){try{i(e)}catch(i){t.error(i)}}:super._next;this._error=n?function(i){try{n(i)}catch(i){t.error(i)}finally{this.unsubscribe()}}:super._error;this._complete=e?function(){try{e()}catch(i){t.error(i)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:i}=this;super.unsubscribe();!i&&((t=this.onFinalize)===null||t===void 0?void 0:t.call(this))}}}const ze=_i((t=>function i(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class Se extends me{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const i=new Ae(this,this);i.operator=t;return i}_throwIfClosed(){if(this.closed){throw new ze}}next(t){ee((()=>{this._throwIfClosed();if(!this.isStopped){if(!this.currentObservers){this.currentObservers=Array.from(this.observers)}for(const i of this.currentObservers){i.next(t)}}}))}error(t){ee((()=>{this._throwIfClosed();if(!this.isStopped){this.hasError=this.isStopped=true;this.thrownError=t;const{observers:i}=this;while(i.length){i.shift().error(t)}}}))}complete(){ee((()=>{this._throwIfClosed();if(!this.isStopped){this.isStopped=true;const{observers:t}=this;while(t.length){t.shift().complete()}}}))}unsubscribe(){this.isStopped=this.closed=true;this.observers=this.currentObservers=null}get observed(){var t;return((t=this.observers)===null||t===void 0?void 0:t.length)>0}_trySubscribe(t){this._throwIfClosed();return super._trySubscribe(t)}_subscribe(t){this._throwIfClosed();this._checkFinalizedStatuses(t);return this._innerSubscribe(t)}_innerSubscribe(t){const{hasError:i,isStopped:e,observers:n}=this;if(i||e){return Hi}this.currentObservers=null;n.push(t);return new Ki((()=>{this.currentObservers=null;Gi(n,t)}))}_checkFinalizedStatuses(t){const{hasError:i,thrownError:e,isStopped:n}=this;if(i){t.error(e)}else if(n){t.complete()}}asObservable(){const t=new me;t.source=this;return t}}Se.create=(t,i)=>new Ae(t,i);class Ae extends Se{constructor(t,i){super();this.destination=t;this.source=i}next(t){var i,e;(e=(i=this.destination)===null||i===void 0?void 0:i.next)===null||e===void 0?void 0:e.call(i,t)}error(t){var i,e;(e=(i=this.destination)===null||i===void 0?void 0:i.error)===null||e===void 0?void 0:e.call(i,t)}complete(){var t,i;(i=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||i===void 0?void 0:i.call(t)}_subscribe(t){var i,e;return(e=(i=this.source)===null||i===void 0?void 0:i.subscribe(t))!==null&&e!==void 0?e:Hi}}const Ce={now(){return(Ce.delegate||Date).now()},delegate:undefined};class Ie extends Ki{constructor(t,i){super()}schedule(t,i=0){return this}}const Be={setInterval(t,i,...e){const{delegate:n}=Be;if(n===null||n===void 0?void 0:n.setInterval){return n.setInterval(t,i,...e)}return setInterval(t,i,...e)},clearInterval(t){const{delegate:i}=Be;return((i===null||i===void 0?void 0:i.clearInterval)||clearInterval)(t)},delegate:undefined};class Ee extends Ie{constructor(t,i){super(t,i);this.scheduler=t;this.work=i;this.pending=false}schedule(t,i=0){if(this.closed){return this}this.state=t;const e=this.id;const n=this.scheduler;if(e!=null){this.id=this.recycleAsyncId(n,e,i)}this.pending=true;this.delay=i;this.id=this.id||this.requestAsyncId(n,this.id,i);return this}requestAsyncId(t,i,e=0){return Be.setInterval(t.flush.bind(t,this),e)}recycleAsyncId(t,i,e=0){if(e!=null&&this.delay===e&&this.pending===false){return i}Be.clearInterval(i);return undefined}execute(t,i){if(this.closed){return new Error("executing a cancelled action")}this.pending=false;const e=this._execute(t,i);if(e){return e}else if(this.pending===false&&this.id!=null){this.id=this.recycleAsyncId(this.scheduler,this.id,null)}}_execute(t,i){let e=false;let n;try{this.work(t)}catch(t){e=true;n=t?t:new Error("Scheduled action threw falsy error")}if(e){this.unsubscribe();return n}}unsubscribe(){if(!this.closed){const{id:t,scheduler:i}=this;const{actions:e}=i;this.work=this.state=this.scheduler=null;this.pending=false;Gi(e,this);if(t!=null){this.id=this.recycleAsyncId(i,t,null)}this.delay=null;super.unsubscribe()}}}class Te{constructor(t,i=Te.now){this.schedulerActionCtor=t;this.now=i}schedule(t,i=0,e){return new this.schedulerActionCtor(this,t).schedule(e,i)}}Te.now=Ce.now;class Me extends Te{constructor(t,i=Te.now){super(t,i);this.actions=[];this._active=false;this._scheduled=undefined}flush(t){const{actions:i}=this;if(this._active){i.push(t);return}let e;this._active=true;do{if(e=t.execute(t.state,t.delay)){break}}while(t=i.shift());this._active=false;if(e){while(t=i.shift()){t.unsubscribe()}throw e}}}const Fe=new Me(Ee);const $e=Fe;const Le=new me((t=>t.complete()));function De(t){return t&&ji(t.schedule)}function Re(t){return t[t.length-1]}function Oe(t){return De(Re(t))?t.pop():undefined}function Pe(t,i){return typeof Re(t)==="number"?t.pop():i}function Ne(t,i,e,n){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{l(n.next(t))}catch(t){r(t)}}function s(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?e(t.value):o(t.value).then(a,s)}l((n=n.apply(t,i||[])).next())}))}function je(t){var i=typeof Symbol==="function"&&Symbol.iterator,e=i&&t[i],n=0;if(e)return e.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&n>=t.length)t=void 0;return{value:t&&t[n++],done:!t}}};throw new TypeError(i?"Object is not iterable.":"Symbol.iterator is not defined.")}function _e(t){return this instanceof _e?(this.v=t,this):new _e(t)}function Ve(t,i,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=e.apply(t,i||[]),o,r=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(t){if(n[t])o[t]=function(i){return new Promise((function(e,n){r.push([t,i,e,n])>1||s(t,i)}))}}function s(t,i){try{l(n[t](i))}catch(t){h(r[0][3],t)}}function l(t){t.value instanceof _e?Promise.resolve(t.value.v).then(c,u):h(r[0][2],t)}function c(t){s("next",t)}function u(t){s("throw",t)}function h(t,i){if(t(i),r.shift(),r.length)s(r[0][0],r[0][1])}}function Ge(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i=t[Symbol.asyncIterator],e;return i?i.call(t):(t=typeof je==="function"?je(t):t[Symbol.iterator](),e={},n("next"),n("throw"),n("return"),e[Symbol.asyncIterator]=function(){return this},e);function n(i){e[i]=t[i]&&function(e){return new Promise((function(n,r){e=t[i](e),o(n,r,e.done,e.value)}))}}function o(t,i,e,n){Promise.resolve(n).then((function(i){t({value:i,done:e})}),i)}}const Ke=t=>t&&typeof t.length==="number"&&typeof t!=="function";function He(t){return ji(t===null||t===void 0?void 0:t.then)}function Ue(t){return ji(t[de])}function We(t){return Symbol.asyncIterator&&ji(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function qe(t){return new TypeError(`You provided ${t!==null&&typeof t==="object"?"an invalid object":`'${t}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function Je(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const Ye=Je();function Xe(t){return ji(t===null||t===void 0?void 0:t[Ye])}function Ze(t){return Ve(this,arguments,(function*i(){const e=t.getReader();try{while(true){const{value:t,done:i}=yield _e(e.read());if(i){return yield _e(void 0)}yield yield _e(t)}}finally{e.releaseLock()}}))}function Qe(t){return ji(t===null||t===void 0?void 0:t.getReader)}function tn(t){if(t instanceof me){return t}if(t!=null){if(Ue(t)){return en(t)}if(Ke(t)){return nn(t)}if(He(t)){return on(t)}if(We(t)){return an(t)}if(Xe(t)){return rn(t)}if(Qe(t)){return sn(t)}}throw qe(t)}function en(t){return new me((i=>{const e=t[de]();if(ji(e.subscribe)){return e.subscribe(i)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function nn(t){return new me((i=>{for(let e=0;e<t.length&&!i.closed;e++){i.next(t[e])}i.complete()}))}function on(t){return new me((i=>{t.then((t=>{if(!i.closed){i.next(t);i.complete()}}),(t=>i.error(t))).then(null,Yi)}))}function rn(t){return new me((i=>{for(const e of t){i.next(e);if(i.closed){return}}i.complete()}))}function an(t){return new me((i=>{ln(t,i).catch((t=>i.error(t)))}))}function sn(t){return an(Ze(t))}function ln(t,i){var e,n;var o,r;return Ne(this,void 0,void 0,(function*(){try{for(e=Ge(t);n=yield e.next(),!n.done;){const t=n.value;i.next(t);if(i.closed){return}}}catch(t){o={error:t}}finally{try{if(n&&!n.done&&(r=e.return))yield r.call(e)}finally{if(o)throw o.error}}i.complete()}))}function cn(t,i,e,n=0,o=false){const r=i.schedule((function(){e();if(o){t.add(this.schedule(null,n))}else{this.unsubscribe()}}),n);t.add(r);if(!o){return r}}function un(t,i=0){return we(((e,n)=>{e.subscribe(xe(n,(e=>cn(n,t,(()=>n.next(e)),i)),(()=>cn(n,t,(()=>n.complete()),i)),(e=>cn(n,t,(()=>n.error(e)),i))))}))}function hn(t,i=0){return we(((e,n)=>{n.add(t.schedule((()=>e.subscribe(n)),i))}))}function dn(t,i){return tn(t).pipe(hn(i),un(i))}function fn(t,i){return tn(t).pipe(hn(i),un(i))}function pn(t,i){return new me((e=>{let n=0;return i.schedule((function(){if(n===t.length){e.complete()}else{e.next(t[n++]);if(!e.closed){this.schedule()}}}))}))}function mn(t,i){return new me((e=>{let n;cn(e,i,(()=>{n=t[Ye]();cn(e,i,(()=>{let t;let i;try{({value:t,done:i}=n.next())}catch(t){e.error(t);return}if(i){e.complete()}else{e.next(t)}}),0,true)}));return()=>ji(n===null||n===void 0?void 0:n.return)&&n.return()}))}function bn(t,i){if(!t){throw new Error("Iterable cannot be null")}return new me((e=>{cn(e,i,(()=>{const n=t[Symbol.asyncIterator]();cn(e,i,(()=>{n.next().then((t=>{if(t.done){e.complete()}else{e.next(t.value)}}))}),0,true)}))}))}function gn(t,i){return bn(Ze(t),i)}function vn(t,i){if(t!=null){if(Ue(t)){return dn(t,i)}if(Ke(t)){return pn(t,i)}if(He(t)){return fn(t,i)}if(We(t)){return bn(t,i)}if(Xe(t)){return mn(t,i)}if(Qe(t)){return gn(t,i)}}throw qe(t)}function yn(t,i){return i?vn(t,i):tn(t)}function wn(...t){const i=Oe(t);return yn(t,i)}const xn=_i((t=>function i(){t(this);this.name="EmptyError";this.message="no elements in sequence"}));function kn(t){return t instanceof Date&&!isNaN(t)}function zn(t,i){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>{n.next(t.call(i,e,o++))})))}))}const{isArray:Sn}=Array;function An(t,i){return Sn(i)?t(...i):t(i)}function Cn(t){return zn((i=>An(t,i)))}function In(t,i,e,n,o,r,a,s){const l=[];let c=0;let u=0;let h=false;const d=()=>{if(h&&!l.length&&!c){i.complete()}};const f=t=>c<n?p(t):l.push(t);const p=t=>{r&&i.next(t);c++;let s=false;tn(e(t,u++)).subscribe(xe(i,(t=>{o===null||o===void 0?void 0:o(t);if(r){f(t)}else{i.next(t)}}),(()=>{s=true}),undefined,(()=>{if(s){try{c--;while(l.length&&c<n){const t=l.shift();if(a){cn(i,a,(()=>p(t)))}else{p(t)}}d()}catch(t){i.error(t)}}})))};t.subscribe(xe(i,f,(()=>{h=true;d()})));return()=>{s===null||s===void 0?void 0:s()}}function Bn(t,i,e=Infinity){if(ji(i)){return Bn(((e,n)=>zn(((t,o)=>i(e,t,n,o)))(tn(t(e,n)))),e)}else if(typeof i==="number"){e=i}return we(((i,n)=>In(i,n,t,e)))}function En(t=Infinity){return Bn(fe,t)}function Tn(){return En(1)}function Mn(...t){return Tn()(yn(t,Oe(t)))}const Fn=["addListener","removeListener"];const $n=["addEventListener","removeEventListener"];const Ln=["on","off"];function Dn(t,i,e,n){if(ji(e)){n=e;e=undefined}if(n){return Dn(t,i,e).pipe(Cn(n))}const[o,r]=Nn(t)?$n.map((n=>o=>t[n](i,o,e))):On(t)?Fn.map(Rn(t,i)):Pn(t)?Ln.map(Rn(t,i)):[];if(!o){if(Ke(t)){return Bn((t=>Dn(t,i,e)))(tn(t))}}if(!o){throw new TypeError("Invalid event target")}return new me((t=>{const i=(...i)=>t.next(1<i.length?i:i[0]);o(i);return()=>r(i)}))}function Rn(t,i){return e=>n=>t[e](i,n)}function On(t){return ji(t.addListener)&&ji(t.removeListener)}function Pn(t){return ji(t.on)&&ji(t.off)}function Nn(t){return ji(t.addEventListener)&&ji(t.removeEventListener)}function jn(t=0,i,e=$e){let n=-1;if(i!=null){if(De(i)){e=i}else{n=i}}return new me((i=>{let o=kn(t)?+t-e.now():t;if(o<0){o=0}let r=0;return e.schedule((function(){if(!i.closed){i.next(r++);if(0<=n){this.schedule(undefined,n)}else{i.complete()}}}),o)}))}function _n(...t){const i=Oe(t);const e=Pe(t,Infinity);const n=t;return!n.length?Le:n.length===1?tn(n[0]):En(e)(yn(n,i))}function Vn(t,i){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>t.call(i,e,o++)&&n.next(e))))}))}function Gn(t){return we(((i,e)=>{let n=null;let o=false;let r;n=i.subscribe(xe(e,undefined,undefined,(a=>{r=tn(t(a,Gn(t)(i)));if(n){n.unsubscribe();n=null;r.subscribe(e)}else{o=true}})));if(o){n.unsubscribe();n=null;r.subscribe(e)}}))}function Kn(t,i,e,n,o){return(r,a)=>{let s=e;let l=i;let c=0;r.subscribe(xe(a,(i=>{const e=c++;l=s?t(l,i,e):(s=true,i);n&&a.next(l)}),o&&(()=>{s&&a.next(l);a.complete()})))}}function Hn(t){return we(((i,e)=>{let n=false;let o=null;let r=null;const a=()=>{r===null||r===void 0?void 0:r.unsubscribe();r=null;if(n){n=false;const t=o;o=null;e.next(t)}};i.subscribe(xe(e,(i=>{r===null||r===void 0?void 0:r.unsubscribe();n=true;o=i;r=xe(e,a,Xi);tn(t(i)).subscribe(r)}),(()=>{a();e.complete()}),undefined,(()=>{o=r=null})))}))}function Un(t){return we(((i,e)=>{let n=false;i.subscribe(xe(e,(t=>{n=true;e.next(t)}),(()=>{if(!n){e.next(t)}e.complete()})))}))}function Wn(t){return t<=0?()=>Le:we(((i,e)=>{let n=0;i.subscribe(xe(e,(i=>{if(++n<=t){e.next(i);if(t<=n){e.complete()}}})))}))}function qn(){return we(((t,i)=>{t.subscribe(xe(i,Xi))}))}function Jn(t){return zn((()=>t))}function Yn(t,i){if(i){return e=>Mn(i.pipe(Wn(1),qn()),e.pipe(Yn(t)))}return Bn(((i,e)=>t(i,e).pipe(Wn(1),Jn(i))))}function Xn(t,i=Fe){const e=jn(t,i);return Yn((()=>e))}function Zn(t,i=fe){t=t!==null&&t!==void 0?t:Qn;return we(((e,n)=>{let o;let r=true;e.subscribe(xe(n,(e=>{const a=i(e);if(r||!t(o,a)){r=false;o=a;n.next(e)}})))}))}function Qn(t,i){return t===i}function to(t=io){return we(((i,e)=>{let n=false;i.subscribe(xe(e,(t=>{n=true;e.next(t)}),(()=>n?e.complete():e.error(t()))))}))}function io(){return new xn}function eo(t,i){const e=arguments.length>=2;return n=>n.pipe(t?Vn(((i,e)=>t(i,e,n))):fe,Wn(1),e?Un(i):to((()=>new xn)))}function no(t,i){return we(Kn(t,i,arguments.length>=2,true))}function oo(...t){const i=Oe(t);return we(((e,n)=>{(i?Mn(t,e,i):Mn(t,e)).subscribe(n)}))}function ro(t,i){return we(((e,n)=>{let o=null;let r=0;let a=false;const s=()=>a&&!o&&n.complete();e.subscribe(xe(n,(e=>{o===null||o===void 0?void 0:o.unsubscribe();let a=0;const l=r++;tn(t(e,l)).subscribe(o=xe(n,(t=>n.next(i?i(e,t,l,a++):t)),(()=>{o=null;s()})))}),(()=>{a=true;s()})))}))}function ao(t){return we(((i,e)=>{tn(t).subscribe(xe(e,(()=>e.complete()),Xi));!e.closed&&i.subscribe(e)}))}function so(t,i=false){return we(((e,n)=>{let o=0;e.subscribe(xe(n,(e=>{const r=t(e,o++);(r||i)&&n.next(e);!r&&n.complete()})))}))}function lo(t,i,e){const n=ji(t)||i||e?{next:t,error:i,complete:e}:t;return n?we(((t,i)=>{var e;(e=n.subscribe)===null||e===void 0?void 0:e.call(n);let o=true;t.subscribe(xe(i,(t=>{var e;(e=n.next)===null||e===void 0?void 0:e.call(n,t);i.next(t)}),(()=>{var t;o=false;(t=n.complete)===null||t===void 0?void 0:t.call(n);i.complete()}),(t=>{var e;o=false;(e=n.error)===null||e===void 0?void 0:e.call(n,t);i.error(t)}),(()=>{var t,i;if(o){(t=n.unsubscribe)===null||t===void 0?void 0:t.call(n)}(i=n.finalize)===null||i===void 0?void 0:i.call(n)})))})):fe}const co=":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;top:0;left:0;right:0;bottom: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 uo=class{constructor(i){t(this,i);this.scrolledTop=n(this,"scrolledTop",7);this.scrolledLeft=n(this,"scrolledLeft",7);this.scrolledRight=n(this,"scrolledRight",7);this.scrolledBottom=n(this,"scrolledBottom",7);this.init=new Se;this.destroyed=new Se;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=Dn(this.scrollElement,"scroll").pipe(ao(this.destroyed))}this.attachEmitter("left",this.scrolledLeft,this.scrolledBuffer);this.attachEmitter("right",this.scrolledRight,this.scrolledBuffer);this.attachEmitter("bottom",this.scrolledBottom,this.scrolledBuffer);this.attachEmitter("top",this.scrolledTop,this.scrolledBuffer);_n(this.init,this.scrolled).pipe(zn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),Zn(),ao(this.destroyed)).subscribe((({top:t,left:i,right:e,bottom:n})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",i);this.toggleClass("cat-scrollable-right",e);this.toggleClass("cat-scrollable-bottom",n)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete()}render(){return[i("div",{class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},!this.noShadowY&&i("div",{class:"shadow-top"}),!this.noShadowX&&i("div",{class:"shadow-left"}),!this.noShadowX&&i("div",{class:"shadow-right"}),!this.noShadowY&&i("div",{class:"shadow-bottom"})),i("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},i("slot",null))]}attachEmitter(t,i,e){_n(this.init,this.scrolled).pipe(zn((()=>this.getScrollOffset(t)))).pipe(zn((t=>t<=e))).pipe(Zn()).pipe(Vn((t=>t))).pipe(ao(this.destroyed)).subscribe((()=>i.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,i){var e,n;if(i){(e=this.scrollWrapperElement)===null||e===void 0?void 0:e.classList.add(t)}else{(n=this.scrollWrapperElement)===null||n===void 0?void 0:n.classList.remove(t)}}};uo.style=co;var ho="__autosizeInputGhost";var fo={" ":"nbsp","<":"lt",">":"gt"};function po(t){return"&"+fo[t]+";"}function mo(t){return t.replace(/\s|<|>/g,po)}function bo(){var t=document.createElement("div");t.id=ho;t.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";document.body.appendChild(t);return t}var go=function(t,i){var e=window.getComputedStyle(t);var n="box-sizing:"+e.boxSizing+";border-left:"+e.borderLeftWidth+" solid red"+";border-right:"+e.borderRightWidth+" solid red"+";font-family:"+e.fontFamily+";font-feature-settings:"+e.fontFeatureSettings+";font-kerning:"+e.fontKerning+";font-size:"+e.fontSize+";font-stretch:"+e.fontStretch+";font-style:"+e.fontStyle+";font-variant:"+e.fontVariant+";font-variant-caps:"+e.fontVariantCaps+";font-variant-ligatures:"+e.fontVariantLigatures+";font-variant-numeric:"+e.fontVariantNumeric+";font-weight:"+e.fontWeight+";letter-spacing:"+e.letterSpacing+";margin-left:"+e.marginLeft+";margin-right:"+e.marginRight+";padding-left:"+e.paddingLeft+";padding-right:"+e.paddingRight+";text-indent:"+e.textIndent+";text-transform:"+e.textTransform;function o(){var i=t.value||t.getAttribute("placeholder")||"";var e=document.getElementById(ho)||bo();e.style.cssText+=n;e.innerHTML=mo(i);var o=window.getComputedStyle(e).width;t.style.width=o;return o}t.addEventListener("input",o);var r=o();if(i&&i.minWidth&&r!=="0px"){t.style.minWidth=r}return function(){t.removeEventListener("input",o);var i=document.getElementById(ho);if(i){i.parentNode.removeChild(i)}}};const vo=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;position:relative;margin-bottom:1rem}: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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:0.25rem;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear;padding:0.25rem}.select-wrapper:not(.select-disabled):hover{box-shadow:0 0 0 2px #d7dbe0}.select-wrapper:not(.select-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px #d9340d}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px #d9340d}.select-disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));pointer-events:none}.select-wrapper-inner{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem}.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-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:#ebecf0;border-radius:0.125rem;white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 0.13s linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:absolute;right:0;background:white;display:none;overflow:auto;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2);border-radius:0.25rem;z-index:100}.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;--cat-avatar-size:1.25rem}.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(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;}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";const yo={term:"",isOpen:false,isLoading:false,isResolving:false,options:[],selection:[],activeOptionIndex:-1,activeSelectionIndex:-1};let wo=0;const xo=class{constructor(i){t(this,i);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this.i18n=s.getInstance();this.id=`cat-input-${wo++}`;this.term$=new Se;this.more$=new Se;this.state=yo;this.hasSlottedLabel=false;this.multiple=false;this.debounce=250;this.placement="bottom-start";this.disabled=false;this.label="";this.name="";this.labelHidden=false;this.required=false;this.clearable=false}onConnectorChange(t){this.reset(t);this.resolve()}onStateChange(t,i){var e;const n=e=>t[e]!==i[e];if(n("activeOptionIndex")){if(this.state.activeOptionIndex>=0){const t=(e=this.dropdown)===null||e===void 0?void 0:e.querySelector(`#select-${this.id}-option-${this.state.activeOptionIndex}`);t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest"})}}if(n("selection")){if(!this.multiple&&this.state.selection.length){this.hide()}const t=this.state.selection.map((t=>t.item.id));if(this.multiple){this.value=t}else{this.value=t.length?t[0]:""}this.catChange.emit()}}componentDidLoad(){if(this.input){go(this.input)}if(this.trigger&&this.dropdown){jt(this.trigger,this.dropdown,(()=>this.update()))}}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on select",this)}}onBlur(t){if(!this.multiple&&this.state.activeOptionIndex>=0){this.select(this.state.options[this.state.activeOptionIndex])}this.hide();this.patchState({activeSelectionIndex:-1});this.catBlur.emit(t)}onKeyDown(t){var i,e,n,o,r;const a=((i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement)===this.input;if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(t.key)){this.onArrowKeyDown(t)}else if(["Enter"," "].includes(t.key)){if(a&&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(t.key==="Escape"){this.hide()}else if(t.key==="Backspace"||t.key==="Delete"){(e=this.input)===null||e===void 0?void 0:e.focus();if(!this.multiple||!this.state.term||((n=this.input)===null||n===void 0?void 0:n.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})}}}else if(t.key==="Tab"){(o=this.trigger)===null||o===void 0?void 0:o.setAttribute("tabindex","-1");if(this.multiple){this.patchState({activeSelectionIndex:-1,activeOptionIndex:-1})}else if(this.state.activeOptionIndex>=0){this.select(this.state.options[this.state.activeOptionIndex])}}else if(t.key.length===1){(r=this.input)===null||r===void 0?void 0:r.focus()}}onKeyUp(t){var i,e,n,o,r;if(t.key==="Tab"&&!t.shiftKey){((i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement)===this.trigger&&((e=this.input)===null||e===void 0?void 0:e.focus());if(((n=this.hostElement.shadowRoot)===null||n===void 0?void 0:n.activeElement)===this.input){this.show()}}else if(t.key==="Tab"&&t.shiftKey){const t=(o=this.trigger)===null||o===void 0?void 0:o.querySelector(`#select-clear-btn-${this.id}`);if(t){((r=this.hostElement.shadowRoot)===null||r===void 0?void 0:r.activeElement)===t&&this.show()}else{this.show()}}}async connect(t){var i;this.connector=t;let e;(i=this.subscription)===null||i===void 0?void 0:i.unsubscribe();this.subscription=this.term$.asObservable().pipe(Hn((t=>t?jn(this.debounce):wn(0))),Zn(),lo((()=>e=this.more$.pipe(Vn((()=>!this.state.isLoading)),no((t=>t+1),0),oo(0)))),lo((()=>this.patchState({options:[]}))),ro((t=>e.pipe(lo((()=>this.patchState({isLoading:true}))),ro((i=>this.connectorSafe.retrieve(t,i))),lo((t=>this.patchState({isLoading:false,totalElements:t.totalElements}))),so((t=>!t.last),true),no(((t,i)=>[...t,...i.content]),[]))))).subscribe((t=>this.patchState({options:t===null||t===void 0?void 0:t.map((t=>({item:t,render:this.connectorSafe.render(t)})))})))}render(){return i(e,null,(this.hasSlottedLabel||this.label)&&i("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},i("span",{part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label,!this.required&&i("span",{class:"input-optional","aria-hidden":"true"},"(",this.i18n.t("input.optional"),")"))),i("div",{class:{"select-wrapper":true,"select-disabled":this.disabled},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,"aria-activedescendant":this.activeDescendant,onClick:t=>this.onClick(t)},i("div",{class:"select-wrapper-inner"},this.multiple&&this.state.selection.length?i("div",{id:`select-pillbox-${this.id}`,role:"listbox","aria-orientation":"horizontal",class:"select-pills"},this.state.selection.map(((t,e)=>i("span",{class:{pill:true,"select-no-open":true,"select-option-active":this.state.activeSelectionIndex===e},role:"option","aria-selected":"true",id:`select-${this.id}-selection-${e}`},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",null,t.render.label),!this.disabled&&i("cat-button",{size:"xs",variant:"text",icon:"16-cross",iconOnly:true,a11yLabel:this.i18n.t("select.deselect"),onClick:()=>this.deselect(t.item.id),tabIndex:-1}))))):this.state.selection.length&&this.state.selection[0].render.avatar?i("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,initials:""}):null,i("input",{class:"select-input",ref:t=>this.input=t,"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-activedescendant":this.activeDescendant,onInput:()=>this.onInput(),value:!this.multiple?this.state.term:undefined,placeholder:this.placeholder,disabled:this.disabled||this.state.isResolving})),this.state.isResolving&&i("cat-spinner",null),(this.state.selection.length||this.state.term.length)&&!this.disabled&&!this.state.isResolving&&this.clearable?i("cat-button",{id:`select-clear-btn-${this.id}`,iconOnly:true,icon:"cross-circle-outlined",variant:"text",size:"s",a11yLabel:this.i18n.t("input.clear"),onClick:()=>this.clear()}):null,!this.state.isResolving&&i("cat-button",{iconOnly:true,icon:"chevron-down-outlined",class:{"select-btn":true,"select-btn-open":this.state.isOpen},variant:"text",size:"s",a11yLabel:this.state.isOpen?this.i18n.t("select.close"):this.i18n.t("select.open"),"aria-controls":`select-listbox-${this.id}`,"aria-expanded":this.state.isOpen,tabIndex:-1,disabled:this.disabled||this.state.isResolving})),this.hintSection,i("div",{class:"select-dropdown",ref:t=>this.dropdown=t,style:{display:this.state.isOpen?"block":undefined}},this.state.isOpen&&i("cat-scrollable",{class:"select-options-wrapper",scrolledBuffer:56,noOverflowX:true,noOverscroll:true,noScrolledInit:true,onScrolledBottom:()=>this.more$.next()},i("ul",{class:"select-options",role:"listbox","aria-multiselectable":this.multiple,"aria-setsize":this.state.totalElements,id:`select-listbox-${this.id}`},this.state.options.map(((t,e)=>i("li",{role:"option",class:"select-option",id:`select-${this.id}-option-${e}`,"aria-selected":this.isSelected(t.item.id)?"true":"false"},this.multiple?i("cat-checkbox",{class:{"select-option-active":this.state.activeOptionIndex===e},checked:this.isSelected(t.item.id),tabIndex:-1,labelLeft:true,onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onCatChange:i=>{this.toggle(t);i.stopPropagation()}},i("span",{slot:"label",class:"select-option-inner"},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",{class:"select-option-text"},i("span",{class:"select-option-label"},t.render.label),i("span",{class:"select-option-description"},t.render.description)))):i("div",{class:{"select-option-inner":true,"select-option-single":true,"select-option-active":this.state.activeOptionIndex===e},onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onClick:()=>this.select(t),tabIndex:-1},t.render.avatar?i("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:""}):null,i("span",{class:"select-option-text"},i("span",{class:"select-option-label"},t.render.label),i("span",{class:"select-option-description"},t.render.description)))))),this.state.isLoading?Array.from(Array(xo.SKELETON_COUNT)).map((()=>i("li",{class:"select-option-loading"},i("cat-skeleton",{variant:"body",lines:1}),i("cat-skeleton",{variant:"body",lines:1})))):!this.state.options.length&&i("li",{class:"select-option-empty"},this.i18n.t("select.empty"))))))}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}get connectorSafe(){if(this.connector){return this.connector}throw new Error("CatSelectConnector not set")}resolve(){var t;this.patchState({isResolving:true});let i;if(this.multiple){i=this.value}else{i=[this.value]}const e=((t=this.value)===null||t===void 0?void 0:t.length)?this.connectorSafe.resolve(i).pipe(eo()):wn([]);e.pipe(Gn((()=>wn([])))).subscribe((t=>this.patchState({isResolving:false,selection:t===null||t===void 0?void 0:t.map((t=>({item:t,render:this.connectorSafe.render(t)}))),term:!this.multiple&&t.length?this.connectorSafe.render(t[0]).label:""})))}show(){var t;if(!this.state.isOpen){this.patchState({isOpen:true});this.catOpen.emit();this.term$.next(this.state.term);(t=this.input)===null||t===void 0?void 0:t.classList.remove("select-input-transparent-caret")}}hide(){if(this.state.isOpen){this.patchState({isOpen:false,activeOptionIndex:-1});this.catClose.emit()}}search(t){this.patchState({term:t,activeOptionIndex:-1,activeSelectionIndex:-1});this.term$.next(t)}isSelected(t){return this.state.selection.findIndex((i=>i.item.id===t))>=0}select(t){var i;if(!this.isSelected(t.item.id)){let i;if(this.multiple){i=[...this.state.selection,t]}else{i=[t];this.search(t.render.label)}this.patchState({selection:i})}if(!this.multiple){this.hide();(i=this.input)===null||i===void 0?void 0:i.classList.add("select-input-transparent-caret")}}deselect(t){if(this.isSelected(t)){this.patchState({selection:this.state.selection.filter((i=>i.item.id!==t)),activeSelectionIndex:-1})}}toggle(t){this.isSelected(t.item.id)?this.deselect(t.item.id):this.select(t)}clear(){if(this.input&&this.state.term){this.patchState({selection:[],options:[],term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}else{this.patchState({selection:[]})}}reset(t){var i;this.connector=t!==null&&t!==void 0?t:this.connector;(i=this.subscription)===null||i===void 0?void 0:i.unsubscribe();this.subscription=undefined;this.state=yo}onClick(t){var i,e;if(this.disabled){return}const n=t.target;(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("tabindex","0");(e=this.input)===null||e===void 0?void 0:e.focus();if(n===this.trigger||n===this.input||n.classList.contains("select-btn")||n.nodeName==="SPAN"){this.state.isOpen?this.hide():this.show()}}onInput(){var t;this.search(((t=this.input)===null||t===void 0?void 0:t.value)||"");this.show()}update(){if(this.trigger&&this.dropdown){_t(this.trigger,this.dropdown,{placement:this.placement,middleware:[et(xo.DROPDOWN_OFFSET)]}).then((({x:t,y:i})=>{if(this.dropdown){Object.assign(this.dropdown.style,{left:`${t}px`,top:`${i}px`})}}))}}patchState(t){this.state=Object.assign(Object.assign({},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){var i,e;let n=false;(i=this.input)===null||i===void 0?void 0:i.focus();if(t.key==="ArrowDown"){n=true;this.state.isOpen?this.patchState({activeOptionIndex:Math.min(this.state.activeOptionIndex+1,this.state.options.length-1),activeSelectionIndex:-1}):this.show()}else if(t.key==="ArrowUp"){n=true;this.state.activeOptionIndex>=0?this.patchState({activeOptionIndex:Math.max(this.state.activeOptionIndex-1,-1),activeSelectionIndex:-1}):this.hide()}else if(t.key==="ArrowLeft"){if(((e=this.input)===null||e===void 0?void 0:e.selectionStart)===0){n=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})}}else if(t.key==="ArrowRight"){if(this.state.activeSelectionIndex>=0){n=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(n){t.preventDefault();t.stopPropagation()}}get hostElement(){return o(this)}static get watchers(){return{connector:["onConnectorChange"],state:["onStateChange"]}}};xo.SKELETON_COUNT=4;xo.DROPDOWN_OFFSET=4;xo.style=vo;const ko=class{constructor(i){t(this,i)}componentDidLoad(){var t,i,e,n;(t=this.multipleSelect)===null||t===void 0?void 0:t.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);return t==="no"?wn({last:true,content:[],totalElements:0}):wn({last:false,totalElements:1e4,content:Array.from({length:10},((e,n)=>({id:""+(n+i*10),firstName:"John",lastName:`Doe (${n+i*10})`,desc:`"${t}": page ${i}`})))}).pipe(Xn(500))},render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});(i=this.multipleSelectAvatar)===null||i===void 0?void 0:i.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);return t==="no"?wn({last:true,content:[],totalElements:0}):wn({last:false,totalElements:1e4,content:Array.from({length:10},((e,n)=>({id:""+(n+i*10),firstName:"John",lastName:`Doe (${n+i*10})`,desc:`"${t}": page ${i}`})))}).pipe(Xn(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}})});(e=this.singleSelect)===null||e===void 0?void 0:e.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>zo.find((i=>i.id===t))))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);const e=zo.filter((i=>{var e;return i.country.toLowerCase().indexOf(t.toLowerCase())===0||((e=i.capital)===null||e===void 0?void 0:e.toLowerCase().indexOf(t.toLowerCase()))===0}));const n=e.slice(i*10,i*10+10);return wn({last:n.length<10,totalElements:e.length,content:n}).pipe(Xn(500))},render:t=>({label:t.country,description:t.capital||"No capital"})});(n=this.singleSelectAvatar)===null||n===void 0?void 0:n.connect({resolve:t=>{console.info(`Resolving data... (${t.join(", ")})`);return wn(t.map((t=>zo.find((i=>i.id===t))))).pipe(Xn(500))},retrieve:(t,i)=>{console.info(`Retrieving data... ("${t}", ${i})`);const e=zo.filter((i=>{var e;return i.country.toLowerCase().indexOf(t.toLowerCase())===0||((e=i.capital)===null||e===void 0?void 0:e.toLowerCase().indexOf(t.toLowerCase()))===0}));const n=e.slice(i*10,i*10+10);return wn({last:n.length<10,totalElements:e.length,content:n}).pipe(Xn(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}})})}render(){return i(e,{style:{display:"flex",flexDirection:"column"}},i("cat-select",{label:"Multiple Select",hint:"This is a hint!",ref:t=>this.multipleSelect=t,value:["1"],placeholder:"Hello World",onCatChange:t=>console.log("Multiple",t),onCatBlur:t=>console.log("Multiple blur",t),multiple:true,clearable:true},i("span",{slot:"hint"},'Searching for "no" -',">"," no options are returned!")),i("cat-select",{label:"Multiple with img",ref:t=>this.multipleSelectAvatar=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true}),i("cat-select",{label:"Single Select",hint:"This is a hint!",ref:t=>this.singleSelect=t,value:"1",placeholder:"Search for a country or capital",onCatChange:t=>console.log("Single",t),onCatBlur:t=>console.log("Single blur",t),clearable:true}),i("cat-select",{label:"Single with img",ref:t=>this.singleSelectAvatar=t,value:"1",placeholder:"Search for a country or capital",clearable:true}))}};const zo=[{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 So=':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]){margin-bottom:0.5rem}:host([variant=body]){margin-bottom:1rem}.skeleton{display:block;border-radius: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((1rem - 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 Ao=class{constructor(i){t(this,i);this.effect="sheen";this.variant="rectangle";this.size="m"}render(){return i(e,null,Array.from(Array(this.count)).map((()=>i("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,i){return Math.floor(Math.random()*(i-t+1)+t)}};Ao.style=So;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: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 Io=class{constructor(i){t(this,i);this.size="m"}render(){return i("span",{"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",class:{[`spinner-${this.size}`]:this.size!=="inline"}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},i("circle",{cx:"24",cy:"24",r:"21.5"})))}};Io.style=Co;const Bo=":host{display:block}:host([hidden]){display:none}";let Eo=0;const To=class{constructor(i){t(this,i);this.tabClick=n(this,"tabClick",7);this.label="";this.iconOnly=false;this.iconRight=false;this.deactivated=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${Eo++}`}}onClick(t){this.tabClick.emit(t)}render(){return i(e,null)}get hostElement(){return o(this)}};To.style=Bo;const Mo=":host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 #d7dbe0}:host([hidden]){display:none}:host([tabs-align=center]){justify-content:center}:host([tabs-align=right]){justify-content:end}:host([tabs-align=justify]) cat-button{flex:1 0 auto}.tab{padding:0.5rem}.tab.tab-active{box-shadow:inset 0 -3px 0 0 rgb(var(--cat-primary-bg, 32, 127, 138))}";const Fo=class{constructor(i){t(this,i);this.buttons=[];this.tabs=[];this.activeTab="";this.tabsAlign="left"}onActiveTabChanged(t){const i=this.tabs.find((i=>i.id===t));i===null||i===void 0?void 0:i.click()}componentWillLoad(){this.syncTabs();if(this.tabs.length){this.activeTabId=this.activeTab}}componentDidLoad(){var t;this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-TAB"))&&this.syncTabs()));(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.hostElement,{childList:true,attributes:true,subtree:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}onKeydown(t){var i;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const e=this.buttons.filter((t=>!t.disabled));const n=(i=this.hostElement.shadowRoot)===null||i===void 0?void 0:i.activeElement;const o=n?e.indexOf(n):-1;const r=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const a=o<0?0:(o+r+e.length)%e.length;e[a].setFocus();t.preventDefault()}}render(){return i(e,null,this.tabs.map((t=>i("cat-button",{ref:t=>t&&this.updateButtonsRef(t),buttonId:t.id,role:"tab",part:"tab",class:{tab:true,"tab-active":Boolean(this.activeTabId&&t.id===this.activeTabId)},color:this.activeTabId&&t.id===this.activeTabId?"primary":"secondary",variant:"text",icon:t.icon,iconOnly:t.iconOnly,iconRight:t.iconRight,url:t.url,disabled:t.deactivated,urlTarget:t.urlTarget,onCatClick:()=>this.activeTabId=t.id},t.label))))}updateButtonsRef(t){const i=this.buttons.indexOf(t);if(i>=0){this.buttons[i]=t}else{this.buttons.push(t)}}syncTabs(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"))}get hostElement(){return o(this)}static get watchers(){return{activeTabId:["onActiveTabChanged"]}}};Fo.style=Mo;var $o,Lo,Do="function"==typeof Map?new Map:($o=[],Lo=[],{has:function(t){return $o.indexOf(t)>-1},get:function(t){return Lo[$o.indexOf(t)]},set:function(t,i){-1===$o.indexOf(t)&&($o.push(t),Lo.push(i))},delete:function(t){var i=$o.indexOf(t);i>-1&&($o.splice(i,1),Lo.splice(i,1))}}),Ro=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch($o){Ro=function(t){var i=document.createEvent("Event");return i.initEvent(t,!0,!1),i}}function Oo(t){var i=Do.get(t);i&&i.destroy()}function Po(t){var i=Do.get(t);i&&i.update()}var No=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((No=function(t){return t}).destroy=function(t){return t},No.update=function(t){return t}):((No=function(t,i){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!Do.has(t)){var i,e=null,n=null,o=null,r=function(){t.clientWidth!==n&&c()},a=function(i){window.removeEventListener("resize",r,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(i).forEach((function(e){t.style[e]=i[e]})),Do.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",Do.set(t,{destroy:a,update:c}),"vertical"===(i=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===i.resize&&(t.style.resize="horizontal"),e="content-box"===i.boxSizing?-(parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)):parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),isNaN(e)&&(e=0),c()}function s(i){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=i}function l(){if(0!==t.scrollHeight){var i=function(t){for(var i=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&i.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return i}(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",n=t.clientWidth,i.forEach((function(t){t.node.scrollTop=t.scrollTop})),o&&(document.documentElement.scrollTop=o)}}function c(){l();var i=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),n="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(n<i?"hidden"===e.overflowY&&(s("scroll"),l(),n="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(s("hidden"),l(),n="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),o!==n){o=n;var r=Ro("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Oo),t},No.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],Po),t});var jo=No;const _o=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}: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);margin-bottom:1rem}: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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";let Vo=0;const Go=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-textarea-${Vo++}`;this.hasSlottedLabel=false;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){jo(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return i(e,null,(this.hasSlottedLabel||this.label)&&i("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},i("span",{part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label,!this.required&&i("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),i("textarea",{ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,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)}),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onInput(t){this.value=this.textarea.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};Go.style=_o;const Ko=":host{display:block}";const Ho=class{constructor(i){t(this,i)}render(){return i("cat-button",{onClick:this.onClick.bind(this)},"Show Notifications")}onClick(){const t={position:"top-left",type:"info"};const i={position:"top-center",type:"error"};const e={position:"bottom-left",type:"error"};const n={position:"bottom-right",type:"success"};const o=document.createElement("template");o.innerHTML=`<div style="padding: 7px 30px 7px 10px">Custom HTML Node Content</div>`;const r={position:"bottom-right",type:"success",content:o.content.firstChild};const a={position:"bottom-right",type:"primary"};const s={position:"bottom-right",type:"secondary"};l.secondary("Secondary Click","secondary info",s);l.primary("primary Click","secondary info",a);l.error("Default Click");l.error("Long default title, long default title, long default title, long default title");l.info("Info Click","Info message",t);l.success(""," ",r);l.error("Error Title"," ",i);l.error("Error 2 Title","Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message,Very long message, Very long message, Very long message, Very long message, Very long message, ",e);l.success("Success Title - very long title without message"," ",n)}};Ho.style=Ko;const Uo='.hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host-context(.cat-error) .hint-section{color:#d9340d}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}: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{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:1.25rem;border-radius:10rem;background-color:#d7dbe0;transition:background-color 0.13s ease;pointer-events:none}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 32, 127, 138))}: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 0.13s linear;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem));background:rgb(var(--cat-primary-fill, 255, 255, 255))}:host(.cat-error) .toggle{background-color:rgba(217, 52, 13, 0.2)}:host(.cat-error) :checked+.toggle{background-color:#d9340d}:host(.cat-error) :checked+.toggle::after{background:white}.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, 105, 118, 135))}';let Wo=0;const qo=class{constructor(i){t(this,i);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-toggle-${Wo++}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false;this.labelLeft=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on toggle",this)}}async setFocus(t){this.input.focus(t)}render(){return i(e,null,i("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft}},i("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value!==undefined?String(this.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)}),i("span",{class:"toggle",part:"toggle"}),i("span",{class:"label",part:"label"},this.hasSlottedLabel&&i("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&i(E,{hint:this.hint,slottedHint:t&&i("slot",{name:"hint"})})}onInput(t){this.checked=this.input.checked;if(!this.value||typeof this.value==="boolean"){this.value=this.checked}this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};qo.style=Uo;const Jo="ontouchstart"in window||navigator.maxTouchPoints>0;const Yo=":host{display:contents}:host([hidden]){display:none}.tooltip{position:absolute;font-size:0.875rem;line-height:1rem;font-weight:500;padding:0.75rem;background-color:black;border-radius:0.25rem;color:white;transition:opacity 0.25s linear, visibility 0.25s linear;visibility:hidden;opacity:0;box-shadow:rgba(0, 0, 0, 0.08) 0 1px 8px 0;z-index:200;max-width:16rem}.tooltip-show{opacity:1;visibility:visible}.tooltip-trigger{display:inline-block}.tooltip-trigger:focus{outline:none}";let Xo=0;const Zo=class{constructor(i){t(this,i);this.id=`cat-tooltip-${Xo++}`;this.content="";this.disabled=false;this.placement="top";this.showDelay=500;this.hideDelay=0;this.longTouchDuration=1e3}handleKeyDown({key:t}){t==="Escape"&&this.hideListener()}componentDidLoad(){var t,i,e,n,o,r,a;this.trigger=Ei(this.triggerElement)||this.triggerElement;if(!this.isTabbable){(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("tabindex","0")}if(this.trigger&&this.tooltip){jt(this.trigger,this.tooltip,(()=>this.update()))}if(Jo){window.addEventListener("touchstart",this.windowTouchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.addEventListener("touchstart",this.touchStartListener.bind(this));(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("touchend",this.touchEndListener.bind(this))}else{(n=this.trigger)===null||n===void 0?void 0:n.addEventListener("focusin",this.showListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("focusout",this.hideListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("mouseenter",this.showListener.bind(this));(a=this.trigger)===null||a===void 0?void 0:a.addEventListener("mouseleave",this.hideListener.bind(this))}}disconnectedCallback(){var t,i,e,n,o,r;if(Jo){window.removeEventListener("touchstart",this.windowTouchStartListener.bind(this));(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("touchstart",this.touchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.removeEventListener("touchend",this.touchEndListener.bind(this))}else{(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("mouseenter",this.showListener.bind(this));(n=this.trigger)===null||n===void 0?void 0:n.removeEventListener("mouseleave",this.hideListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.removeEventListener("focusin",this.showListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.removeEventListener("focusout",this.hideListener.bind(this))}}render(){return i(e,null,i("div",{ref:t=>this.triggerElement=t,"aria-describedby":this.id,class:"tooltip-trigger"},i("slot",null)),this.content&&!this.disabled&&i("div",{ref:t=>this.tooltip=t,id:this.id,class:"tooltip"},this.content))}get isTabbable(){return Ei(this.trigger)}update(){if(this.trigger&&this.tooltip){_t(this.trigger,this.tooltip,{placement:this.placement,middleware:[et(Zo.OFFSET),tt()]}).then((({x:t,y:i})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${i}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.showTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.showDelay)}hideListener(){window.clearTimeout(this.showTimeout);this.hideTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}),this.hideDelay)}touchStartListener(t){t.stopPropagation();this.touchTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.longTouchDuration)}touchEndListener(){if(this.touchTimeout){window.clearTimeout(this.touchTimeout)}}windowTouchStartListener(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}};Zo.OFFSET=4;Zo.style=Yo;export{u as cat_alert,f as cat_avatar,m as cat_badge,C as cat_button,B as cat_card,F as cat_checkbox,L as cat_icon,O as cat_input,Fi as cat_menu,Li as cat_modal,Oi as cat_radio,Ni as cat_radio_group,uo as cat_scrollable,xo as cat_select,ko as cat_select_demo,Ao as cat_skeleton,Io as cat_spinner,To as cat_tab,Fo as cat_tabs,Go as cat_textarea,Ho as cat_toast_demo,qo as cat_toggle,Zo as cat_tooltip};
+//# sourceMappingURL=p-a2ddc7fa.entry.js.map