@haiilo/catalyst 0.5.13 → 0.7.0

package/dist/catalyst/p-e6491f33.entry.js

@@ -1,10 +0,0 @@
-import{r as t,h as e,H as i,c as n}from"./p-bfc656ca.js";import{l as r}from"./p-7c06183a.js";import{C as o,a as s}from"./p-2ec5c87a.js";import{N as a}from"./p-c7f3b231.js";const l=":host{display:block;margin-bottom:1rem}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host([hidden]){display:none}.alert{font:inherit;color:rgb(var(--text));background-color:rgba(var(--bg), 0.1);box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);border-radius:0.25rem;padding:0.75rem 1rem}::slotted(:last-child){margin-bottom:0 !important}.alert-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.alert-secondary{--bg:105, 118, 135;--text:0, 0, 0;--border:105, 118, 135}.alert-success{--bg:0, 132, 88;--text:0, 132, 88;--border:0, 132, 88}.alert-warning{--bg:255, 206, 128;--text:159, 97, 0;--border:159, 97, 0}.alert-danger{--bg:217, 52, 13;--text:217, 52, 13;--border:217, 52, 13}";const c=class{constructor(e){t(this,e);this.color="primary"}render(){return e(i,{tabindex:"0",role:this.role},e("div",{part:"alert",class:{alert:true,[`alert-${this.color}`]:Boolean(this.color)}},e("slot",null)))}get role(){switch(this.color){case"danger":case"warning":return"alert";default:return"status"}}};c.style=l;const u=":host{display:inline-flex;max-width:100%;vertical-align:baseline}:host([hidden]){display:none}.badge{font:inherit;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:0.125rem;text-decoration:none;width:100%;box-sizing:border-box;line-height:1;white-space:nowrap}.badge slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.badge-round{border-radius:10rem}.badge-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.badge-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}.badge-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.badge-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--border:105, 118, 135}.badge-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--border:0, 132, 88}.badge-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--border:159, 97, 0}.badge-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--border:217, 52, 13}.badge-xs{height:0.75rem;min-width:0.75rem;font-size:0.75rem;padding:0 0.1875rem}.badge-s{height:1rem;min-width:1rem;font-size:0.75rem;padding:0 0.25rem}.badge-m{height:1.25rem;min-width:1.25rem;font-size:0.75rem;padding:0 0.3125rem}.badge-l{height:1.5rem;min-width:1.5rem;font-size:0.875rem;padding:0 0.375rem}.badge-xl{height:1.75rem;min-width:1.75rem;font-size:0.9375rem;padding:0 0.4375rem}.badge-pulse.badge-filled{animation:1.5s ease 0s infinite normal none running pulse}.badge-pulse.badge-outlined{animation:1.5s ease 0s infinite normal none running pulse-outlined}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--bg))}70%{box-shadow:transparent 0 0 0 0.5rem}100%{box-shadow:transparent 0 0 0 0}}@keyframes pulse-outlined{0%{box-shadow:0 0 0 0 rgb(var(--bg)), inset 0 0 0 1px rgba(var(--border), 0.2)}70%{box-shadow:transparent 0 0 0 0.5rem, inset 0 0 0 1px rgba(var(--border), 0.2)}100%{box-shadow:transparent 0 0 0 0, inset 0 0 0 1px rgba(var(--border), 0.2)}}";const h=class{constructor(e){t(this,e);this.variant="filled";this.color="primary";this.size="m";this.round=false;this.pulse=false}render(){return e("span",{part:"badge",class:{badge:true,"badge-round":this.round,"badge-pulse":this.pulse,[`badge-${this.variant}`]:Boolean(this.variant),[`badge-${this.color}`]:Boolean(this.color),[`badge-${this.size}`]:Boolean(this.size)}},e("slot",null))}};h.style=u;const d=["xs","s","m","l","xl"];const f={xs:"(max-width: 539.98px)",s:"(max-width: 767.98px)",m:"(max-width: 991.98px)",l:"(max-width: 1199.98px)",xl:"(max-width: 1399.98px)"};function b(t){return typeof t==="string"&&d.includes(t)}let p;try{p=typeof Intl!=="undefined"&&Intl.v8BreakIterator}catch(t){p=false}class m{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent);this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent);this.BLINK=!!(window.chrome||p)&&typeof CSS!=="undefined"&&!this.EDGE&&!this.TRIDENT;this.WEBKIT=/AppleWebKit/i.test(navigator.userAgent)&&!this.BLINK&&!this.EDGE&&!this.TRIDENT;this.IOS=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window);this.FIREFOX=/(firefox|minefield)/i.test(navigator.userAgent);this.ANDROID=/android/i.test(navigator.userAgent)&&!this.TRIDENT;this.SAFARI=/safari/i.test(navigator.userAgent)&&this.WEBKIT}}const g=new Set;let v;class w{constructor(){this._platform=new m;this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){if(this._platform.WEBKIT||this._platform.BLINK){x(t)}return this._matchMedia(t)}}function x(t){if(g.has(t)){return}try{if(!v){v=document.createElement("style");v.setAttribute("type","text/css");document.head.appendChild(v)}if(v.sheet){v.sheet.insertRule(`@media ${t} {body{ }}`,0);g.add(t)}}catch(t){r.error(t)}}const y=':host{display:inline-block;max-width:100%;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}.cat-button{position:relative;font:inherit;display:flex;align-items:center;justify-content:center;border:none;border-radius:0.25rem;text-decoration:none;width:100%;box-sizing:border-box;cursor:pointer;transition:color 0.13s linear, border-color 0.13s linear, background-color 0.13s linear, box-shadow 0.13s linear}.cat-button:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-button-ellipsed .cat-button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-button-disabled{cursor:not-allowed;opacity:0.65;filter:grayscale(100%)}.cat-button-round{border-radius:10rem}.cat-button-loading{cursor:default}.cat-button-loading cat-spinner{position:absolute}.cat-button-loading>*:not(cat-spinner){visibility:hidden}.cat-button-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.cat-button-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--base), 0.2);color:rgb(var(--text))}.cat-button-outlined:hover:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.05)}.cat-button-outlined:active:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.1)}.cat-button-text{background-color:transparent;color:rgb(var(--text));text-decoration:none}.cat-button-text:hover:not(.cat-button-disabled):not(.cat-button-loading){text-decoration:underline}.cat-button-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 32, 127, 138);--base:var(--cat-primary-text, 32, 127, 138)}.cat-button-primary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-hover, 28, 112, 122);--fill:var(--cat-primary-fill-hover, 255, 255, 255);--text:var(--cat-primary-text-hover, 28, 112, 122)}.cat-button-primary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-active, 25, 101, 110);--fill:var(--cat-primary-fill-active, 255, 255, 255);--text:var(--cat-primary-text-active, 25, 101, 110)}.cat-button-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--base:105, 118, 135}.cat-button-secondary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0}.cat-button-secondary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0}.cat-button-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--base:0, 132, 88}.cat-button-success:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:0, 117, 78;--fill:255, 255, 255;--text:0, 117, 78}.cat-button-success:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:0, 105, 70;--fill:255, 255, 255;--text:0, 105, 70}.cat-button-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--base:159, 97, 0}.cat-button-warning:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:255, 214, 148;--fill:0, 0, 0;--text:159, 97, 0}.cat-button-warning:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:255, 222, 168;--fill:0, 0, 0;--text:159, 97, 0}.cat-button-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--base:217, 52, 13}.cat-button-danger:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:194, 46, 11;--fill:255, 255, 255;--text:194, 46, 11}.cat-button-danger:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:174, 42, 10;--fill:255, 255, 255;--text:174, 42, 10}.cat-button-xs{min-width:1.5rem;padding:0.25rem 0.25rem;font-size:0.875rem;line-height:1rem}.cat-button-xs .cat-button-prefix{margin-right:0.25rem}.cat-button-xs .cat-button-suffix{margin-left:0.25rem}.cat-button-xs.cat-button-icon{width:1.5rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-xs{padding-left:1rem;padding-right:1rem}.cat-button-s{min-width:2rem;padding:0.375rem 0.5rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-s .cat-button-prefix{margin-right:0.25rem}.cat-button-s .cat-button-suffix{margin-left:0.25rem}.cat-button-s cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-s.cat-button-icon{width:2rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-s{padding-left:1rem;padding-right:1rem}.cat-button-m{min-width:2.5rem;padding:0.625rem 0.75rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-m .cat-button-prefix{margin-right:0.25rem}.cat-button-m .cat-button-suffix{margin-left:0.25rem}.cat-button-m cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-m.cat-button-icon{width:2.5rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-m{padding-left:1rem;padding-right:1rem}.cat-button-l{min-width:3rem;padding:0.875rem 1rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-l .cat-button-prefix{margin-right:0.25rem}.cat-button-l .cat-button-suffix{margin-left:0.25rem}.cat-button-l cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-l.cat-button-icon{width:3rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-l{padding-left:1rem;padding-right:1rem}.cat-button-xl{min-width:3.5rem;padding:1rem 1.25rem;font-size:1.125rem;line-height:1.5rem}.cat-button-xl .cat-button-prefix{margin-right:0.25rem}.cat-button-xl .cat-button-suffix{margin-left:0.25rem}.cat-button-xl.cat-button-icon{width:3.5rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-xl{padding-left:1rem;padding-right:1rem}.cat-button-active::before{content:"";display:block;position:absolute;top:0;left:0;width:0.25rem;height:100%;background:rgb(var(--base))}:host-context(nav){width:100%}:host-context(nav) .cat-button{box-shadow:none;border-radius:0;justify-content:left}:host-context(nav) .cat-button:focus-visible{outline-offset:-2px}:host(.cat-text-left) .cat-button{justify-content:left}:host(.cat-text-right) .cat-button{justify-content:right}';const k=class{constructor(e){t(this,e);this.catClick=n(this,"catClick",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._iconOnly=true;this.variant="outlined";this.color="secondary";this.active=false;this.size="m";this.disabled=false;this.loading=false;this.submit=false;this.ellipsed=true;this.round=false;this.iconOnly=false;this.iconRight=false}onIconOnlyChanged(t){var e,i;(e=this.mediaQueryList)===null||e===void 0?void 0:e.removeEventListener("change",this.mediaQueryListener);this.mediaQueryList=undefined;this.mediaQueryListener=undefined;if(b(t)){(i=this.mediaMatcher)!==null&&i!==void 0?i:this.mediaMatcher=new w;this.mediaQueryList=this.mediaMatcher.matchMedia(f[t]);this.mediaQueryListener=t=>this._iconOnly=t.matches;this.mediaQueryList.addEventListener("change",this.mediaQueryListener);this._iconOnly=this.mediaQueryList.matches}else{this._iconOnly=t}}componentWillLoad(){this.onIconOnlyChanged(this.iconOnly)}componentWillRender(){if(this.isIconButton&&!this.a11yLabel){r.warn("[A11y] Missing ARIA label on icon button",this)}}haltDisabledEvents(t){if(this.disabled||this.loading){t.preventDefault();t.stopImmediatePropagation()}}async setFocus(t){this.button.focus(t)}render(){var t;if(this.url){return e("a",{ref:t=>this.button=t,href:this.disabled?undefined:this.url,target:this.urlTarget,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-icon":this.isIconButton,"cat-button-round":this.round,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":this.ellipsed&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)},this.content)}else{return e("button",{ref:t=>this.button=t,type:this.submit?"submit":"button",name:this.name,value:this.value,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-active":this.active,"cat-button-icon":this.isIconButton,"cat-button-round":(t=this.round)!==null&&t!==void 0?t:this.isIconButton,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":this.ellipsed&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)},this.content)}}get iconSize(){switch(this.size){case"xs":return"s";default:return"l"}}get spinnerSize(){switch(this.size){case"xs":return"xs";default:return"m"}}get isIconButton(){return Boolean(this.icon)&&this._iconOnly}get hasPrefixIcon(){return Boolean(this.icon)&&!this._iconOnly&&!this.iconRight}get hasSuffixIcon(){return Boolean(this.icon)&&!this._iconOnly&&this.iconRight}get content(){return[this.hasPrefixIcon?e("cat-icon",{icon:this.icon,size:this.iconSize,class:"cat-button-prefix",part:"prefix"}):null,this.isIconButton?e("cat-icon",{icon:this.icon,size:this.iconSize}):e("span",{class:"cat-button-content",part:"content"},e("slot",null)),this.hasSuffixIcon?e("cat-icon",{icon:this.icon,size:this.iconSize,class:"cat-button-suffix",part:"suffix"}):null,this.loading?e("cat-spinner",{size:this.spinnerSize}):null]}onClick(t){this.catClick.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}static get watchers(){return{iconOnly:["onIconOnlyChanged"]}}};k.style=y;const S=":host{display:block;margin-bottom:1rem;border-radius:0.5rem;background-color:white;padding:1.5rem}:host([hidden]){display:none}::slotted(nav){margin:-1rem -1.5rem !important}::slotted(:last-child){margin-bottom:0}";const A=class{constructor(e){t(this,e)}render(){return e(i,null,e("slot",null))}};A.style=S;const z=":host{display:flex;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;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}input{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}.box{flex:0 0 auto;display:flex;position:relative;height:1.25rem;width:1.25rem;background-color:white;border:1px solid #d7dbe0;border-radius:0.125rem;transition:background-color 0.13s ease, border-color 0.13s ease}.box svg{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all 0.13s ease;width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.99)}:checked+.box{background-color:rgb(var(--cat-primary-bg, 32, 127, 138));border-color:rgb(var(--cat-primary-bg, 32, 127, 138));stroke:rgb(var(--cat-primary-fill, 255, 255, 255))}:checked+.box .check{stroke-dashoffset:0}:indeterminate+.box{background-color:rgb(var(--cat-primary-bg, 32, 127, 138));border-color:rgb(var(--cat-primary-bg, 32, 127, 138));stroke:rgb(var(--cat-primary-fill, 255, 255, 255))}:indeterminate+.box .dash{stroke-dashoffset:0}:focus-visible+.box{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.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 E=0;const C=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-checkbox-${E++}`;this.checked=false;this.disabled=false;this.indeterminate=false;this.label="";this.labelHidden=false;this.required=false}componentDidLoad(){if(this.input&&this.indeterminate){this.input.indeterminate=true}}componentWillRender(){if(!this.label){r.error("[A11y] Missing ARIA label on checkbox",this)}}async setFocus(t){this.input.focus(t)}render(){return e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),e("span",{class:"box","aria-hidden":"true",part:"checkbox"},e("svg",{class:"check",viewBox:"0 0 12 10"},e("polyline",{points:"1.5 6 4.5 9 10.5 1"})),e("svg",{class:"dash",viewBox:"0 0 12 10"},e("polyline",{points:"1.5 5 10.5 5"}))),e("span",{class:"label",part:"label"},this.label))}onInput(t){this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}};C.style=z;const F=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;width:1em;height:1em}.icon-xs svg{font-size:0.75rem}.icon-s svg{font-size:1rem}.icon-m svg{font-size:1.25rem}.icon-l svg{font-size:1.5rem}.icon-xl svg{font-size:1.75rem}";const T=class{constructor(e){t(this,e);this.iconRegistry=o.getInstance();this.icon="";this.size="m"}render(){return e("span",{innerHTML:this.iconRegistry.getIcon(this.icon),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{icon:true,[`icon-${this.size}`]:this.size!=="inline"}})}};T.style=F;const B=":host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;margin-bottom:1rem}:host([hidden]){display:none}.input-wrapper{display:flex;align-items:stretch;gap:0.75rem;padding:0 0.75rem;height:2.5rem;overflow:hidden;background:white;border-radius:0.25rem;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}.input-wrapper.input-round{border-radius:10rem}.input-wrapper.input-disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.input-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px #d7dbe0}.input-wrapper:not(.input-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}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;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.text-prefix,.text-suffix{display:inline-flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.text-prefix{border-right:1px solid #d7dbe0;padding-right:0.75rem}.text-suffix{border-left:1px solid #d7dbe0;padding-left:0.75rem}.icon-prefix,.icon-suffix{align-self:center}.input-inner-wrapper{display:flex;position:relative;flex:1 1 auto}input{font:inherit;margin:0;padding:0;width:100%;min-width:0;border:none;outline:none;background:none}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}input.has-clearable{padding-right:1.5rem}input::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.clearable{position:absolute;top:calc(50% - 1rem);right:-0.5rem}.input-hint{font-size:0.875rem;line-height:1rem;margin:0}";let I=0;const O=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.i18n=s.getInstance();this.id=`cat-input-${I++}`;this.inputValue="";this.clearable=false;this.disabled=false;this.iconRight=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.round=false;this.type="text"}onValueChange(t){this.inputValue=""+(t!==null&&t!==void 0?t:"")}componentWillLoad(){this.onValueChange(this.value)}componentWillRender(){if(!this.label){r.error("[A11y] Missing ARIA label on input",this)}}async setFocus(t){this.input.focus(t)}async clear(){this.inputValue=""}render(){return e(i,null,this.label&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(",this.i18n.getMessage("input.optional"),")"))),e("div",{class:{"input-wrapper":true,"input-round":this.round,"input-disabled":this.disabled},onClick:()=>this.input.focus()},this.textPrefix&&e("span",{class:"text-prefix",part:"prefix"},this.textPrefix),this.icon&&!this.iconRight&&e("cat-icon",{icon:this.icon,class:"icon-prefix",size:"l"}),e("div",{class:"input-inner-wrapper"},e("input",{ref:t=>this.input=t,id:this.id,class:{"has-clearable":this.clearable&&!this.disabled},autocomplete:this.autoComplete,disabled:this.disabled,max:this.max,maxlength:this.maxLength,min:this.max,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,type:this.type,value:this.inputValue,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),this.clearable&&!this.disabled&&this.inputValue&&e("cat-button",{class:"clearable",icon:"cross-circle-outlined","icon-only":"true",size:"s",variant:"text","a11y-label":this.i18n.getMessage("input.clear"),onClick:this.clear.bind(this)})),this.icon&&this.iconRight&&e("cat-icon",{icon:this.icon,class:"icon-suffix",size:"l"}),this.textSuffix&&e("span",{class:"text-suffix",part:"suffix"},this.textSuffix)),this.hint&&e("p",{class:"input-hint"},this.hint))}onInput(t){this.inputValue=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}static get watchers(){return{value:["onValueChange"]}}};O.style=B;function _(t){return t.split("-")[0]}function j(t){return t.split("-")[1]}function R(t){return["top","bottom"].includes(_(t))?"x":"y"}function $(t){return t==="y"?"height":"width"}function D(t,e,i){let{reference:n,floating:r}=t;const o=n.x+n.width/2-r.width/2;const s=n.y+n.height/2-r.height/2;const a=R(e);const l=$(a);const c=n[l]/2-r[l]/2;const u=_(e);const h=a==="x";let d;switch(u){case"top":d={x:o,y:n.y-r.height};break;case"bottom":d={x:o,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:s};break;case"left":d={x:n.x-r.width,y:s};break;default:d={x:n.x,y:n.y}}switch(j(e)){case"start":d[a]-=c*(i&&h?-1:1);break;case"end":d[a]+=c*(i&&h?-1:1);break}return d}const L=async(t,e,i)=>{const{placement:n="bottom",strategy:r="absolute",middleware:o=[],platform:s}=i;const a=await(s.isRTL==null?void 0:s.isRTL(e));let l=await s.getElementRects({reference:t,floating:e,strategy:r});let{x:c,y:u}=D(l,n,a);let h=n;let d={};for(let i=0;i<o.length;i++){const{name:f,fn:b}=o[i];const{x:p,y:m,data:g,reset:v}=await b({x:c,y:u,initialPlacement:n,placement:h,strategy:r,middlewareData:d,rects:l,platform:s,elements:{reference:t,floating:e}});c=p!=null?p:c;u=m!=null?m:u;d={...d,[f]:{...d[f],...g}};if(v){if(typeof v==="object"){if(v.placement){h=v.placement}if(v.rects){l=v.rects===true?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects}({x:c,y:u}=D(l,h,a))}i=-1;continue}}return{x:c,y:u,placement:h,strategy:r,middlewareData:d}};function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function N(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function M(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function V(t,e){var i;if(e===void 0){e={}}const{x:n,y:r,platform:o,rects:s,elements:a,strategy:l}=t;const{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:d=false,padding:f=0}=e;const b=N(f);const p=h==="floating"?"reference":"floating";const m=a[d?p:h];const g=M(await o.getClippingRect({element:((i=await(o.isElement==null?void 0:o.isElement(m)))!=null?i:true)?m:m.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:l}));const v=M(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:h==="floating"?{...s.floating,x:n,y:r}:s.reference,offsetParent:await(o.getOffsetParent==null?void 0:o.getOffsetParent(a.floating)),strategy:l}):s[h]);return{top:g.top-v.top+b.top,bottom:v.bottom-g.bottom+b.bottom,left:g.left-v.left+b.left,right:v.right-g.right+b.right}}const q={left:"right",right:"left",bottom:"top",top:"bottom"};function U(t){return t.replace(/left|right|bottom|top/g,(t=>q[t]))}function W(t,e,i){if(i===void 0){i=false}const n=j(t);const r=R(t);const o=$(r);let s=r==="x"?n===(i?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){s=U(s)}return{main:s,cross:U(s)}}const Y={start:"end",end:"start"};function H(t){return t.replace(/start|end/g,(t=>Y[t]))}function X(t){const e=U(t);return[H(t),e,H(e)]}const G=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var i;const{placement:n,middlewareData:r,rects:o,initialPlacement:s,platform:a,elements:l}=e;const{mainAxis:c=true,crossAxis:u=true,fallbackPlacements:h,fallbackStrategy:d="bestFit",flipAlignment:f=true,...b}=t;const p=_(n);const m=p===s;const g=h||(m||!f?[U(s)]:X(s));const v=[s,...g];const w=await V(e,b);const x=[];let y=((i=r.flip)==null?void 0:i.overflows)||[];if(c){x.push(w[p])}if(u){const{main:t,cross:e}=W(n,o,await(a.isRTL==null?void 0:a.isRTL(l.floating)));x.push(w[t],w[e])}y=[...y,{placement:n,overflows:x}];if(!x.every((t=>t<=0))){var k,S;const t=((k=(S=r.flip)==null?void 0:S.index)!=null?k:0)+1;const e=v[t];if(e){return{data:{index:t,overflows:y},reset:{placement:e}}}let i="bottom";switch(d){case"bestFit":{var A;const t=(A=y.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:A[0].placement;if(t){i=t}break}case"initialPlacement":i=s;break}if(n!==i){return{reset:{placement:i}}}}return{}}}};function K(t,e,i,n){if(n===void 0){n=false}const r=_(t);const o=j(t);const s=R(t)==="x";const a=["left","top"].includes(r)?-1:1;const l=n&&s?-1:1;const c=typeof i==="function"?i({...e,placement:t}):i;let{mainAxis:u,crossAxis:h,alignmentAxis:d}=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...c};if(o&&typeof d==="number"){h=o==="end"?d*-1:d}return s?{x:h*l,y:u*a}:{x:u*a,y:h*l}}const J=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){const{x:i,y:n,placement:r,rects:o,platform:s,elements:a}=e;const l=K(r,o,t,await(s.isRTL==null?void 0:s.isRTL(a.floating)));return{x:i+l.x,y:n+l.y,data:l}}}};function Q(t){return(t==null?void 0:t.toString())==="[object Window]"}function Z(t){if(t==null){return window}if(!Q(t)){const e=t.ownerDocument;return e?e.defaultView||window:window}return t}function tt(t){return Z(t).getComputedStyle(t)}function et(t){return Q(t)?"":t?(t.nodeName||"").toLowerCase():""}function it(t){return t instanceof Z(t).HTMLElement}function nt(t){return t instanceof Z(t).Element}function rt(t){return t instanceof Z(t).Node}function ot(t){const e=Z(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function st(t){const{overflow:e,overflowX:i,overflowY:n}=tt(t);return/auto|scroll|overlay|hidden/.test(e+n+i)}function at(t){return["table","td","th"].includes(et(t))}function lt(t){const e=navigator.userAgent.toLowerCase().includes("firefox");const i=tt(t);return i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].includes(i.willChange)||e&&i.willChange==="filter"||e&&(i.filter?i.filter!=="none":false)}function ct(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const ut=Math.min;const ht=Math.max;const dt=Math.round;function ft(t,e,i){if(e===void 0){e=false}if(i===void 0){i=false}const n=t.getBoundingClientRect();let r=1;let o=1;if(e&&it(t)){r=t.offsetWidth>0?dt(n.width)/t.offsetWidth||1:1;o=t.offsetHeight>0?dt(n.height)/t.offsetHeight||1:1}const s=nt(t)?Z(t):window;const a=!ct()&&i;const l=(n.left+(a?s.visualViewport.offsetLeft:0))/r;const c=(n.top+(a?s.visualViewport.offsetTop:0))/o;const u=n.width/r;const h=n.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function bt(t){return((rt(t)?t.ownerDocument:t.document)||window.document).documentElement}function pt(t){if(Q(t)){return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function mt(t){return ft(bt(t)).left+pt(t).scrollLeft}function gt(t){const e=ft(t);return dt(e.width)!==t.offsetWidth||dt(e.height)!==t.offsetHeight}function vt(t,e,i){const n=it(e);const r=bt(e);const o=ft(t,n&&gt(e),i==="fixed");let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(n||!n&&i!=="fixed"){if(et(e)!=="body"||st(r)){s=pt(e)}if(it(e)){const t=ft(e,true);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}else if(r){a.x=mt(r)}}return{x:o.left+s.scrollLeft-a.x,y:o.top+s.scrollTop-a.y,width:o.width,height:o.height}}function wt(t){if(et(t)==="html"){return t}return t.assignedSlot||t.parentNode||(ot(t)?t.host:null)||bt(t)}function xt(t){if(!it(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function yt(t){let e=wt(t);if(ot(e)){e=e.host}while(it(e)&&!["html","body"].includes(et(e))){if(lt(e)){return e}else{e=e.parentNode}}return null}function kt(t){const e=Z(t);let i=xt(t);while(i&&at(i)&&getComputedStyle(i).position==="static"){i=xt(i)}if(i&&(et(i)==="html"||et(i)==="body"&&getComputedStyle(i).position==="static"&&!lt(i))){return e}return i||yt(t)||e}function St(t){if(it(t)){return{width:t.offsetWidth,height:t.offsetHeight}}const e=ft(t);return{width:e.width,height:e.height}}function At(t){let{rect:e,offsetParent:i,strategy:n}=t;const r=it(i);const o=bt(i);if(i===o){return e}let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&n!=="fixed"){if(et(i)!=="body"||st(o)){s=pt(i)}if(it(i)){const t=ft(i,true);a.x=t.x+i.clientLeft;a.y=t.y+i.clientTop}}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}}function zt(t,e){const i=Z(t);const n=bt(t);const r=i.visualViewport;let o=n.clientWidth;let s=n.clientHeight;let a=0;let l=0;if(r){o=r.width;s=r.height;const t=ct();if(t||!t&&e==="fixed"){a=r.offsetLeft;l=r.offsetTop}}return{width:o,height:s,x:a,y:l}}function Et(t){var e;const i=bt(t);const n=pt(t);const r=(e=t.ownerDocument)==null?void 0:e.body;const o=ht(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0);const s=ht(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-n.scrollLeft+mt(t);const l=-n.scrollTop;if(tt(r||i).direction==="rtl"){a+=ht(i.clientWidth,r?r.clientWidth:0)-o}return{width:o,height:s,x:a,y:l}}function Ct(t){const e=wt(t);if(["html","body","#document"].includes(et(e))){return t.ownerDocument.body}if(it(e)&&st(e)){return e}return Ct(e)}function Ft(t,e){var i;if(e===void 0){e=[]}const n=Ct(t);const r=n===((i=t.ownerDocument)==null?void 0:i.body);const o=Z(n);const s=r?[o].concat(o.visualViewport||[],st(n)?n:[]):n;const a=e.concat(s);return r?a:a.concat(Ft(wt(s)))}function Tt(t,e){const i=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(i&&ot(i)){let i=e;do{if(i&&t===i){return true}i=i.parentNode||i.host}while(i)}return false}function Bt(t,e){const i=ft(t,false,e==="fixed");const n=i.top+t.clientTop;const r=i.left+t.clientLeft;return{top:n,left:r,x:r,y:n,right:r+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function It(t,e,i){if(e==="viewport"){return M(zt(t,i))}if(nt(e)){return Bt(e,i)}return M(Et(bt(t)))}function Ot(t){const e=Ft(t);const i=["absolute","fixed"].includes(tt(t).position);const n=i&&it(t)?kt(t):t;if(!nt(n)){return[]}return e.filter((t=>nt(t)&&Tt(t,n)&&et(t)!=="body"))}function _t(t){let{element:e,boundary:i,rootBoundary:n,strategy:r}=t;const o=i==="clippingAncestors"?Ot(e):[].concat(i);const s=[...o,n];const a=s[0];const l=s.reduce(((t,i)=>{const n=It(e,i,r);t.top=ht(n.top,t.top);t.right=ut(n.right,t.right);t.bottom=ut(n.bottom,t.bottom);t.left=ht(n.left,t.left);return t}),It(e,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}const jt={getClippingRect:_t,convertOffsetParentRelativeRectToViewportRelativeRect:At,isElement:nt,getDimensions:St,getOffsetParent:kt,getDocumentElement:bt,getElementRects:t=>{let{reference:e,floating:i,strategy:n}=t;return{reference:vt(e,kt(i),n),floating:{...St(i),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>tt(t).direction==="rtl"};function Rt(t,e,i,n){if(n===void 0){n={}}const{ancestorScroll:r=true,ancestorResize:o=true,elementResize:s=true,animationFrame:a=false}=n;let l=false;const c=r&&!a;const u=o&&!a;const h=s&&!a;const d=c||u?[...nt(t)?Ft(t):[],...Ft(e)]:[];d.forEach((t=>{c&&t.addEventListener("scroll",i,{passive:true});u&&t.addEventListener("resize",i)}));let f=null;if(h){f=new ResizeObserver(i);nt(t)&&f.observe(t);f.observe(e)}let b;let p=a?ft(t):null;if(a){m()}function m(){if(l){return}const e=ft(t);if(p&&(e.x!==p.x||e.y!==p.y||e.width!==p.width||e.height!==p.height)){i()}p=e;b=requestAnimationFrame(m)}return()=>{var t;l=true;d.forEach((t=>{c&&t.removeEventListener("scroll",i);u&&t.removeEventListener("resize",i)}));(t=f)==null?void 0:t.disconnect();f=null;if(a){cancelAnimationFrame(b)}}}const $t=(t,e,i)=>L(t,e,{platform:jt,...i})
-/*!
-* tabbable 5.3.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/;var Dt=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"];var Lt=Dt.join(",");var Pt=typeof Element==="undefined";var Nt=Pt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var Mt=!Pt&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument};var Vt=function t(e,i,n){var r=Array.prototype.slice.apply(e.querySelectorAll(Lt));if(i&&Nt.call(e,Lt)){r.unshift(e)}r=r.filter(n);return r};var qt=function t(e,i,n){var r=[];var o=Array.from(e);while(o.length){var s=o.shift();if(s.tagName==="SLOT"){var a=s.assignedElements();var l=a.length?a:s.children;var c=t(l,true,n);if(n.flatten){r.push.apply(r,c)}else{r.push({scope:s,candidates:c})}}else{var u=Nt.call(s,Lt);if(u&&n.filter(s)&&(i||!e.includes(s))){r.push(s)}var h=s.shadowRoot||typeof n.getShadowRoot==="function"&&n.getShadowRoot(s);if(h){var d=t(h===true?s.children:h.children,true,n);if(n.flatten){r.push.apply(r,d)}else{r.push({scope:s,candidates:d})}}else{o.unshift.apply(o,s.children)}}}return r};var Ut=function t(e,i){if(e.tabIndex<0){if((i||/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||e.isContentEditable)&&isNaN(parseInt(e.getAttribute("tabindex"),10))){return 0}}return e.tabIndex};var Wt=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var Yt=function t(e){return e.tagName==="INPUT"};var Ht=function t(e){return Yt(e)&&e.type==="hidden"};var Xt=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var Gt=function t(e,i){for(var n=0;n<e.length;n++){if(e[n].checked&&e[n].form===i){return e[n]}}};var Kt=function t(e){if(!e.name){return true}var i=e.form||Mt(e);var n=function t(e){return i.querySelectorAll('input[type="radio"][name="'+e+'"]')};var r;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){r=n(window.CSS.escape(e.name))}else{try{r=n(e.name)}catch(t){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message);return false}}var o=Gt(r,e.form);return!o||o===e};var Jt=function t(e){return Yt(e)&&e.type==="radio"};var Qt=function t(e){return Jt(e)&&!Kt(e)};var Zt=function t(e){var i=e.getBoundingClientRect(),n=i.width,r=i.height;return n===0&&r===0};var te=function t(e,i){var n=i.displayCheck,r=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var o=Nt.call(e,"details>summary:first-of-type");var s=o?e.parentElement:e;if(Nt.call(s,"details:not([open]) *")){return true}if(!n||n==="full"){if(typeof r==="function"){var a=e;while(e){var l=e.parentElement;var c=Mt(e);if(l&&!l.shadowRoot&&r(l)===true){return Zt(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!l&&c!==e.ownerDocument){e=c.host}else{e=l}}e=a}return!e.getClientRects().length}else if(n==="non-zero-area"){return Zt(e)}return false};var ee=function t(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)){var i=e.parentElement;while(i){if(i.tagName==="FIELDSET"&&i.disabled){for(var n=0;n<i.children.length;n++){var r=i.children.item(n);if(r.tagName==="LEGEND"){return Nt.call(i,"fieldset[disabled] *")?true:!r.contains(e)}}return true}i=i.parentElement}}return false};var ie=function t(e,i){if(i.disabled||Ht(i)||te(i,e)||Xt(i)||ee(i)){return false}return true};var ne=function t(e,i){if(Qt(i)||Ut(i)<0||!ie(e,i)){return false}return true};var re=function t(e){var i=[];var n=[];e.forEach((function(e,r){var o=!!e.scope;var s=o?e.scope:e;var a=Ut(s,o);var l=o?t(e.candidates):s;if(a===0){o?i.push.apply(i,l):i.push(s)}else{n.push({documentOrder:r,tabIndex:a,item:e,isScope:o,content:l})}}));return n.sort(Wt).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var oe=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=qt([e],i.includeContainer,{filter:ne.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot})}else{n=Vt(e,i.includeContainer,ne.bind(null,i))}return re(n)};var se=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=qt([e],i.includeContainer,{filter:ie.bind(null,i),flatten:true,getShadowRoot:i.getShadowRoot})}else{n=Vt(e,i.includeContainer,ie.bind(null,i))}return n};var ae=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Nt.call(e,Lt)===false){return false}return ne(i,e)};var le=Dt.concat("iframe").join(",");var ce=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Nt.call(e,le)===false){return false}return ie(i,e)};
-/*!
-* focus-trap 6.8.1
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function ue(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function he(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ue(Object(i),!0).forEach((function(e){de(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ue(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function de(t,e,i){if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}var fe=function(){var t=[];return{activateTrap:function e(i){if(t.length>0){var n=t[t.length-1];if(n!==i){n.pause()}}var r=t.indexOf(i);if(r===-1){t.push(i)}else{t.splice(r,1);t.push(i)}},deactivateTrap:function e(i){var n=t.indexOf(i);if(n!==-1){t.splice(n,1)}if(t.length>0){t[t.length-1].unpause()}}}}();var be=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var pe=function t(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27};var me=function t(e){return e.key==="Tab"||e.keyCode===9};var ge=function t(e){return setTimeout(e,0)};var ve=function t(e,i){var n=-1;e.every((function(t,e){if(i(t)){n=e;return false}return true}));return n};var we=function t(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return typeof e==="function"?e.apply(void 0,n):e};var xe=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var ye=function t(e,i){var n=(i===null||i===void 0?void 0:i.document)||document;var r=he({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true},i);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var s;var a=function t(e,i,n){return e&&e[i]!==undefined?e[i]:r[n||i]};var l=function t(e){return o.containerGroups.findIndex((function(t){var i=t.container,n=t.tabbableNodes;return i.contains(e)||n.find((function(t){return t===e}))}))};var c=function t(e){var i=r[e];if(typeof i==="function"){for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++){s[a-1]=arguments[a]}i=i.apply(void 0,s)}if(!i){if(i===undefined||i===false){return i}throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var l=i;if(typeof i==="string"){l=n.querySelector(i);if(!l){throw new Error("`".concat(e,"` as selector refers to no known node"))}}return l};var u=function t(){var e=c("initialFocus");if(e===false){return false}if(e===undefined){if(l(n.activeElement)>=0){e=n.activeElement}else{var i=o.tabbableGroups[0];var r=i&&i.firstTabbableNode;e=r||c("fallbackFocus")}}if(!e){throw new Error("Your focus-trap needs to have at least one focusable element")}return e};var h=function t(){o.containerGroups=o.containers.map((function(t){var e=oe(t,r.tabbableOptions);var i=se(t,r.tabbableOptions);return{container:t,tabbableNodes:e,focusableNodes:i,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function t(e){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var o=i.findIndex((function(t){return t===e}));if(o<0){return undefined}if(n){return i.slice(o+1).find((function(t){return ae(t,r.tabbableOptions)}))}return i.slice(0,o).reverse().find((function(t){return ae(t,r.tabbableOptions)}))}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.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(e){if(e===false){return}if(e===n.activeElement){return}if(!e||!e.focus){t(u());return}e.focus({preventScroll:!!r.preventScroll});o.mostRecentlyFocusedNode=e;if(be(e)){e.select()}};var f=function t(e){var i=c("setReturnFocus",e);return i?i:i===false?false:e};var b=function t(e){var i=xe(e);if(l(i)>=0){return}if(we(r.clickOutsideDeactivates,e)){s.deactivate({returnFocus:r.returnFocusOnDeactivate&&!ce(i,r.tabbableOptions)});return}if(we(r.allowOutsideClick,e)){return}e.preventDefault()};var p=function t(e){var i=xe(e);var n=l(i)>=0;if(n||i instanceof Document){if(n){o.mostRecentlyFocusedNode=i}}else{e.stopImmediatePropagation();d(o.mostRecentlyFocusedNode||u())}};var m=function t(e){var i=xe(e);h();var n=null;if(o.tabbableGroups.length>0){var s=l(i);var a=s>=0?o.containerGroups[s]:undefined;if(s<0){if(e.shiftKey){n=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{n=o.tabbableGroups[0].firstTabbableNode}}else if(e.shiftKey){var u=ve(o.tabbableGroups,(function(t){var e=t.firstTabbableNode;return i===e}));if(u<0&&(a.container===i||ce(i,r.tabbableOptions)&&!ae(i,r.tabbableOptions)&&!a.nextTabbableNode(i,false))){u=s}if(u>=0){var f=u===0?o.tabbableGroups.length-1:u-1;var b=o.tabbableGroups[f];n=b.lastTabbableNode}}else{var p=ve(o.tabbableGroups,(function(t){var e=t.lastTabbableNode;return i===e}));if(p<0&&(a.container===i||ce(i,r.tabbableOptions)&&!ae(i,r.tabbableOptions)&&!a.nextTabbableNode(i))){p=s}if(p>=0){var m=p===o.tabbableGroups.length-1?0:p+1;var g=o.tabbableGroups[m];n=g.firstTabbableNode}}}else{n=c("fallbackFocus")}if(n){e.preventDefault();d(n)}};var g=function t(e){if(pe(e)&&we(r.escapeDeactivates,e)!==false){e.preventDefault();s.deactivate();return}if(me(e)){m(e);return}};var v=function t(e){if(we(r.clickOutsideDeactivates,e)){return}var i=xe(e);if(l(i)>=0){return}if(we(r.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var w=function t(){if(!o.active){return}fe.activateTrap(s);o.delayInitialFocusTimer=r.delayInitialFocus?ge((function(){d(u())})):d(u());n.addEventListener("focusin",p,true);n.addEventListener("mousedown",b,{capture:true,passive:false});n.addEventListener("touchstart",b,{capture:true,passive:false});n.addEventListener("click",v,{capture:true,passive:false});n.addEventListener("keydown",g,{capture:true,passive:false});return s};var x=function t(){if(!o.active){return}n.removeEventListener("focusin",p,true);n.removeEventListener("mousedown",b,true);n.removeEventListener("touchstart",b,true);n.removeEventListener("click",v,true);n.removeEventListener("keydown",g,true);return s};s={activate:function t(e){if(o.active){return this}var i=a(e,"onActivate");var r=a(e,"onPostActivate");var s=a(e,"checkCanFocusTrap");if(!s){h()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=n.activeElement;if(i){i()}var l=function t(){if(s){h()}w();if(r){r()}};if(s){s(o.containers.concat()).then(l,l);return this}l();return this},deactivate:function t(e){if(!o.active){return this}clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;x();o.active=false;o.paused=false;fe.deactivateTrap(s);var i=a(e,"onDeactivate");var n=a(e,"onPostDeactivate");var r=a(e,"checkCanReturnFocus");if(i){i()}var l=a(e,"returnFocus","returnFocusOnDeactivate");var c=function t(){ge((function(){if(l){d(f(o.nodeFocusedBeforeActivation))}if(n){n()}}))};if(l&&r){r(f(o.nodeFocusedBeforeActivation)).then(c,c);return this}c();return this},pause:function t(){if(o.paused||!o.active){return this}o.paused=true;x();return this},unpause:function t(){if(!o.paused||!o.active){return this}o.paused=false;h();w();return this},updateContainerElements:function t(e){var i=[].concat(e).filter(Boolean);o.containers=i.map((function(t){return typeof t==="string"?n.querySelector(t):t}));if(o.active){h()}return this}};s.updateContainerElements(e);return s};const ke=t=>(t?oe(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Se=":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 Ae=0;const ze=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=Ae++;this.placement="bottom-start"}clickHandler(t){var e;if(this.content&&t.composedPath().includes(this.content)){(e=this.trap)===null||e===void 0?void 0:e.deactivate();this.hide()}}componentDidLoad(){var t,e,i,n,r;this.trigger=ke(this.triggerSlot);(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-haspopup","true");(e=this.trigger)===null||e===void 0?void 0:e.setAttribute("aria-expanded","false");(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("aria-controls",this.contentId);(n=this.content)===null||n===void 0?void 0:n.setAttribute("id",this.contentId);if(this.trigger&&this.content){(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("click",(()=>this.show()));Rt(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const e=oe(this.content,{includeContainer:false,getShadowRoot:true});const i=ke(document.activeElement);const n=i?e.indexOf(i):-1;const r=t.key==="ArrowDown"?1:-1;const o=n<0?0:(n+r+e.length)%e.length;e[o].focus();t.preventDefault()}};document.addEventListener("keydown",this.keyListener)}disconnectedCallback(){if(this.keyListener){document.removeEventListener("keydown",this.keyListener)}}render(){return e(i,null,e("slot",{name:"trigger",ref:t=>this.triggerSlot=t}),e("div",{class:"content",ref:t=>this.content=t},e("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):ye(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:[J(ze.OFFSET),G()]}).then((({x:t,y:e})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}}))}}};ze.OFFSET=4;ze.style=Se;const Ee=":host{display:flex;margin-bottom:1rem}:host([hidden]){display:none}label{display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;cursor:pointer}.radio{display:flex;position:relative}.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}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}.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 Ce=0;const Fe=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-radio-${++Ce}`;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){if(!this.label){r.error("[A11y] Missing ARIA label on radio",this)}}async setFocus(t){this.input.focus(t)}render(){return e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("span",{class:"radio"},e("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)}),e("span",{class:"circle"})),e("span",{class:"label",part:"label"},this.label))}onChange(t){this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}};Fe.style=Ee;function Te(t){return typeof t==="function"}function Be(t){const e=t=>{Error.call(t);t.stack=(new Error).stack};const i=t(e);i.prototype=Object.create(Error.prototype);i.prototype.constructor=i;return i}const Ie=Be((t=>function e(i){t(this);this.message=i?`${i.length} errors occurred during unsubscription:\n${i.map(((t,e)=>`${e+1}) ${t.toString()}`)).join("\n  ")}`:"";this.name="UnsubscriptionError";this.errors=i}));function Oe(t,e){if(t){const i=t.indexOf(e);0<=i&&t.splice(i,1)}}class _e{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:e}=this;if(e){this._parentage=null;if(Array.isArray(e)){for(const t of e){t.remove(this)}}else{e.remove(this)}}const{initialTeardown:i}=this;if(Te(i)){try{i()}catch(e){t=e instanceof Ie?e.errors:[e]}}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const e of n){try{$e(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof Ie){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new Ie(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){$e(t)}else{if(t instanceof _e){if(t.closed||t._hasParent(this)){return}t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}}}_hasParent(t){const{_parentage:e}=this;return e===t||Array.isArray(e)&&e.includes(t)}_addParent(t){const{_parentage:e}=this;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t}_removeParent(t){const{_parentage:e}=this;if(e===t){this._parentage=null}else if(Array.isArray(e)){Oe(e,t)}}remove(t){const{_finalizers:e}=this;e&&Oe(e,t);if(t instanceof _e){t._removeParent(this)}}}_e.EMPTY=(()=>{const t=new _e;t.closed=true;return t})();const je=_e.EMPTY;function Re(t){return t instanceof _e||t&&"closed"in t&&Te(t.remove)&&Te(t.add)&&Te(t.unsubscribe)}function $e(t){if(Te(t)){t()}else{t.unsubscribe()}}const De={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Le={setTimeout(t,e,...i){const{delegate:n}=Le;if(n===null||n===void 0?void 0:n.setTimeout){return n.setTimeout(t,e,...i)}return setTimeout(t,e,...i)},clearTimeout(t){const{delegate:e}=Le;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function Pe(t){Le.setTimeout((()=>{const{onUnhandledError:e}=De;if(e){e(t)}else{throw t}}))}function Ne(){}const Me=(()=>Ue("C",undefined,undefined))();function Ve(t){return Ue("E",undefined,t)}function qe(t){return Ue("N",t,undefined)}function Ue(t,e,i){return{kind:t,value:e,error:i}}function We(t){{t()}}class Ye extends _e{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Re(t)){t.add(this)}}else{this.destination=ti}}static create(t,e,i){return new Ke(t,e,i)}next(t){if(this.isStopped){Ze(qe(t),this)}else{this._next(t)}}error(t){if(this.isStopped){Ze(Ve(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){Ze(Me,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 He=Function.prototype.bind;function Xe(t,e){return He.call(t,e)}class Ge{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){Je(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){Je(t)}}else{Je(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){Je(t)}}}}class Ke extends Ye{constructor(t,e,i){super();let n;if(Te(t)||!t){n={next:t!==null&&t!==void 0?t:undefined,error:e!==null&&e!==void 0?e:undefined,complete:i!==null&&i!==void 0?i:undefined}}else{let e;if(this&&De.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();n={next:t.next&&Xe(t.next,e),error:t.error&&Xe(t.error,e),complete:t.complete&&Xe(t.complete,e)}}else{n=t}}this.destination=new Ge(n)}}function Je(t){{Pe(t)}}function Qe(t){throw t}function Ze(t,e){const{onStoppedNotification:i}=De;i&&Le.setTimeout((()=>i(t,e)))}const ti={closed:true,next:Ne,error:Qe,complete:Ne};const ei=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function ii(t){return t}function ni(t){if(t.length===0){return ii}if(t.length===1){return t[0]}return function e(i){return t.reduce(((t,e)=>e(t)),i)}}class ri{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new ri;e.source=this;e.operator=t;return e}subscribe(t,e,i){const n=ai(t)?t:new Ke(t,e,i);We((()=>{const{operator:t,source:e}=this;n.add(t?t.call(n,e):e?this._subscribe(n):this._trySubscribe(n))}));return n}_trySubscribe(t){try{return this._subscribe(t)}catch(e){t.error(e)}}forEach(t,e){e=oi(e);return new e(((e,i)=>{const n=new Ke({next:e=>{try{t(e)}catch(t){i(t);n.unsubscribe()}},error:i,complete:e});this.subscribe(n)}))}_subscribe(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)}[ei](){return this}pipe(...t){return ni(t)(this)}toPromise(t){t=oi(t);return new t(((t,e)=>{let i;this.subscribe((t=>i=t),(t=>e(t)),(()=>t(i)))}))}}ri.create=t=>new ri(t);function oi(t){var e;return(e=t!==null&&t!==void 0?t:De.Promise)!==null&&e!==void 0?e:Promise}function si(t){return t&&Te(t.next)&&Te(t.error)&&Te(t.complete)}function ai(t){return t&&t instanceof Ye||si(t)&&Re(t)}function li(t){return Te(t===null||t===void 0?void 0:t.lift)}function ci(t){return e=>{if(li(e)){return e.lift((function(e){try{return t(e,this)}catch(t){this.error(t)}}))}throw new TypeError("Unable to lift unknown Observable type")}}function ui(t,e,i,n,r){return new hi(t,e,i,n,r)}class hi extends Ye{constructor(t,e,i,n,r,o){super(t);this.onFinalize=r;this.shouldUnsubscribe=o;this._next=e?function(i){try{e(i)}catch(e){t.error(e)}}:super._next;this._error=n?function(e){try{n(e)}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._error;this._complete=i?function(){try{i()}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:e}=this;super.unsubscribe();!e&&((t=this.onFinalize)===null||t===void 0?void 0:t.call(this))}}}const di=Be((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class fi extends ri{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new bi(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new di}}next(t){We((()=>{this._throwIfClosed();if(!this.isStopped){if(!this.currentObservers){this.currentObservers=Array.from(this.observers)}for(const e of this.currentObservers){e.next(t)}}}))}error(t){We((()=>{this._throwIfClosed();if(!this.isStopped){this.hasError=this.isStopped=true;this.thrownError=t;const{observers:e}=this;while(e.length){e.shift().error(t)}}}))}complete(){We((()=>{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:e,isStopped:i,observers:n}=this;if(e||i){return je}this.currentObservers=null;n.push(t);return new _e((()=>{this.currentObservers=null;Oe(n,t)}))}_checkFinalizedStatuses(t){const{hasError:e,thrownError:i,isStopped:n}=this;if(e){t.error(i)}else if(n){t.complete()}}asObservable(){const t=new ri;t.source=this;return t}}fi.create=(t,e)=>new bi(t,e);class bi extends fi{constructor(t,e){super();this.destination=t;this.source=e}next(t){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.next)===null||i===void 0?void 0:i.call(e,t)}error(t){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.error)===null||i===void 0?void 0:i.call(e,t)}complete(){var t,e;(e=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||e===void 0?void 0:e.call(t)}_subscribe(t){var e,i;return(i=(e=this.source)===null||e===void 0?void 0:e.subscribe(t))!==null&&i!==void 0?i:je}}const pi=new ri((t=>t.complete()));function mi(t){return t&&Te(t.schedule)}function gi(t){return t[t.length-1]}function vi(t){return mi(gi(t))?t.pop():undefined}function wi(t,e){return typeof gi(t)==="number"?t.pop():e}function xi(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function s(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):r(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))}function yi(t){var e=typeof Symbol==="function"&&Symbol.iterator,i=e&&t[e],n=0;if(i)return i.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(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function ki(t){return this instanceof ki?(this.v=t,this):new ki(t)}function Si(t,e,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=i.apply(t,e||[]),r,o=[];return r={},s("next"),s("throw"),s("return"),r[Symbol.asyncIterator]=function(){return this},r;function s(t){if(n[t])r[t]=function(e){return new Promise((function(i,n){o.push([t,e,i,n])>1||a(t,e)}))}}function a(t,e){try{l(n[t](e))}catch(t){h(o[0][3],t)}}function l(t){t.value instanceof ki?Promise.resolve(t.value.v).then(c,u):h(o[0][2],t)}function c(t){a("next",t)}function u(t){a("throw",t)}function h(t,e){if(t(e),o.shift(),o.length)a(o[0][0],o[0][1])}}function Ai(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e=t[Symbol.asyncIterator],i;return e?e.call(t):(t=typeof yi==="function"?yi(t):t[Symbol.iterator](),i={},n("next"),n("throw"),n("return"),i[Symbol.asyncIterator]=function(){return this},i);function n(e){i[e]=t[e]&&function(i){return new Promise((function(n,o){i=t[e](i),r(n,o,i.done,i.value)}))}}function r(t,e,i,n){Promise.resolve(n).then((function(e){t({value:e,done:i})}),e)}}const zi=t=>t&&typeof t.length==="number"&&typeof t!=="function";function Ei(t){return Te(t===null||t===void 0?void 0:t.then)}function Ci(t){return Te(t[ei])}function Fi(t){return Symbol.asyncIterator&&Te(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function Ti(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 Bi(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const Ii=Bi();function Oi(t){return Te(t===null||t===void 0?void 0:t[Ii])}function _i(t){return Si(this,arguments,(function*e(){const i=t.getReader();try{while(true){const{value:t,done:e}=yield ki(i.read());if(e){return yield ki(void 0)}yield yield ki(t)}}finally{i.releaseLock()}}))}function ji(t){return Te(t===null||t===void 0?void 0:t.getReader)}function Ri(t){if(t instanceof ri){return t}if(t!=null){if(Ci(t)){return $i(t)}if(zi(t)){return Di(t)}if(Ei(t)){return Li(t)}if(Fi(t)){return Ni(t)}if(Oi(t)){return Pi(t)}if(ji(t)){return Mi(t)}}throw Ti(t)}function $i(t){return new ri((e=>{const i=t[ei]();if(Te(i.subscribe)){return i.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Di(t){return new ri((e=>{for(let i=0;i<t.length&&!e.closed;i++){e.next(t[i])}e.complete()}))}function Li(t){return new ri((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,Pe)}))}function Pi(t){return new ri((e=>{for(const i of t){e.next(i);if(e.closed){return}}e.complete()}))}function Ni(t){return new ri((e=>{Vi(t,e).catch((t=>e.error(t)))}))}function Mi(t){return Ni(_i(t))}function Vi(t,e){var i,n;var r,o;return xi(this,void 0,void 0,(function*(){try{for(i=Ai(t);n=yield i.next(),!n.done;){const t=n.value;e.next(t);if(e.closed){return}}}catch(t){r={error:t}}finally{try{if(n&&!n.done&&(o=i.return))yield o.call(i)}finally{if(r)throw r.error}}e.complete()}))}function qi(t,e,i,n=0,r=false){const o=e.schedule((function(){i();if(r){t.add(this.schedule(null,n))}else{this.unsubscribe()}}),n);t.add(o);if(!r){return o}}function Ui(t,e=0){return ci(((i,n)=>{i.subscribe(ui(n,(i=>qi(n,t,(()=>n.next(i)),e)),(()=>qi(n,t,(()=>n.complete()),e)),(i=>qi(n,t,(()=>n.error(i)),e))))}))}function Wi(t,e=0){return ci(((i,n)=>{n.add(t.schedule((()=>i.subscribe(n)),e))}))}function Yi(t,e){return Ri(t).pipe(Wi(e),Ui(e))}function Hi(t,e){return Ri(t).pipe(Wi(e),Ui(e))}function Xi(t,e){return new ri((i=>{let n=0;return e.schedule((function(){if(n===t.length){i.complete()}else{i.next(t[n++]);if(!i.closed){this.schedule()}}}))}))}function Gi(t,e){return new ri((i=>{let n;qi(i,e,(()=>{n=t[Ii]();qi(i,e,(()=>{let t;let e;try{({value:t,done:e}=n.next())}catch(t){i.error(t);return}if(e){i.complete()}else{i.next(t)}}),0,true)}));return()=>Te(n===null||n===void 0?void 0:n.return)&&n.return()}))}function Ki(t,e){if(!t){throw new Error("Iterable cannot be null")}return new ri((i=>{qi(i,e,(()=>{const n=t[Symbol.asyncIterator]();qi(i,e,(()=>{n.next().then((t=>{if(t.done){i.complete()}else{i.next(t.value)}}))}),0,true)}))}))}function Ji(t,e){return Ki(_i(t),e)}function Qi(t,e){if(t!=null){if(Ci(t)){return Yi(t,e)}if(zi(t)){return Xi(t,e)}if(Ei(t)){return Hi(t,e)}if(Fi(t)){return Ki(t,e)}if(Oi(t)){return Gi(t,e)}if(ji(t)){return Ji(t,e)}}throw Ti(t)}function Zi(t,e){return e?Qi(t,e):Ri(t)}function tn(t,e){return ci(((i,n)=>{let r=0;i.subscribe(ui(n,(i=>{n.next(t.call(e,i,r++))})))}))}const{isArray:en}=Array;function nn(t,e){return en(e)?t(...e):t(e)}function rn(t){return tn((e=>nn(t,e)))}function on(t,e,i,n,r,o,s,a){const l=[];let c=0;let u=0;let h=false;const d=()=>{if(h&&!l.length&&!c){e.complete()}};const f=t=>c<n?b(t):l.push(t);const b=t=>{o&&e.next(t);c++;let a=false;Ri(i(t,u++)).subscribe(ui(e,(t=>{r===null||r===void 0?void 0:r(t);if(o){f(t)}else{e.next(t)}}),(()=>{a=true}),undefined,(()=>{if(a){try{c--;while(l.length&&c<n){const t=l.shift();if(s){qi(e,s,(()=>b(t)))}else{b(t)}}d()}catch(t){e.error(t)}}})))};t.subscribe(ui(e,f,(()=>{h=true;d()})));return()=>{a===null||a===void 0?void 0:a()}}function sn(t,e,i=Infinity){if(Te(e)){return sn(((i,n)=>tn(((t,r)=>e(i,t,n,r)))(Ri(t(i,n)))),i)}else if(typeof e==="number"){i=e}return ci(((e,n)=>on(e,n,t,i)))}function an(t=Infinity){return sn(ii,t)}const ln=["addListener","removeListener"];const cn=["addEventListener","removeEventListener"];const un=["on","off"];function hn(t,e,i,n){if(Te(i)){n=i;i=undefined}if(n){return hn(t,e,i).pipe(rn(n))}const[r,o]=pn(t)?cn.map((n=>r=>t[n](e,r,i))):fn(t)?ln.map(dn(t,e)):bn(t)?un.map(dn(t,e)):[];if(!r){if(zi(t)){return sn((t=>hn(t,e,i)))(Ri(t))}}if(!r){throw new TypeError("Invalid event target")}return new ri((t=>{const e=(...e)=>t.next(1<e.length?e:e[0]);r(e);return()=>o(e)}))}function dn(t,e){return i=>n=>t[i](e,n)}function fn(t){return Te(t.addListener)&&Te(t.removeListener)}function bn(t){return Te(t.on)&&Te(t.off)}function pn(t){return Te(t.addEventListener)&&Te(t.removeEventListener)}function mn(...t){const e=vi(t);const i=wi(t,Infinity);const n=t;return!n.length?pi:n.length===1?Ri(n[0]):an(i)(Zi(n,e))}function gn(t,e){return ci(((i,n)=>{let r=0;i.subscribe(ui(n,(i=>t.call(e,i,r++)&&n.next(i))))}))}function vn(t,e=ii){t=t!==null&&t!==void 0?t:wn;return ci(((i,n)=>{let r;let o=true;i.subscribe(ui(n,(i=>{const s=e(i);if(o||!t(r,s)){o=false;r=s;n.next(i)}})))}))}function wn(t,e){return t===e}function xn(t){return ci(((e,i)=>{Ri(t).subscribe(ui(i,(()=>i.complete()),Ne));!i.closed&&e.subscribe(i)}))}const yn=":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{overflow:hidden;white-space:nowrap}.scrollable-content.scroll-x{overflow-x:auto}.scrollable-content.scroll-y{overflow-y:auto}.scrollable-content.no-overscroll{overscroll-behavior:contain}";const kn=class{constructor(e){t(this,e);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 fi;this.destroyed=new fi;this.shadowX=true;this.shadowY=true;this.overflowX=true;this.overflowY=true;this.overscroll=true;this.scrolledInit=true;this.scrolledBuffer=0}componentDidRender(){if(this.scrollElement){this.scrolled=hn(this.scrollElement,"scroll").pipe(xn(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);mn(this.init,this.scrolled).pipe(tn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),vn(),xn(this.destroyed)).subscribe((({top:t,left:e,right:i,bottom:n})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",i);this.toggleClass("cat-scrollable-bottom",n)}))}componentDidLoad(){if(this.scrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete()}render(){return[e("div",{class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},this.shadowY&&e("div",{class:"shadow-top"}),this.shadowX&&e("div",{class:"shadow-left"}),this.shadowX&&e("div",{class:"shadow-right"}),this.shadowY&&e("div",{class:"shadow-bottom"})),e("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":this.overflowX,"scroll-y":this.overflowY,"no-overscroll":!this.overscroll}},e("slot",null))]}attachEmitter(t,e,i){mn(this.init,this.scrolled).pipe(tn((()=>this.getScrollOffset(t)))).pipe(tn((t=>t<=i))).pipe(vn()).pipe(gn((t=>t))).pipe(xn(this.destroyed)).subscribe((()=>e.emit()))}getScrollOffset(t){if(this.scrollElement){switch(t){case"top":return this.scrollElement.scrollTop;case"left":return this.scrollElement.scrollLeft;case"right":return this.scrollElement.scrollWidth-this.scrollElement.clientWidth-this.scrollElement.scrollLeft;case"bottom":return this.scrollElement.scrollHeight-this.scrollElement.clientHeight-this.scrollElement.scrollTop;default:return 0}}return 0}toggleClass(t,e){var i,n;if(e){(i=this.scrollWrapperElement)===null||i===void 0?void 0:i.classList.add(t)}else{(n=this.scrollWrapperElement)===null||n===void 0?void 0:n.classList.remove(t)}}};kn.style=yn;const Sn=':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 An=class{constructor(e){t(this,e);this.effect="sheen";this.variant="rectangle";this.size="m"}render(){return e(i,null,Array.from(Array(this.count)).map((()=>e("div",{style:this.style,class:{skeleton:true,[`skeleton-${this.effect}`]:Boolean(this.effect),[`skeleton-${this.variant}`]:Boolean(this.variant),[`skeleton-${this.size}`]:Boolean(this.size)}}))))}get count(){switch(this.variant){case"head":return Math.max(1,this.lines||1);case"body":return Math.max(1,this.lines||3);default:return 1}}get style(){return this.variant==="head"||this.variant==="body"?{"--line-width":`${this.random(50,100)}%`}:undefined}random(t,e){return Math.floor(Math.random()*(e-t+1)+t)}};An.style=Sn;const zn=":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 En=class{constructor(e){t(this,e);this.size="m"}render(){return e("span",{"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",class:{[`spinner-${this.size}`]:this.size!=="inline"}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e("circle",{cx:"24",cy:"24",r:"21.5"})))}};En.style=zn;const Cn=":host{display:block}";const Fn=class{constructor(e){t(this,e)}render(){return e("cat-button",{onClick:this.onClick.bind(this)},"Show Notifications")}onClick(){const t={position:"top-left"};const e={position:"top-center",type:"error"};const i={position:"bottom-left",type:"error"};const n={position:"bottom-right",type:"success"};const r=document.createElement("template");r.innerHTML=`<div style="padding: 7px 30px 7px 10px">Custom HTML Node Content</div>`;const o={position:"bottom-right",type:"success",content:r.content.firstChild};a.error("Default Click");a.error("Long default title, long default title, long default title, long default title");a.info("Info Click","Info message",t);a.success(""," ",o);a.error("Error Title"," ",e);a.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, ",i);a.success("Success Title - very long title without message"," ",n)}};Fn.style=Cn;const Tn=':host{display:flex;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;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}input{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}.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}: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))}.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 Bn=0;const In=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this.id=`cat-toggle-${Bn++}`;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){if(!this.label){r.error("[A11y] Missing ARIA label on toggle",this)}}async setFocus(t){this.input.focus(t)}render(){return e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,class:"form-check-input",role:"switch",onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),e("span",{class:"toggle",part:"toggle"}),e("span",{class:"label",part:"label"},this.label))}onInput(t){this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}};In.style=Tn;const On="ontouchstart"in window||navigator.maxTouchPoints>0;const _n=":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:white;border-radius:0.25rem;color:black;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;border:1px solid #ebecf0;z-index:200;max-width:16rem}.tooltip-show{opacity:1;visibility:visible}.tooltip-trigger{display:inline-block}.tooltip-trigger:focus{outline:none}";let jn=0;const Rn=class{constructor(e){t(this,e);this.id=`cat-tooltip-${jn++}`;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,e,i,n,r,o,s;this.trigger=ke(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){Rt(this.trigger,this.tooltip,(()=>this.update()))}if(On){(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("touchstart",this.touchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.addEventListener("touchend",this.touchEndListener.bind(this))}else{(n=this.trigger)===null||n===void 0?void 0:n.addEventListener("focusin",this.showListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("focusout",this.hideListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("mouseenter",this.showListener.bind(this));(s=this.trigger)===null||s===void 0?void 0:s.addEventListener("mouseleave",this.hideListener.bind(this))}}disconnectedCallback(){var t,e,i,n,r,o;if(On){(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("touchstart",this.touchStartListener.bind(this));(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("touchend",this.touchEndListener.bind(this))}else{(i=this.trigger)===null||i===void 0?void 0:i.removeEventListener("mouseenter",this.showListener.bind(this));(n=this.trigger)===null||n===void 0?void 0:n.removeEventListener("mouseleave",this.hideListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.removeEventListener("focusin",this.showListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.removeEventListener("focusout",this.hideListener.bind(this))}}render(){return e(i,null,e("div",{ref:t=>this.triggerElement=t,"aria-describedby":this.id,class:"tooltip-trigger"},e("slot",null)),this.content&&!this.disabled&&e("div",{ref:t=>this.tooltip=t,id:this.id,class:"tooltip"},this.content))}get isTabbable(){return ke(this.trigger)}update(){if(this.trigger&&this.tooltip){$t(this.trigger,this.tooltip,{placement:this.placement,middleware:[J(Rn.OFFSET),G()]}).then((({x:t,y:e})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${e}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.showTimeout=window.setTimeout((()=>{var t,e;(t=this.trigger)===null||t===void 0?void 0:t.focus();(e=this.tooltip)===null||e===void 0?void 0:e.classList.add("tooltip-show")}),this.showDelay)}hideListener(){window.clearTimeout(this.showTimeout);this.hideTimeout=window.setTimeout((()=>{var t,e;(t=this.trigger)===null||t===void 0?void 0:t.blur();(e=this.tooltip)===null||e===void 0?void 0:e.classList.remove("tooltip-show")}),this.hideDelay)}touchStartListener(){this.touchTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.longTouchDuration)}touchEndListener(){var t;window.clearTimeout(this.touchTimeout);(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}};Rn.OFFSET=4;Rn.style=_n;export{c as cat_alert,h as cat_badge,k as cat_button,A as cat_card,C as cat_checkbox,T as cat_icon,O as cat_input,ze as cat_menu,Fe as cat_radio,kn as cat_scrollable,An as cat_skeleton,En as cat_spinner,Fn as cat_toast_demo,In as cat_toggle,Rn as cat_tooltip};
-//# sourceMappingURL=p-e6491f33.entry.js.map