@haiilo/catalyst 0.7.2 → 0.8.0

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

@@ -1,10 +0,0 @@
-import{r as t,h as e,H as i,c as n,g as r}from"./p-12b96af6.js";import{l as o}from"./p-7c06183a.js";import{C as s}from"./p-5616e2cd.js";import{C as a,a as l}from"./p-2ec5c87a.js";import{N as c}from"./p-c7f3b231.js";const h=":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 u=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"}}};u.style=h;const d=t=>new Promise(((e,i)=>{const n=new Image;n.addEventListener("load",e);n.addEventListener("error",i);n.src=t}));const f=":host{display:inline-block;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}.avatar{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;text-decoration:inherit;color:var(--cat-avatar-fill, white);background-color:var(--cat-avatar-bg, #697687);background-size:cover;background-position:center;white-space:nowrap;overflow:hidden}.avatar:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.avatar-round{border-radius:50%}.avatar-xs{width:var(--cat-avatar-size, 1.5rem);height:var(--cat-avatar-size, 1.5rem);line-height:var(--cat-avatar-size, 1.5rem);font-size:var(--cat-avatar-font-size, 0.75rem)}.avatar-s{width:var(--cat-avatar-size, 2rem);height:var(--cat-avatar-size, 2rem);line-height:var(--cat-avatar-size, 2rem);font-size:var(--cat-avatar-font-size, 0.875rem)}.avatar-m{width:var(--cat-avatar-size, 2.5rem);height:var(--cat-avatar-size, 2.5rem);line-height:var(--cat-avatar-size, 2.5rem);font-size:var(--cat-avatar-font-size, 0.9375rem)}.avatar-l{width:var(--cat-avatar-size, 3rem);height:var(--cat-avatar-size, 3rem);line-height:var(--cat-avatar-size, 3rem);font-size:var(--cat-avatar-font-size, 1.125rem)}.avatar-xl{width:var(--cat-avatar-size, 3.5rem);height:var(--cat-avatar-size, 3.5rem);line-height:var(--cat-avatar-size, 3.5rem);font-size:var(--cat-avatar-font-size, 1.25rem)}";const b=class{constructor(e){t(this,e);this.size="m";this.round=false;this.label=""}onSrcChanged(t){if(t){d(t).then((()=>this.backgroundImage=`url(${t})`),(()=>this.backgroundImage=undefined))}else{this.backgroundImage=undefined}}componentWillLoad(){this.onSrcChanged(this.src)}componentWillRender(){if(!this.label){o.warn("[A11y] Missing ARIA label on avatar",this)}}render(){if(this.url){return e("a",{href:this.url,target:this.urlTarget,style:this.cssStyle,class:this.cssClass,"aria-label":this.label},this.content)}else{return e("span",{style:this.cssStyle,class:this.cssClass,"aria-label":this.label},this.content)}}get content(){return!this.backgroundImage?[this.icon?e("cat-icon",{icon:this.icon,size:this.size}):this.getInitials()]:[]}get cssStyle(){return{"background-image":this.backgroundImage}}get cssClass(){return{avatar:true,"avatar-round":this.round,[`avatar-${this.size}`]:Boolean(this.size)}}getInitials(){var t;return(t=this.initials)!==null&&t!==void 0?t:this.label.split(" ").map((t=>t[0])).join("")}static get watchers(){return{src:["onSrcChanged"]}}};b.style=f;const p=":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:0rem 0.25rem}.badge-s{height:1rem;min-width:1rem;font-size:0.75rem;padding:0.25rem 0.5rem}.badge-m{height:1.25rem;min-width:1.25rem;font-size:0.75rem;padding:0.5rem 0.75rem}.badge-l{height:1.5rem;min-width:1.5rem;font-size:0.875rem;padding:0.75rem 1rem}.badge-xl{height:1.75rem;min-width:1.75rem;font-size:0.9375rem;padding:1rem 1.25rem}.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 m=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))}};m.style=p;const g=["xs","s","m","l","xl"];const v={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 w(t){return typeof t==="string"&&g.includes(t)}let x;try{x=typeof Intl!=="undefined"&&Intl.v8BreakIterator}catch(t){x=false}class y{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent);this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent);this.BLINK=!!(window.chrome||x)&&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 k=new Set;let z;class S{constructor(){this._platform=new y;this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){if(this._platform.WEBKIT||this._platform.BLINK){A(t)}return this._matchMedia(t)}}function A(t){if(k.has(t)){return}try{if(!z){z=document.createElement("style");z.setAttribute("type","text/css");document.head.appendChild(z)}if(z.sheet){z.sheet.insertRule(`@media ${t} {body{ }}`,0);k.add(t)}}catch(t){o.error(t)}}const E=':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 C=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.noEllipsis=false;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(w(t)){(i=this.mediaMatcher)!==null&&i!==void 0?i:this.mediaMatcher=new S;this.mediaQueryList=this.mediaMatcher.matchMedia(v[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){o.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.noEllipsis&&!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.noEllipsis&&!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"]}}};C.style=E;const T=":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 F=class{constructor(e){t(this,e)}render(){return e(i,null,e("slot",null))}};F.style=T;const I=".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;margin:0}: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;-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 B=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.id=`cat-checkbox-${B++}`;this.hasSlottedLabel=false;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(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on checkbox",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,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.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};O.style=I;const R=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;height:1em;width:calc(var(--cat-icon-ratio, 1) * 1em)}.icon-xs svg{font-size:0.75rem}.icon-s svg{font-size:1rem}.icon-m svg{font-size:1.25rem}.icon-l svg{font-size:1.5rem}.icon-xl svg{font-size:1.75rem}";const j=class{constructor(e){t(this,e);this.iconRegistry=a.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"}})}};j.style=R;const _=".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;margin:0}: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}";let $=0;const D=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=l.getInstance();this.id=`cat-input-${$++}`;this.hasSlottedLabel=false;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"}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on input",this)}}async setFocus(t){this.input.focus(t)}async clear(){this.value=""}render(){return e(i,null,(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.hasSlottedLabel&&e("slot",{name:"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.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),this.clearable&&!this.disabled&&this.value&&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.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};D.style=_;function L(t){return t.split("-")[0]}function P(t){return t.split("-")[1]}function N(t){return["top","bottom"].includes(L(t))?"x":"y"}function M(t){return t==="y"?"height":"width"}function V(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=N(e);const l=M(a);const c=n[l]/2-r[l]/2;const h=L(e);const u=a==="x";let d;switch(h){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(P(e)){case"start":d[a]-=c*(i&&u?-1:1);break;case"end":d[a]+=c*(i&&u?-1:1);break}return d}const U=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:h}=V(l,n,a);let u=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:h,initialPlacement:n,placement:u,strategy:r,middlewareData:d,rects:l,platform:s,elements:{reference:t,floating:e}});c=p!=null?p:c;h=m!=null?m:h;d={...d,[f]:{...d[f],...g}};if(v){if(typeof v==="object"){if(v.placement){u=v.placement}if(v.rects){l=v.rects===true?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects}({x:c,y:h}=V(l,u,a))}i=-1;continue}}return{x:c,y:h,placement:u,strategy:r,middlewareData:d}};function q(t){return{top:0,right:0,bottom:0,left:0,...t}}function W(t){return typeof t!=="number"?q(t):{top:t,right:t,bottom:t,left:t}}function H(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function Y(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:h="viewport",elementContext:u="floating",altBoundary:d=false,padding:f=0}=e;const b=W(f);const p=u==="floating"?"reference":"floating";const m=a[d?p:u];const g=H(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:h,strategy:l}));const v=H(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u==="floating"?{...s.floating,x:n,y:r}:s.reference,offsetParent:await(o.getOffsetParent==null?void 0:o.getOffsetParent(a.floating)),strategy:l}):s[u]);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 X={left:"right",right:"left",bottom:"top",top:"bottom"};function G(t){return t.replace(/left|right|bottom|top/g,(t=>X[t]))}function K(t,e,i){if(i===void 0){i=false}const n=P(t);const r=N(t);const o=M(r);let s=r==="x"?n===(i?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){s=G(s)}return{main:s,cross:G(s)}}const J={start:"end",end:"start"};function Q(t){return t.replace(/start|end/g,(t=>J[t]))}function Z(t){const e=G(t);return[Q(t),e,Q(e)]}const tt=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:h=true,fallbackPlacements:u,fallbackStrategy:d="bestFit",flipAlignment:f=true,...b}=t;const p=L(n);const m=p===s;const g=u||(m||!f?[G(s)]:Z(s));const v=[s,...g];const w=await Y(e,b);const x=[];let y=((i=r.flip)==null?void 0:i.overflows)||[];if(c){x.push(w[p])}if(h){const{main:t,cross:e}=K(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,z;const t=((k=(z=r.flip)==null?void 0:z.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 S;const t=(S=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:S[0].placement;if(t){i=t}break}case"initialPlacement":i=s;break}if(n!==i){return{reset:{placement:i}}}}return{}}}};function et(t,e,i,n){if(n===void 0){n=false}const r=L(t);const o=P(t);const s=N(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:h,crossAxis:u,alignmentAxis:d}=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...c};if(o&&typeof d==="number"){u=o==="end"?d*-1:d}return s?{x:u*l,y:h*a}:{x:h*a,y:u*l}}const it=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=et(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 nt(t){return(t==null?void 0:t.toString())==="[object Window]"}function rt(t){if(t==null){return window}if(!nt(t)){const e=t.ownerDocument;return e?e.defaultView||window:window}return t}function ot(t){return rt(t).getComputedStyle(t)}function st(t){return nt(t)?"":t?(t.nodeName||"").toLowerCase():""}function at(t){return t instanceof rt(t).HTMLElement}function lt(t){return t instanceof rt(t).Element}function ct(t){return t instanceof rt(t).Node}function ht(t){const e=rt(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function ut(t){const{overflow:e,overflowX:i,overflowY:n}=ot(t);return/auto|scroll|overlay|hidden/.test(e+n+i)}function dt(t){return["table","td","th"].includes(st(t))}function ft(t){const e=navigator.userAgent.toLowerCase().includes("firefox");const i=ot(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 bt(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const pt=Math.min;const mt=Math.max;const gt=Math.round;function vt(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&&at(t)){r=t.offsetWidth>0?gt(n.width)/t.offsetWidth||1:1;o=t.offsetHeight>0?gt(n.height)/t.offsetHeight||1:1}const s=lt(t)?rt(t):window;const a=!bt()&&i;const l=(n.left+(a?s.visualViewport.offsetLeft:0))/r;const c=(n.top+(a?s.visualViewport.offsetTop:0))/o;const h=n.width/r;const u=n.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function wt(t){return((ct(t)?t.ownerDocument:t.document)||window.document).documentElement}function xt(t){if(nt(t)){return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function yt(t){return vt(wt(t)).left+xt(t).scrollLeft}function kt(t){const e=vt(t);return gt(e.width)!==t.offsetWidth||gt(e.height)!==t.offsetHeight}function zt(t,e,i){const n=at(e);const r=wt(e);const o=vt(t,n&&kt(e),i==="fixed");let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(n||!n&&i!=="fixed"){if(st(e)!=="body"||ut(r)){s=xt(e)}if(at(e)){const t=vt(e,true);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}else if(r){a.x=yt(r)}}return{x:o.left+s.scrollLeft-a.x,y:o.top+s.scrollTop-a.y,width:o.width,height:o.height}}function St(t){if(st(t)==="html"){return t}return t.assignedSlot||t.parentNode||(ht(t)?t.host:null)||wt(t)}function At(t){if(!at(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function Et(t){let e=St(t);if(ht(e)){e=e.host}while(at(e)&&!["html","body"].includes(st(e))){if(ft(e)){return e}else{e=e.parentNode}}return null}function Ct(t){const e=rt(t);let i=At(t);while(i&&dt(i)&&getComputedStyle(i).position==="static"){i=At(i)}if(i&&(st(i)==="html"||st(i)==="body"&&getComputedStyle(i).position==="static"&&!ft(i))){return e}return i||Et(t)||e}function Tt(t){if(at(t)){return{width:t.offsetWidth,height:t.offsetHeight}}const e=vt(t);return{width:e.width,height:e.height}}function Ft(t){let{rect:e,offsetParent:i,strategy:n}=t;const r=at(i);const o=wt(i);if(i===o){return e}let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&n!=="fixed"){if(st(i)!=="body"||ut(o)){s=xt(i)}if(at(i)){const t=vt(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 It(t,e){const i=rt(t);const n=wt(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=bt();if(t||!t&&e==="fixed"){a=r.offsetLeft;l=r.offsetTop}}return{width:o,height:s,x:a,y:l}}function Bt(t){var e;const i=wt(t);const n=xt(t);const r=(e=t.ownerDocument)==null?void 0:e.body;const o=mt(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0);const s=mt(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-n.scrollLeft+yt(t);const l=-n.scrollTop;if(ot(r||i).direction==="rtl"){a+=mt(i.clientWidth,r?r.clientWidth:0)-o}return{width:o,height:s,x:a,y:l}}function Ot(t){const e=St(t);if(["html","body","#document"].includes(st(e))){return t.ownerDocument.body}if(at(e)&&ut(e)){return e}return Ot(e)}function Rt(t,e){var i;if(e===void 0){e=[]}const n=Ot(t);const r=n===((i=t.ownerDocument)==null?void 0:i.body);const o=rt(n);const s=r?[o].concat(o.visualViewport||[],ut(n)?n:[]):n;const a=e.concat(s);return r?a:a.concat(Rt(St(s)))}function jt(t,e){const i=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(i&&ht(i)){let i=e;do{if(i&&t===i){return true}i=i.parentNode||i.host}while(i)}return false}function _t(t,e){const i=vt(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 $t(t,e,i){if(e==="viewport"){return H(It(t,i))}if(lt(e)){return _t(e,i)}return H(Bt(wt(t)))}function Dt(t){const e=Rt(t);const i=["absolute","fixed"].includes(ot(t).position);const n=i&&at(t)?Ct(t):t;if(!lt(n)){return[]}return e.filter((t=>lt(t)&&jt(t,n)&&st(t)!=="body"))}function Lt(t){let{element:e,boundary:i,rootBoundary:n,strategy:r}=t;const o=i==="clippingAncestors"?Dt(e):[].concat(i);const s=[...o,n];const a=s[0];const l=s.reduce(((t,i)=>{const n=$t(e,i,r);t.top=mt(n.top,t.top);t.right=pt(n.right,t.right);t.bottom=pt(n.bottom,t.bottom);t.left=mt(n.left,t.left);return t}),$t(e,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}const Pt={getClippingRect:Lt,convertOffsetParentRelativeRectToViewportRelativeRect:Ft,isElement:lt,getDimensions:Tt,getOffsetParent:Ct,getDocumentElement:wt,getElementRects:t=>{let{reference:e,floating:i,strategy:n}=t;return{reference:zt(e,Ct(i),n),floating:{...Tt(i),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>ot(t).direction==="rtl"};function Nt(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 h=o&&!a;const u=s&&!a;const d=c||h?[...lt(t)?Rt(t):[],...Rt(e)]:[];d.forEach((t=>{c&&t.addEventListener("scroll",i,{passive:true});h&&t.addEventListener("resize",i)}));let f=null;if(u){f=new ResizeObserver(i);lt(t)&&f.observe(t);f.observe(e)}let b;let p=a?vt(t):null;if(a){m()}function m(){if(l){return}const e=vt(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);h&&t.removeEventListener("resize",i)}));(t=f)==null?void 0:t.disconnect();f=null;if(a){cancelAnimationFrame(b)}}}const Mt=(t,e,i)=>U(t,e,{platform:Pt,...i})
-/*!
-* tabbable 5.3.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/;var Vt=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"];var Ut=Vt.join(",");var qt=typeof Element==="undefined";var Wt=qt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var Ht=!qt&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument};var Yt=function t(e,i,n){var r=Array.prototype.slice.apply(e.querySelectorAll(Ut));if(i&&Wt.call(e,Ut)){r.unshift(e)}r=r.filter(n);return r};var Xt=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 h=Wt.call(s,Ut);if(h&&n.filter(s)&&(i||!e.includes(s))){r.push(s)}var u=s.shadowRoot||typeof n.getShadowRoot==="function"&&n.getShadowRoot(s);if(u){var d=t(u===true?s.children:u.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 Gt=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 Kt=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var Jt=function t(e){return e.tagName==="INPUT"};var Qt=function t(e){return Jt(e)&&e.type==="hidden"};var Zt=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var te=function t(e,i){for(var n=0;n<e.length;n++){if(e[n].checked&&e[n].form===i){return e[n]}}};var ee=function t(e){if(!e.name){return true}var i=e.form||Ht(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=te(r,e.form);return!o||o===e};var ie=function t(e){return Jt(e)&&e.type==="radio"};var ne=function t(e){return ie(e)&&!ee(e)};var re=function t(e){var i=e.getBoundingClientRect(),n=i.width,r=i.height;return n===0&&r===0};var oe=function t(e,i){var n=i.displayCheck,r=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var o=Wt.call(e,"details>summary:first-of-type");var s=o?e.parentElement:e;if(Wt.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=Ht(e);if(l&&!l.shadowRoot&&r(l)===true){return re(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 re(e)}return false};var se=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 Wt.call(i,"fieldset[disabled] *")?true:!r.contains(e)}}return true}i=i.parentElement}}return false};var ae=function t(e,i){if(i.disabled||Qt(i)||oe(i,e)||Zt(i)||se(i)){return false}return true};var le=function t(e,i){if(ne(i)||Gt(i)<0||!ae(e,i)){return false}return true};var ce=function t(e){var i=[];var n=[];e.forEach((function(e,r){var o=!!e.scope;var s=o?e.scope:e;var a=Gt(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(Kt).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var he=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=Xt([e],i.includeContainer,{filter:le.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot})}else{n=Yt(e,i.includeContainer,le.bind(null,i))}return ce(n)};var ue=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=Xt([e],i.includeContainer,{filter:ae.bind(null,i),flatten:true,getShadowRoot:i.getShadowRoot})}else{n=Yt(e,i.includeContainer,ae.bind(null,i))}return n};var de=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Wt.call(e,Ut)===false){return false}return le(i,e)};var fe=Vt.concat("iframe").join(",");var be=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Wt.call(e,fe)===false){return false}return ae(i,e)};
-/*!
-* focus-trap 6.8.1
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function pe(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 me(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?pe(Object(i),!0).forEach((function(e){ge(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):pe(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function ge(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 ve=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 we=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var xe=function t(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27};var ye=function t(e){return e.key==="Tab"||e.keyCode===9};var ke=function t(e){return setTimeout(e,0)};var ze=function t(e,i){var n=-1;e.every((function(t,e){if(i(t)){n=e;return false}return true}));return n};var Se=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 Ae=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var Ee=function t(e,i){var n=(i===null||i===void 0?void 0:i.document)||document;var r=me({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 h=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 u=function t(){o.containerGroups=o.containers.map((function(t){var e=he(t,r.tabbableOptions);var i=ue(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 de(t,r.tabbableOptions)}))}return i.slice(0,o).reverse().find((function(t){return de(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(h());return}e.focus({preventScroll:!!r.preventScroll});o.mostRecentlyFocusedNode=e;if(we(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=Ae(e);if(l(i)>=0){return}if(Se(r.clickOutsideDeactivates,e)){s.deactivate({returnFocus:r.returnFocusOnDeactivate&&!be(i,r.tabbableOptions)});return}if(Se(r.allowOutsideClick,e)){return}e.preventDefault()};var p=function t(e){var i=Ae(e);var n=l(i)>=0;if(n||i instanceof Document){if(n){o.mostRecentlyFocusedNode=i}}else{e.stopImmediatePropagation();d(o.mostRecentlyFocusedNode||h())}};var m=function t(e){var i=Ae(e);u();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 h=ze(o.tabbableGroups,(function(t){var e=t.firstTabbableNode;return i===e}));if(h<0&&(a.container===i||be(i,r.tabbableOptions)&&!de(i,r.tabbableOptions)&&!a.nextTabbableNode(i,false))){h=s}if(h>=0){var f=h===0?o.tabbableGroups.length-1:h-1;var b=o.tabbableGroups[f];n=b.lastTabbableNode}}else{var p=ze(o.tabbableGroups,(function(t){var e=t.lastTabbableNode;return i===e}));if(p<0&&(a.container===i||be(i,r.tabbableOptions)&&!de(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(xe(e)&&Se(r.escapeDeactivates,e)!==false){e.preventDefault();s.deactivate();return}if(ye(e)){m(e);return}};var v=function t(e){if(Se(r.clickOutsideDeactivates,e)){return}var i=Ae(e);if(l(i)>=0){return}if(Se(r.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var w=function t(){if(!o.active){return}ve.activateTrap(s);o.delayInitialFocusTimer=r.delayInitialFocus?ke((function(){d(h())})):d(h());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){u()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=n.activeElement;if(i){i()}var l=function t(){if(s){u()}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;ve.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(){ke((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;u();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){u()}return this}};s.updateContainerElements(e);return s};const Ce=t=>(t?he(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Te=":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 Fe=0;const Ie=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=Fe++;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=Ce(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()));Nt(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const e=he(this.content,{includeContainer:false,getShadowRoot:true});const i=Ce(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):Ee(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){Mt(this.trigger,this.content,{placement:this.placement,middleware:[it(Ie.OFFSET),tt()]}).then((({x:t,y:e})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}}))}}};Ie.OFFSET=4;Ie.style=Te;const Be=".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;margin:0}: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;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 Oe=0;const Re=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-${++Oe}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on radio",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,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.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onChange(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};Re.style=Be;function je(t){return typeof t==="function"}function _e(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 $e=_e((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 De(t,e){if(t){const i=t.indexOf(e);0<=i&&t.splice(i,1)}}class Le{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(je(i)){try{i()}catch(e){t=e instanceof $e?e.errors:[e]}}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const e of n){try{Me(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof $e){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new $e(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){Me(t)}else{if(t instanceof Le){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)){De(e,t)}}remove(t){const{_finalizers:e}=this;e&&De(e,t);if(t instanceof Le){t._removeParent(this)}}}Le.EMPTY=(()=>{const t=new Le;t.closed=true;return t})();const Pe=Le.EMPTY;function Ne(t){return t instanceof Le||t&&"closed"in t&&je(t.remove)&&je(t.add)&&je(t.unsubscribe)}function Me(t){if(je(t)){t()}else{t.unsubscribe()}}const Ve={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ue={setTimeout(t,e,...i){const{delegate:n}=Ue;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}=Ue;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function qe(t){Ue.setTimeout((()=>{const{onUnhandledError:e}=Ve;if(e){e(t)}else{throw t}}))}function We(){}const He=(()=>Ge("C",undefined,undefined))();function Ye(t){return Ge("E",undefined,t)}function Xe(t){return Ge("N",t,undefined)}function Ge(t,e,i){return{kind:t,value:e,error:i}}function Ke(t){{t()}}class Je extends Le{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Ne(t)){t.add(this)}}else{this.destination=oi}}static create(t,e,i){return new ei(t,e,i)}next(t){if(this.isStopped){ri(Xe(t),this)}else{this._next(t)}}error(t){if(this.isStopped){ri(Ye(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){ri(He,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 Qe=Function.prototype.bind;function Ze(t,e){return Qe.call(t,e)}class ti{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){ii(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){ii(t)}}else{ii(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){ii(t)}}}}class ei extends Je{constructor(t,e,i){super();let n;if(je(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&&Ve.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();n={next:t.next&&Ze(t.next,e),error:t.error&&Ze(t.error,e),complete:t.complete&&Ze(t.complete,e)}}else{n=t}}this.destination=new ti(n)}}function ii(t){{qe(t)}}function ni(t){throw t}function ri(t,e){const{onStoppedNotification:i}=Ve;i&&Ue.setTimeout((()=>i(t,e)))}const oi={closed:true,next:We,error:ni,complete:We};const si=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function ai(t){return t}function li(t){if(t.length===0){return ai}if(t.length===1){return t[0]}return function e(i){return t.reduce(((t,e)=>e(t)),i)}}class ci{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new ci;e.source=this;e.operator=t;return e}subscribe(t,e,i){const n=di(t)?t:new ei(t,e,i);Ke((()=>{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=hi(e);return new e(((e,i)=>{const n=new ei({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)}[si](){return this}pipe(...t){return li(t)(this)}toPromise(t){t=hi(t);return new t(((t,e)=>{let i;this.subscribe((t=>i=t),(t=>e(t)),(()=>t(i)))}))}}ci.create=t=>new ci(t);function hi(t){var e;return(e=t!==null&&t!==void 0?t:Ve.Promise)!==null&&e!==void 0?e:Promise}function ui(t){return t&&je(t.next)&&je(t.error)&&je(t.complete)}function di(t){return t&&t instanceof Je||ui(t)&&Ne(t)}function fi(t){return je(t===null||t===void 0?void 0:t.lift)}function bi(t){return e=>{if(fi(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 pi(t,e,i,n,r){return new mi(t,e,i,n,r)}class mi extends Je{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 gi=_e((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class vi extends ci{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new wi(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new gi}}next(t){Ke((()=>{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){Ke((()=>{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(){Ke((()=>{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 Pe}this.currentObservers=null;n.push(t);return new Le((()=>{this.currentObservers=null;De(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 ci;t.source=this;return t}}vi.create=(t,e)=>new wi(t,e);class wi extends vi{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:Pe}}const xi=new ci((t=>t.complete()));function yi(t){return t&&je(t.schedule)}function ki(t){return t[t.length-1]}function zi(t){return yi(ki(t))?t.pop():undefined}function Si(t,e){return typeof ki(t)==="number"?t.pop():e}function Ai(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 Ei(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 Ci(t){return this instanceof Ci?(this.v=t,this):new Ci(t)}function Ti(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){u(o[0][3],t)}}function l(t){t.value instanceof Ci?Promise.resolve(t.value.v).then(c,h):u(o[0][2],t)}function c(t){a("next",t)}function h(t){a("throw",t)}function u(t,e){if(t(e),o.shift(),o.length)a(o[0][0],o[0][1])}}function Fi(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 Ei==="function"?Ei(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 Ii=t=>t&&typeof t.length==="number"&&typeof t!=="function";function Bi(t){return je(t===null||t===void 0?void 0:t.then)}function Oi(t){return je(t[si])}function Ri(t){return Symbol.asyncIterator&&je(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function ji(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 _i(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const $i=_i();function Di(t){return je(t===null||t===void 0?void 0:t[$i])}function Li(t){return Ti(this,arguments,(function*e(){const i=t.getReader();try{while(true){const{value:t,done:e}=yield Ci(i.read());if(e){return yield Ci(void 0)}yield yield Ci(t)}}finally{i.releaseLock()}}))}function Pi(t){return je(t===null||t===void 0?void 0:t.getReader)}function Ni(t){if(t instanceof ci){return t}if(t!=null){if(Oi(t)){return Mi(t)}if(Ii(t)){return Vi(t)}if(Bi(t)){return Ui(t)}if(Ri(t)){return Wi(t)}if(Di(t)){return qi(t)}if(Pi(t)){return Hi(t)}}throw ji(t)}function Mi(t){return new ci((e=>{const i=t[si]();if(je(i.subscribe)){return i.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Vi(t){return new ci((e=>{for(let i=0;i<t.length&&!e.closed;i++){e.next(t[i])}e.complete()}))}function Ui(t){return new ci((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,qe)}))}function qi(t){return new ci((e=>{for(const i of t){e.next(i);if(e.closed){return}}e.complete()}))}function Wi(t){return new ci((e=>{Yi(t,e).catch((t=>e.error(t)))}))}function Hi(t){return Wi(Li(t))}function Yi(t,e){var i,n;var r,o;return Ai(this,void 0,void 0,(function*(){try{for(i=Fi(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 Xi(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 Gi(t,e=0){return bi(((i,n)=>{i.subscribe(pi(n,(i=>Xi(n,t,(()=>n.next(i)),e)),(()=>Xi(n,t,(()=>n.complete()),e)),(i=>Xi(n,t,(()=>n.error(i)),e))))}))}function Ki(t,e=0){return bi(((i,n)=>{n.add(t.schedule((()=>i.subscribe(n)),e))}))}function Ji(t,e){return Ni(t).pipe(Ki(e),Gi(e))}function Qi(t,e){return Ni(t).pipe(Ki(e),Gi(e))}function Zi(t,e){return new ci((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 tn(t,e){return new ci((i=>{let n;Xi(i,e,(()=>{n=t[$i]();Xi(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()=>je(n===null||n===void 0?void 0:n.return)&&n.return()}))}function en(t,e){if(!t){throw new Error("Iterable cannot be null")}return new ci((i=>{Xi(i,e,(()=>{const n=t[Symbol.asyncIterator]();Xi(i,e,(()=>{n.next().then((t=>{if(t.done){i.complete()}else{i.next(t.value)}}))}),0,true)}))}))}function nn(t,e){return en(Li(t),e)}function rn(t,e){if(t!=null){if(Oi(t)){return Ji(t,e)}if(Ii(t)){return Zi(t,e)}if(Bi(t)){return Qi(t,e)}if(Ri(t)){return en(t,e)}if(Di(t)){return tn(t,e)}if(Pi(t)){return nn(t,e)}}throw ji(t)}function on(t,e){return e?rn(t,e):Ni(t)}function sn(t,e){return bi(((i,n)=>{let r=0;i.subscribe(pi(n,(i=>{n.next(t.call(e,i,r++))})))}))}const{isArray:an}=Array;function ln(t,e){return an(e)?t(...e):t(e)}function cn(t){return sn((e=>ln(t,e)))}function hn(t,e,i,n,r,o,s,a){const l=[];let c=0;let h=0;let u=false;const d=()=>{if(u&&!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;Ni(i(t,h++)).subscribe(pi(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){Xi(e,s,(()=>b(t)))}else{b(t)}}d()}catch(t){e.error(t)}}})))};t.subscribe(pi(e,f,(()=>{u=true;d()})));return()=>{a===null||a===void 0?void 0:a()}}function un(t,e,i=Infinity){if(je(e)){return un(((i,n)=>sn(((t,r)=>e(i,t,n,r)))(Ni(t(i,n)))),i)}else if(typeof e==="number"){i=e}return bi(((e,n)=>hn(e,n,t,i)))}function dn(t=Infinity){return un(ai,t)}const fn=["addListener","removeListener"];const bn=["addEventListener","removeEventListener"];const pn=["on","off"];function mn(t,e,i,n){if(je(i)){n=i;i=undefined}if(n){return mn(t,e,i).pipe(cn(n))}const[r,o]=xn(t)?bn.map((n=>r=>t[n](e,r,i))):vn(t)?fn.map(gn(t,e)):wn(t)?pn.map(gn(t,e)):[];if(!r){if(Ii(t)){return un((t=>mn(t,e,i)))(Ni(t))}}if(!r){throw new TypeError("Invalid event target")}return new ci((t=>{const e=(...e)=>t.next(1<e.length?e:e[0]);r(e);return()=>o(e)}))}function gn(t,e){return i=>n=>t[i](e,n)}function vn(t){return je(t.addListener)&&je(t.removeListener)}function wn(t){return je(t.on)&&je(t.off)}function xn(t){return je(t.addEventListener)&&je(t.removeEventListener)}function yn(...t){const e=zi(t);const i=Si(t,Infinity);const n=t;return!n.length?xi:n.length===1?Ni(n[0]):dn(i)(on(n,e))}function kn(t,e){return bi(((i,n)=>{let r=0;i.subscribe(pi(n,(i=>t.call(e,i,r++)&&n.next(i))))}))}function zn(t,e=ai){t=t!==null&&t!==void 0?t:Sn;return bi(((i,n)=>{let r;let o=true;i.subscribe(pi(n,(i=>{const s=e(i);if(o||!t(r,s)){o=false;r=s;n.next(i)}})))}))}function Sn(t,e){return t===e}function An(t){return bi(((e,i)=>{Ni(t).subscribe(pi(i,(()=>i.complete()),We));!i.closed&&e.subscribe(i)}))}const En=":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 Cn=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 vi;this.destroyed=new vi;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=mn(this.scrollElement,"scroll").pipe(An(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);yn(this.init,this.scrolled).pipe(sn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),zn(),An(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.noScrolledInit){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.noShadowY&&e("div",{class:"shadow-top"}),!this.noShadowX&&e("div",{class:"shadow-left"}),!this.noShadowX&&e("div",{class:"shadow-right"}),!this.noShadowY&&e("div",{class:"shadow-bottom"})),e("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},e("slot",null))]}attachEmitter(t,e,i){yn(this.init,this.scrolled).pipe(sn((()=>this.getScrollOffset(t)))).pipe(sn((t=>t<=i))).pipe(zn()).pipe(kn((t=>t))).pipe(An(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)}}};Cn.style=En;const Tn=':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 Fn=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)}};Fn.style=Tn;const In=":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 Bn=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"})))}};Bn.style=In;const On=":host{display:block}:host([hidden]){display:none}";let Rn=0;const jn=class{constructor(e){t(this,e);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-${Rn++}`}}onClick(t){this.tabClick.emit(t)}render(){return e(i,null)}get hostElement(){return r(this)}};jn.style=On;const _n=":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 #207f8a}";const $n=class{constructor(e){t(this,e);this.tabs=[];this.buttons=[];this.activeTab="";this.tabsAlign="left"}onActiveTabChanged(t){const e=this.tabs.find((e=>e.id===t));e===null||e===void 0?void 0:e.click()}componentWillLoad(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"));if(this.tabs.length){this.activeTabId=this.activeTab}}onKeydown(t){var e;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const i=this.buttons.filter((t=>!t.disabled));const n=(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.activeElement;const r=n?i.indexOf(n):-1;const o=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const s=r<0?0:(r+o+i.length)%i.length;i[s].setFocus();t.preventDefault()}}render(){return e(i,null,this.tabs.map((t=>e("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 e=this.buttons.indexOf(t);if(e>=0){this.buttons[e]=t}else{this.buttons.push(t)}}get hostElement(){return r(this)}static get watchers(){return{activeTabId:["onActiveTabChanged"]}}};$n.style=_n;const Dn=":host{display:block}";const Ln=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};c.error("Default Click");c.error("Long default title, long default title, long default title, long default title");c.info("Info Click","Info message",t);c.success(""," ",o);c.error("Error Title"," ",e);c.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);c.success("Success Title - very long title without message"," ",n)}};Ln.style=Dn;const Pn='.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;margin:0}: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;-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 Nn=0;const Mn=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-${Nn++}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on toggle",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,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.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};Mn.style=Pn;const Vn="ontouchstart"in window||navigator.maxTouchPoints>0;const Un=":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 qn=0;const Wn=class{constructor(e){t(this,e);this.id=`cat-tooltip-${qn++}`;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=Ce(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){Nt(this.trigger,this.tooltip,(()=>this.update()))}if(Vn){window.addEventListener("touchstart",this.windowTouchStartListener.bind(this));(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(Vn){window.removeEventListener("touchstart",this.windowTouchStartListener.bind(this));(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 Ce(this.trigger)}update(){if(this.trigger&&this.tooltip){Mt(this.trigger,this.tooltip,{placement:this.placement,middleware:[it(Wn.OFFSET),tt()]}).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;(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")}};Wn.OFFSET=4;Wn.style=Un;export{u as cat_alert,b as cat_avatar,m as cat_badge,C as cat_button,F as cat_card,O as cat_checkbox,j as cat_icon,D as cat_input,Ie as cat_menu,Re as cat_radio,Cn as cat_scrollable,Fn as cat_skeleton,Bn as cat_spinner,jn as cat_tab,$n as cat_tabs,Ln as cat_toast_demo,Mn as cat_toggle,Wn as cat_tooltip};
-//# sourceMappingURL=p-dda85567.entry.js.map