@haiilo/catalyst 0.3.1 → 0.5.0

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { Components, JSX } from './components';
+export { CatI18nRegistry } from './components/cat-i18n/cat-i18n-registry';
 export { CatIconRegistry } from './components/cat-icon/cat-icon-registry';

package/dist/types/utils/first-tabbable.d.ts

@@ -0,0 +1,4 @@
+import { FocusableElement } from 'tabbable';
+declare type Container = Element | FocusableElement | null;
+declare const firstTabbable: (container?: Container | undefined) => FocusableElement | undefined;
+export default firstTabbable;

package/dist/types/utils/is-touch-screen.d.ts

@@ -0,0 +1,2 @@
+declare const isTouchDevice: boolean;
+export default isTouchDevice;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.3.1",
+  "version": "0.5.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -38,25 +38,27 @@
     "reset": "rm -rf ./dist ./loader ./www ./node_modules"
   },
   "peerDependencies": {
-    "@haiilo/catalyst-icons": ">=0.2.0",
+    "@haiilo/catalyst-icons": ">=0.2.6",
     "rxjs": "^7.5.5"
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.1",
-    "@haiilo/catalyst-tokens": "^0.3.1",
+    "@haiilo/catalyst-tokens": "^0.5.0",
     "@stencil/core": "2.15.0",
-    "focus-trap": "6.8.0-beta.2",
+    "autosize": "^5.0.1",
+    "focus-trap": "6.8.1",
     "loglevel": "1.8.0",
     "sanitize.css": "13.0.0",
-    "tabbable": "5.3.0-beta.1"
+    "tabbable": "5.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@haiilo/catalyst-icons": "^0.2.0",
+    "@haiilo/catalyst-icons": "^0.2.6",
     "@stencil/angular-output-target": "^0.4.0",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "^1.5.2",
     "@stencil/vue-output-target": "^0.6.0",
+    "@types/autosize": "^4.0.1",
     "@types/jest": "^27.4.0",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
@@ -73,5 +75,5 @@
     "stylelint-config-standard-scss": "^3.0.0",
     "typescript": "^4.5.5"
   },
-  "gitHead": "08b8b3a6bd51db9b788faaa73bee02f84d06a200"
+  "gitHead": "eb1acc7a08090c5c7095b3d3804ea8f347e5bbe2"
 }

package/dist/catalyst/p-31b500c7.entry.js

@@ -1,10 +0,0 @@
-import{r as t,h as e,c as n,H as i,g as r}from"./p-ed826597.js";import{C as o}from"./p-ef0a8ae9.js";const s=":host{display:block;margin-bottom:1rem}:host([hidden]){display:none}.cat-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;width:100%}::slotted(:last-child){margin-bottom:0 !important}.cat-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)}.cat-alert-secondary{--bg:105, 118, 135;--text:0, 0, 0;--border:105, 118, 135}.cat-alert-success{--bg:0, 132, 88;--text:0, 132, 88;--border:0, 132, 88}.cat-alert-warning{--bg:255, 206, 128;--text:159, 97, 0;--border:159, 97, 0}.cat-alert-danger{--bg:217, 52, 13;--text:217, 52, 13;--border:217, 52, 13}";const a=class{constructor(e){t(this,e);this.color="primary"}render(){return e("div",{part:"alert",class:{"cat-alert":true,[`cat-alert-${this.color}`]:Boolean(this.color)}},e("slot",null))}};a.style=s;const c=":host{display:inline-flex;max-width:100%;vertical-align:baseline}:host([hidden]){display:none}.cat-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}.cat-badge slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-badge-round{border-radius:10rem}.cat-badge-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.cat-badge-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}.cat-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)}.cat-badge-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--border:105, 118, 135}.cat-badge-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--border:0, 132, 88}.cat-badge-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--border:159, 97, 0}.cat-badge-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--border:217, 52, 13}.cat-badge-xs{height:0.75rem;min-width:0.75rem;font-size:0.75rem;padding:0 0.1875rem}.cat-badge-s{height:1rem;min-width:1rem;font-size:0.75rem;padding:0 0.25rem}.cat-badge-m{height:1.25rem;min-width:1.25rem;font-size:0.75rem;padding:0 0.3125rem}.cat-badge-l{height:1.5rem;min-width:1.5rem;font-size:0.875rem;padding:0 0.375rem}.cat-badge-xl{height:1.75rem;min-width:1.75rem;font-size:0.9375rem;padding:0 0.4375rem}.cat-badge-pulse.cat-badge-filled{animation:1.5s ease 0s infinite normal none running pulse}.cat-badge-pulse.cat-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 l=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:{"cat-badge":true,"cat-badge-round":this.round,"cat-badge-pulse":this.pulse,[`cat-badge-${this.variant}`]:Boolean(this.variant),[`cat-badge-${this.color}`]:Boolean(this.color),[`cat-badge-${this.size}`]:Boolean(this.size)}},e("slot",null))}};l.style=c;var u=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function f(t,e,n){return n={path:e,exports:{},require:function(t,e){return h()}},t(n,n.exports),n.exports}function h(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var d=f((function(t){(function(e,n){if(t.exports){t.exports=n()}else{e.log=n()}})(u,(function(){var t=function(){};var e="undefined";var n=typeof window!==e&&typeof window.navigator!==e&&/Trident\/|MSIE /.test(window.navigator.userAgent);var i=["trace","debug","info","warn","error"];function r(t,e){var n=t[e];if(typeof n.bind==="function"){return n.bind(t)}else{try{return Function.prototype.bind.call(n,t)}catch(e){return function(){return Function.prototype.apply.apply(n,[t,arguments])}}}}function o(){if(console.log){if(console.log.apply){console.log.apply(console,arguments)}else{Function.prototype.apply.apply(console.log,[console,arguments])}}if(console.trace)console.trace()}function s(i){if(i==="debug"){i="log"}if(typeof console===e){return false}else if(i==="trace"&&n){return o}else if(console[i]!==undefined){return r(console,i)}else if(console.log!==undefined){return r(console,"log")}else{return t}}function a(e,n){for(var r=0;r<i.length;r++){var o=i[r];this[o]=r<e?t:this.methodFactory(o,e,n)}this.log=this.debug}function c(t,n,i){return function(){if(typeof console!==e){a.call(this,n,i);this[t].apply(this,arguments)}}}function l(t,e,n){return s(t)||c.apply(this,arguments)}function u(t,n,r){var o=this;var s;n=n==null?"WARN":n;var c="loglevel";if(typeof t==="string"){c+=":"+t}else if(typeof t==="symbol"){c=undefined}function u(t){var n=(i[t]||"silent").toUpperCase();if(typeof window===e||!c)return;try{window.localStorage[c]=n;return}catch(t){}try{window.document.cookie=encodeURIComponent(c)+"="+n+";"}catch(t){}}function f(){var t;if(typeof window===e||!c)return;try{t=window.localStorage[c]}catch(t){}if(typeof t===e){try{var n=window.document.cookie;var i=n.indexOf(encodeURIComponent(c)+"=");if(i!==-1){t=/^([^;]+)/.exec(n.slice(i))[1]}}catch(t){}}if(o.levels[t]===undefined){t=undefined}return t}function h(){if(typeof window===e||!c)return;try{window.localStorage.removeItem(c);return}catch(t){}try{window.document.cookie=encodeURIComponent(c)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(t){}}o.name=t;o.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5};o.methodFactory=r||l;o.getLevel=function(){return s};o.setLevel=function(n,i){if(typeof n==="string"&&o.levels[n.toUpperCase()]!==undefined){n=o.levels[n.toUpperCase()]}if(typeof n==="number"&&n>=0&&n<=o.levels.SILENT){s=n;if(i!==false){u(n)}a.call(o,n,t);if(typeof console===e&&n<o.levels.SILENT){return"No console available for logging"}}else{throw"log.setLevel() called with invalid level: "+n}};o.setDefaultLevel=function(t){n=t;if(!f()){o.setLevel(t,false)}};o.resetLevel=function(){o.setLevel(n,false);h()};o.enableAll=function(t){o.setLevel(o.levels.TRACE,t)};o.disableAll=function(t){o.setLevel(o.levels.SILENT,t)};var d=f();if(d==null){d=n}o.setLevel(d,false)}var f=new u;var h={};f.getLogger=function t(e){if(typeof e!=="symbol"&&typeof e!=="string"||e===""){throw new TypeError("You must supply a name when creating a logger.")}var n=h[e];if(!n){n=h[e]=new u(e,f.getLevel(),f.methodFactory)}return n};var d=typeof window!==e?window.log:undefined;f.noConflict=function(){if(typeof window!==e&&window.log===f){window.log=d}return f};f.getLoggers=function t(){return h};f["default"]=f;return f}))}));const b=["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 m(t){return typeof t==="string"&&b.includes(t)}let p;try{p=typeof Intl!=="undefined"&&Intl.v8BreakIterator}catch(t){p=false}class g{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent);this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent);this.BLINK=!!(window.chrome||p)&&typeof CSS!=="undefined"&&!this.EDGE&&!this.TRIDENT;this.WEBKIT=/AppleWebKit/i.test(navigator.userAgent)&&!this.BLINK&&!this.EDGE&&!this.TRIDENT;this.IOS=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window);this.FIREFOX=/(firefox|minefield)/i.test(navigator.userAgent);this.ANDROID=/android/i.test(navigator.userAgent)&&!this.TRIDENT;this.SAFARI=/safari/i.test(navigator.userAgent)&&this.WEBKIT}}const w=new Set;let y;class x{constructor(){this._platform=new g;this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){if(this._platform.WEBKIT||this._platform.BLINK){k(t)}return this._matchMedia(t)}}function k(t){if(w.has(t)){return}try{if(!y){y=document.createElement("style");y.setAttribute("type","text/css");document.head.appendChild(y)}if(y.sheet){y.sheet.insertRule(`@media ${t} {body{ }}`,0);w.add(t)}}catch(t){d.error(t)}}const S=":host{display:inline-block;max-width:100%;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cat-button{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 #0071ff;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}:host-context(nav){width:100%}:host-context(nav) .cat-button{box-shadow:none;border-radius:0}:host-context(nav) .cat-button:focus-visible{outline-offset:-2px}:host-context(nav) .cat-button-content{text-align:left}:host([hidden]){display:none}:host(.cat-text-left) .cat-button{justify-content:left}:host(.cat-text-right) .cat-button{justify-content:right}";const E=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.size="m";this.disabled=false;this.loading=false;this.submit=false;this.ellipsed=true;this.round=false;this.iconOnly=false;this.iconSuffix=false}onIconOnlyChanged(t){var e,n;(e=this.mediaQueryList)===null||e===void 0?void 0:e.removeEventListener("change",this.mediaQueryListener);this.mediaQueryList=undefined;this.mediaQueryListener=undefined;if(m(t)){(n=this.mediaMatcher)!==null&&n!==void 0?n:this.mediaMatcher=new x;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){d.warn("[A11y] Missing ARIA label on icon button",this)}}haltDisabledEvents(t){if(this.disabled||this.loading){t.preventDefault();t.stopImmediatePropagation()}}async setFocus(t){this.button.focus(t)}render(){var t;if(this.url){return e("a",{ref:t=>this.button=t,href:this.disabled?undefined:this.url,target:this.urlTarget,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-icon":this.isIconButton,"cat-button-round":this.round,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":this.ellipsed&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)},this.content)}else{return e("button",{ref:t=>this.button=t,type:this.submit?"submit":"button",name:this.name,value:this.value,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-icon":this.isIconButton,"cat-button-round":(t=this.round)!==null&&t!==void 0?t:this.isIconButton,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":this.ellipsed&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)},this.content)}}get iconSize(){switch(this.size){case"xs":return"s";default:return"l"}}get spinnerSize(){switch(this.size){case"xs":return"xs";default:return"m"}}get isIconButton(){return Boolean(this.icon)&&this._iconOnly}get hasPrefixIcon(){return Boolean(this.icon)&&!this._iconOnly&&!this.iconSuffix}get hasSuffixIcon(){return Boolean(this.icon)&&!this._iconOnly&&this.iconSuffix}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"]}}};E.style=S;const A=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;width:1em;height:1em}.cat-icon-xs svg{font-size:0.75rem}.cat-icon-s svg{font-size:1rem}.cat-icon-m svg{font-size:1.25rem}.cat-icon-l svg{font-size:1.5rem}.cat-icon-xl svg{font-size:1.75rem}";const T=class{constructor(e){t(this,e);this.iconRegistry=o.getInstance();this.icon="";this.size="m"}render(){return e("span",{innerHTML:this.iconRegistry.getIcon(this.icon),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{[`cat-icon-${this.size}`]:this.size!=="inline"}})}};T.style=A;function z(t){return t.split("-")[0]}function O(t){return t.split("-")[1]}function C(t){return["top","bottom"].includes(z(t))?"x":"y"}function R(t){return t==="y"?"height":"width"}function I(t,e,n){let{reference:i,floating:r}=t;const o=i.x+i.width/2-r.width/2;const s=i.y+i.height/2-r.height/2;const a=C(e);const c=R(a);const l=i[c]/2-r[c]/2;const u=z(e);const f=a==="x";let h;switch(u){case"top":h={x:o,y:i.y-r.height};break;case"bottom":h={x:o,y:i.y+i.height};break;case"right":h={x:i.x+i.width,y:s};break;case"left":h={x:i.x-r.width,y:s};break;default:h={x:i.x,y:i.y}}switch(O(e)){case"start":h[a]-=l*(n&&f?-1:1);break;case"end":h[a]+=l*(n&&f?-1:1);break}return h}const F=async(t,e,n)=>{const{placement:i="bottom",strategy:r="absolute",middleware:o=[],platform:s}=n;const a=await(s.isRTL==null?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r});let{x:l,y:u}=I(c,i,a);let f=i;let h={};for(let n=0;n<o.length;n++){const{name:d,fn:b}=o[n];const{x:v,y:m,data:p,reset:g}=await b({x:l,y:u,initialPlacement:i,placement:f,strategy:r,middlewareData:h,rects:c,platform:s,elements:{reference:t,floating:e}});l=v!=null?v:l;u=m!=null?m:u;h={...h,[d]:{...h[d],...p}};if(g){if(typeof g==="object"){if(g.placement){f=g.placement}if(g.rects){c=g.rects===true?await s.getElementRects({reference:t,floating:e,strategy:r}):g.rects}({x:l,y:u}=I(c,f,a))}n=-1;continue}}return{x:l,y:u,placement:f,strategy:r,middlewareData:h}};function B(t){return{top:0,right:0,bottom:0,left:0,...t}}function j(t){return typeof t!=="number"?B(t):{top:t,right:t,bottom:t,left:t}}function P(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function D(t,e){var n;if(e===void 0){e={}}const{x:i,y:r,platform:o,rects:s,elements:a,strategy:c}=t;const{boundary:l="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:h=false,padding:d=0}=e;const b=j(d);const v=f==="floating"?"reference":"floating";const m=a[h?v:f];const p=P(await o.getClippingRect({element:((n=await(o.isElement==null?void 0:o.isElement(m)))!=null?n:true)?m:m.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(a.floating)),boundary:l,rootBoundary:u,strategy:c}));const g=P(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:f==="floating"?{...s.floating,x:i,y:r}:s.reference,offsetParent:await(o.getOffsetParent==null?void 0:o.getOffsetParent(a.floating)),strategy:c}):s[f]);return{top:p.top-g.top+b.top,bottom:g.bottom-p.bottom+b.bottom,left:p.left-g.left+b.left,right:g.right-p.right+b.right}}const _={left:"right",right:"left",bottom:"top",top:"bottom"};function $(t){return t.replace(/left|right|bottom|top/g,(t=>_[t]))}function L(t,e,n){if(n===void 0){n=false}const i=O(t);const r=C(t);const o=R(r);let s=r==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){s=$(s)}return{main:s,cross:$(s)}}const N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(t=>N[t]))}function M(t){const e=$(t);return[U(t),e,U(e)]}const q=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var n;const{placement:i,middlewareData:r,rects:o,initialPlacement:s,platform:a,elements:c}=e;const{mainAxis:l=true,crossAxis:u=true,fallbackPlacements:f,fallbackStrategy:h="bestFit",flipAlignment:d=true,...b}=t;const v=z(i);const m=v===s;const p=f||(m||!d?[$(s)]:M(s));const g=[s,...p];const w=await D(e,b);const y=[];let x=((n=r.flip)==null?void 0:n.overflows)||[];if(l){y.push(w[v])}if(u){const{main:t,cross:e}=L(i,o,await(a.isRTL==null?void 0:a.isRTL(c.floating)));y.push(w[t],w[e])}x=[...x,{placement:i,overflows:y}];if(!y.every((t=>t<=0))){var k,S;const t=((k=(S=r.flip)==null?void 0:S.index)!=null?k:0)+1;const e=g[t];if(e){return{data:{index:t,overflows:x},reset:{placement:e}}}let n="bottom";switch(h){case"bestFit":{var E;const t=(E=x.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:E[0].placement;if(t){n=t}break}case"initialPlacement":n=s;break}if(i!==n){return{reset:{placement:n}}}}return{}}}};function Y(t,e,n,i){if(i===void 0){i=false}const r=z(t);const o=O(t);const s=C(t)==="x";const a=["left","top"].includes(r)?-1:1;const c=i&&s?-1:1;const l=typeof n==="function"?n({...e,placement:t}):n;let{mainAxis:u,crossAxis:f,alignmentAxis:h}=typeof l==="number"?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...l};if(o&&typeof h==="number"){f=o==="end"?h*-1:h}return s?{x:f*c,y:u*a}:{x:u*a,y:f*c}}const W=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){const{x:n,y:i,placement:r,rects:o,platform:s,elements:a}=e;const c=Y(r,o,t,await(s.isRTL==null?void 0:s.isRTL(a.floating)));return{x:n+c.x,y:i+c.y,data:c}}}};function G(t){return(t==null?void 0:t.toString())==="[object Window]"}function H(t){if(t==null){return window}if(!G(t)){const e=t.ownerDocument;return e?e.defaultView||window:window}return t}function V(t){return H(t).getComputedStyle(t)}function X(t){return G(t)?"":t?(t.nodeName||"").toLowerCase():""}function J(t){return t instanceof H(t).HTMLElement}function K(t){return t instanceof H(t).Element}function Q(t){return t instanceof H(t).Node}function Z(t){const e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function tt(t){const{overflow:e,overflowX:n,overflowY:i}=V(t);return/auto|scroll|overlay|hidden/.test(e+i+n)}function et(t){return["table","td","th"].includes(X(t))}function nt(t){const e=navigator.userAgent.toLowerCase().includes("firefox");const n=V(t);return n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].includes(n.willChange)||e&&n.willChange==="filter"||e&&(n.filter?n.filter!=="none":false)}function it(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const rt=Math.min;const ot=Math.max;const st=Math.round;function at(t,e,n){if(e===void 0){e=false}if(n===void 0){n=false}const i=t.getBoundingClientRect();let r=1;let o=1;if(e&&J(t)){r=t.offsetWidth>0?st(i.width)/t.offsetWidth||1:1;o=t.offsetHeight>0?st(i.height)/t.offsetHeight||1:1}const s=K(t)?H(t):window;const a=!it()&&n;const c=(i.left+(a?s.visualViewport.offsetLeft:0))/r;const l=(i.top+(a?s.visualViewport.offsetTop:0))/o;const u=i.width/r;const f=i.height/o;return{width:u,height:f,top:l,right:c+u,bottom:l+f,left:c,x:c,y:l}}function ct(t){return((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function lt(t){if(G(t)){return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function ut(t){return at(ct(t)).left+lt(t).scrollLeft}function ft(t){const e=at(t);return st(e.width)!==t.offsetWidth||st(e.height)!==t.offsetHeight}function ht(t,e,n){const i=J(e);const r=ct(e);const o=at(t,i&&ft(e),n==="fixed");let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(i||!i&&n!=="fixed"){if(X(e)!=="body"||tt(r)){s=lt(e)}if(J(e)){const t=at(e,true);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}else if(r){a.x=ut(r)}}return{x:o.left+s.scrollLeft-a.x,y:o.top+s.scrollTop-a.y,width:o.width,height:o.height}}function dt(t){if(X(t)==="html"){return t}return t.assignedSlot||t.parentNode||(Z(t)?t.host:null)||ct(t)}function bt(t){if(!J(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function vt(t){let e=dt(t);if(Z(e)){e=e.host}while(J(e)&&!["html","body"].includes(X(e))){if(nt(e)){return e}else{e=e.parentNode}}return null}function mt(t){const e=H(t);let n=bt(t);while(n&&et(n)&&getComputedStyle(n).position==="static"){n=bt(n)}if(n&&(X(n)==="html"||X(n)==="body"&&getComputedStyle(n).position==="static"&&!nt(n))){return e}return n||vt(t)||e}function pt(t){if(J(t)){return{width:t.offsetWidth,height:t.offsetHeight}}const e=at(t);return{width:e.width,height:e.height}}function gt(t){let{rect:e,offsetParent:n,strategy:i}=t;const r=J(n);const o=ct(n);if(n===o){return e}let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&i!=="fixed"){if(X(n)!=="body"||tt(o)){s=lt(n)}if(J(n)){const t=at(n,true);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}}function wt(t,e){const n=H(t);const i=ct(t);const r=n.visualViewport;let o=i.clientWidth;let s=i.clientHeight;let a=0;let c=0;if(r){o=r.width;s=r.height;const t=it();if(t||!t&&e==="fixed"){a=r.offsetLeft;c=r.offsetTop}}return{width:o,height:s,x:a,y:c}}function yt(t){var e;const n=ct(t);const i=lt(t);const r=(e=t.ownerDocument)==null?void 0:e.body;const o=ot(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0);const s=ot(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-i.scrollLeft+ut(t);const c=-i.scrollTop;if(V(r||n).direction==="rtl"){a+=ot(n.clientWidth,r?r.clientWidth:0)-o}return{width:o,height:s,x:a,y:c}}function xt(t){const e=dt(t);if(["html","body","#document"].includes(X(e))){return t.ownerDocument.body}if(J(e)&&tt(e)){return e}return xt(e)}function kt(t,e){var n;if(e===void 0){e=[]}const i=xt(t);const r=i===((n=t.ownerDocument)==null?void 0:n.body);const o=H(i);const s=r?[o].concat(o.visualViewport||[],tt(i)?i:[]):i;const a=e.concat(s);return r?a:a.concat(kt(dt(s)))}function St(t,e){const n=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(n&&Z(n)){let n=e;do{if(n&&t===n){return true}n=n.parentNode||n.host}while(n)}return false}function Et(t,e){const n=at(t,false,e==="fixed");const i=n.top+t.clientTop;const r=n.left+t.clientLeft;return{top:i,left:r,x:r,y:i,right:r+t.clientWidth,bottom:i+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function At(t,e,n){if(e==="viewport"){return P(wt(t,n))}if(K(e)){return Et(e,n)}return P(yt(ct(t)))}function Tt(t){const e=kt(t);const n=["absolute","fixed"].includes(V(t).position);const i=n&&J(t)?mt(t):t;if(!K(i)){return[]}return e.filter((t=>K(t)&&St(t,i)&&X(t)!=="body"))}function zt(t){let{element:e,boundary:n,rootBoundary:i,strategy:r}=t;const o=n==="clippingAncestors"?Tt(e):[].concat(n);const s=[...o,i];const a=s[0];const c=s.reduce(((t,n)=>{const i=At(e,n,r);t.top=ot(i.top,t.top);t.right=rt(i.right,t.right);t.bottom=rt(i.bottom,t.bottom);t.left=ot(i.left,t.left);return t}),At(e,a,r));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}const Ot={getClippingRect:zt,convertOffsetParentRelativeRectToViewportRelativeRect:gt,isElement:K,getDimensions:pt,getOffsetParent:mt,getDocumentElement:ct,getElementRects:t=>{let{reference:e,floating:n,strategy:i}=t;return{reference:ht(e,mt(n),i),floating:{...pt(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>V(t).direction==="rtl"};function Ct(t,e,n,i){if(i===void 0){i={}}const{ancestorScroll:r=true,ancestorResize:o=true,elementResize:s=true,animationFrame:a=false}=i;let c=false;const l=r&&!a;const u=o&&!a;const f=s&&!a;const h=l||u?[...K(t)?kt(t):[],...kt(e)]:[];h.forEach((t=>{l&&t.addEventListener("scroll",n,{passive:true});u&&t.addEventListener("resize",n)}));let d=null;if(f){d=new ResizeObserver(n);K(t)&&d.observe(t);d.observe(e)}let b;let v=a?at(t):null;if(a){m()}function m(){if(c){return}const e=at(t);if(v&&(e.x!==v.x||e.y!==v.y||e.width!==v.width||e.height!==v.height)){n()}v=e;b=requestAnimationFrame(m)}return()=>{var t;c=true;h.forEach((t=>{l&&t.removeEventListener("scroll",n);u&&t.removeEventListener("resize",n)}));(t=d)==null?void 0:t.disconnect();d=null;if(a){cancelAnimationFrame(b)}}}const Rt=(t,e,n)=>F(t,e,{platform:Ot,...n})
-/*!
-* tabbable 5.3.0-beta.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/;var It=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"];var Ft=It.join(",");var Bt=typeof Element==="undefined";var jt=Bt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var Pt=!Bt&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument};var Dt=function t(e,n,i){var r=Array.prototype.slice.apply(e.querySelectorAll(Ft));if(n&&jt.call(e,Ft)){r.unshift(e)}r=r.filter(i);return r};var _t=function t(e,n,i){var r=[];var o=Array.from(e);while(o.length){var s=o.shift();if(s.tagName==="SLOT"){var a=s.assignedElements();var c=a.length?a:s.children;var l=t(c,true,i);if(i.flatten){r.push.apply(r,l)}else{r.push({scope:s,candidates:l})}}else{var u=jt.call(s,Ft);if(u&&i.filter(s)&&(n||!e.includes(s))){r.push(s)}var f=s.shadowRoot||typeof i.getShadowRoot==="function"&&i.getShadowRoot(s);if(f){var h=t(f===true?s.children:f.children,true,i);if(i.flatten){r.push.apply(r,h)}else{r.push({scope:s,candidates:h})}}else{o.unshift.apply(o,s.children)}}}return r};var $t=function t(e){return e.contentEditable==="true"};var Lt=function t(e,n){var i=parseInt(e.getAttribute("tabindex"),10);if(!isNaN(i)){return i}if($t(e)){return 0}if((n||e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null){return 0}return e.tabIndex};var Nt=function t(e,n){return e.tabIndex===n.tabIndex?e.documentOrder-n.documentOrder:e.tabIndex-n.tabIndex};var Ut=function t(e){return e.tagName==="INPUT"};var Mt=function t(e){return Ut(e)&&e.type==="hidden"};var qt=function t(e){var n=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return n};var Yt=function t(e,n){for(var i=0;i<e.length;i++){if(e[i].checked&&e[i].form===n){return e[i]}}};var Wt=function t(e){if(!e.name){return true}var n=e.form||Pt(e);var i=function t(e){return n.querySelectorAll('input[type="radio"][name="'+e+'"]')};var r;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){r=i(window.CSS.escape(e.name))}else{try{r=i(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=Yt(r,e.form);return!o||o===e};var Gt=function t(e){return Ut(e)&&e.type==="radio"};var Ht=function t(e){return Gt(e)&&!Wt(e)};var Vt=function t(e){var n=e.getBoundingClientRect(),i=n.width,r=n.height;return i===0&&r===0};var Xt=function t(e,n){var i=n.displayCheck,r=n.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var o=jt.call(e,"details>summary:first-of-type");var s=o?e.parentElement:e;if(jt.call(s,"details:not([open]) *")){return true}if(!i||i==="full"){if(typeof r==="function"){var a=e;while(e){var c=e.parentElement;var l=Pt(e);if(c&&!c.shadowRoot&&r(c)===true){return Vt(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!c&&l!==e.ownerDocument){e=l.host}else{e=c}}e=a}return!e.getClientRects().length}else if(i==="non-zero-area"){return Vt(e)}return false};var Jt=function t(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)){var n=e.parentElement;while(n){if(n.tagName==="FIELDSET"&&n.disabled){for(var i=0;i<n.children.length;i++){var r=n.children.item(i);if(r.tagName==="LEGEND"){return jt.call(n,"fieldset[disabled] *")?true:!r.contains(e)}}return true}n=n.parentElement}}return false};var Kt=function t(e,n){if(n.disabled||Mt(n)||Xt(n,e)||qt(n)||Jt(n)){return false}return true};var Qt=function t(e,n){if(!Kt(e,n)||Ht(n)||Lt(n)<0){return false}return true};var Zt=function t(e){var n=[];var i=[];e.forEach((function(e,r){var o=!!e.scope;var s=o?e.scope:e;var a=Lt(s,o);var c=o?t(e.candidates):s;if(a===0){o?n.push.apply(n,c):n.push(s)}else{i.push({documentOrder:r,tabIndex:a,item:e,isScope:o,content:c})}}));return i.sort(Nt).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(n)};var te=function t(e,n){n=n||{};var i;if(n.getShadowRoot){i=_t([e],n.includeContainer,{filter:Qt.bind(null,n),flatten:false,getShadowRoot:n.getShadowRoot})}else{i=Dt(e,n.includeContainer,Qt.bind(null,n))}return Zt(i)};var ee=function t(e,n){n=n||{};var i;if(n.getShadowRoot){i=_t([e],n.includeContainer,{filter:Kt.bind(null,n),flatten:true,getShadowRoot:n.getShadowRoot})}else{i=Dt(e,n.includeContainer,Kt.bind(null,n))}return i};var ne=function t(e,n){n=n||{};if(!e){throw new Error("No node provided")}if(jt.call(e,Ft)===false){return false}return Qt(n,e)};var ie=It.concat("iframe").join(",");var re=function t(e,n){n=n||{};if(!e){throw new Error("No node provided")}if(jt.call(e,ie)===false){return false}return Kt(n,e)};
-/*!
-* focus-trap 6.8.0-beta.2
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function oe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function se(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oe(Object(n),!0).forEach((function(e){ae(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ae(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}var ce=function(){var t=[];return{activateTrap:function e(n){if(t.length>0){var i=t[t.length-1];if(i!==n){i.pause()}}var r=t.indexOf(n);if(r===-1){t.push(n)}else{t.splice(r,1);t.push(n)}},deactivateTrap:function e(n){var i=t.indexOf(n);if(i!==-1){t.splice(i,1)}if(t.length>0){t[t.length-1].unpause()}}}}();var le=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var ue=function t(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27};var fe=function t(e){return e.key==="Tab"||e.keyCode===9};var he=function t(e){return setTimeout(e,0)};var de=function t(e,n){var i=-1;e.every((function(t,e){if(n(t)){i=e;return false}return true}));return i};var be=function t(e){for(var n=arguments.length,i=new Array(n>1?n-1:0),r=1;r<n;r++){i[r-1]=arguments[r]}return typeof e==="function"?e.apply(void 0,i):e};var ve=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var me=function t(e,n){var i=(n===null||n===void 0?void 0:n.document)||document;var r=se({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true},n);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var s;var a=function t(e,n,i){return e&&e[n]!==undefined?e[n]:r[i||n]};var c=function t(e){return o.containerGroups.findIndex((function(t){var n=t.container,i=t.tabbableNodes;return n.contains(e)||i.find((function(t){return t===e}))}))};var l=function t(e){var n=r[e];if(typeof n==="function"){for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++){s[a-1]=arguments[a]}n=n.apply(void 0,s)}if(!n){if(n===undefined||n===false){return n}throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var c=n;if(typeof n==="string"){c=i.querySelector(n);if(!c){throw new Error("`".concat(e,"` as selector refers to no known node"))}}return c};var u=function t(){var e=l("initialFocus");if(e===false){return false}if(e===undefined){if(c(i.activeElement)>=0){e=i.activeElement}else{var n=o.tabbableGroups[0];var r=n&&n.firstTabbableNode;e=r||l("fallbackFocus")}}if(!e){throw new Error("Your focus-trap needs to have at least one focusable element")}return e};var f=function t(){o.containerGroups=o.containers.map((function(t){var e,n;var i=te(t,{getShadowRoot:(e=r.tabbableOptions)===null||e===void 0?void 0:e.getShadowRoot});var o=ee(t,{getShadowRoot:(n=r.tabbableOptions)===null||n===void 0?void 0:n.getShadowRoot});return{container:t,tabbableNodes:i,focusableNodes:o,firstTabbableNode:i.length>0?i[0]:null,lastTabbableNode:i.length>0?i[i.length-1]:null,nextTabbableNode:function t(e){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=o.findIndex((function(t){return t===e}));if(i<0){return undefined}if(n){return o.slice(i+1).find((function(t){return ne(t)}))}return o.slice(0,i).reverse().find((function(t){return ne(t)}))}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.tabbableGroups.length<=0&&!l("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 h=function t(e){if(e===false){return}if(e===i.activeElement){return}if(!e||!e.focus){t(u());return}e.focus({preventScroll:!!r.preventScroll});o.mostRecentlyFocusedNode=e;if(le(e)){e.select()}};var d=function t(e){var n=l("setReturnFocus",e);return n?n:n===false?false:e};var b=function t(e){var n=ve(e);if(c(n)>=0){return}if(be(r.clickOutsideDeactivates,e)){s.deactivate({returnFocus:r.returnFocusOnDeactivate&&!re(n)});return}if(be(r.allowOutsideClick,e)){return}e.preventDefault()};var v=function t(e){var n=ve(e);var i=c(n)>=0;if(i||n instanceof Document){if(i){o.mostRecentlyFocusedNode=n}}else{e.stopImmediatePropagation();h(o.mostRecentlyFocusedNode||u())}};var m=function t(e){var n=ve(e);f();var i=null;if(o.tabbableGroups.length>0){var r=c(n);var s=r>=0?o.containerGroups[r]:undefined;if(r<0){if(e.shiftKey){i=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{i=o.tabbableGroups[0].firstTabbableNode}}else if(e.shiftKey){var a=de(o.tabbableGroups,(function(t){var e=t.firstTabbableNode;return n===e}));if(a<0&&(s.container===n||re(n)&&!ne(n)&&!s.nextTabbableNode(n,false))){a=r}if(a>=0){var u=a===0?o.tabbableGroups.length-1:a-1;var d=o.tabbableGroups[u];i=d.lastTabbableNode}}else{var b=de(o.tabbableGroups,(function(t){var e=t.lastTabbableNode;return n===e}));if(b<0&&(s.container===n||re(n)&&!ne(n)&&!s.nextTabbableNode(n))){b=r}if(b>=0){var v=b===o.tabbableGroups.length-1?0:b+1;var m=o.tabbableGroups[v];i=m.firstTabbableNode}}}else{i=l("fallbackFocus")}if(i){e.preventDefault();h(i)}};var p=function t(e){if(ue(e)&&be(r.escapeDeactivates,e)!==false){e.preventDefault();s.deactivate();return}if(fe(e)){m(e);return}};var g=function t(e){if(be(r.clickOutsideDeactivates,e)){return}var n=ve(e);if(c(n)>=0){return}if(be(r.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var w=function t(){if(!o.active){return}ce.activateTrap(s);o.delayInitialFocusTimer=r.delayInitialFocus?he((function(){h(u())})):h(u());i.addEventListener("focusin",v,true);i.addEventListener("mousedown",b,{capture:true,passive:false});i.addEventListener("touchstart",b,{capture:true,passive:false});i.addEventListener("click",g,{capture:true,passive:false});i.addEventListener("keydown",p,{capture:true,passive:false});return s};var y=function t(){if(!o.active){return}i.removeEventListener("focusin",v,true);i.removeEventListener("mousedown",b,true);i.removeEventListener("touchstart",b,true);i.removeEventListener("click",g,true);i.removeEventListener("keydown",p,true);return s};s={activate:function t(e){if(o.active){return this}var n=a(e,"onActivate");var r=a(e,"onPostActivate");var s=a(e,"checkCanFocusTrap");if(!s){f()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=i.activeElement;if(n){n()}var c=function t(){if(s){f()}w();if(r){r()}};if(s){s(o.containers.concat()).then(c,c);return this}c();return this},deactivate:function t(e){if(!o.active){return this}clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;y();o.active=false;o.paused=false;ce.deactivateTrap(s);var n=a(e,"onDeactivate");var i=a(e,"onPostDeactivate");var r=a(e,"checkCanReturnFocus");if(n){n()}var c=a(e,"returnFocus","returnFocusOnDeactivate");var l=function t(){he((function(){if(c){h(d(o.nodeFocusedBeforeActivation))}if(i){i()}}))};if(c&&r){r(d(o.nodeFocusedBeforeActivation)).then(l,l);return this}l();return this},pause:function t(){if(o.paused||!o.active){return this}o.paused=true;y();return this},unpause:function t(){if(!o.paused||!o.active){return this}o.paused=false;f();w();return this},updateContainerElements:function t(e){var n=[].concat(e).filter(Boolean);o.containers=n.map((function(t){return typeof t==="string"?i.querySelector(t):t}));if(o.active){f()}return this}};s.updateContainerElements(e);return s};const pe=":host{display:inline-block}: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}";let ge=0;const we=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=ge++;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,n,i,r;this.trigger=this.firstTabbable(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");(n=this.trigger)===null||n===void 0?void 0:n.setAttribute("aria-controls",this.contentId);(i=this.content)===null||i===void 0?void 0:i.setAttribute("id",this.contentId);if(this.trigger&&this.content){(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("click",(()=>this.show()));Ct(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const e=te(this.content,{includeContainer:false,getShadowRoot:true});const n=this.firstTabbable(document.activeElement);const i=n?e.indexOf(n):-1;const r=t.key==="ArrowDown"?1:-1;const o=i<0?0:(i+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):me(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){Rt(this.trigger,this.content,{placement:this.placement,middleware:[W(we.OFFSET),q()]}).then((({x:t,y:e})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}}))}}firstTabbable(t){return(t?te(t,{includeContainer:true,getShadowRoot:true}):[]).shift()}};we.OFFSET=4;we.style=pe;function ye(t){return typeof t==="function"}function xe(t){const e=t=>{Error.call(t);t.stack=(new Error).stack};const n=t(e);n.prototype=Object.create(Error.prototype);n.prototype.constructor=n;return n}const ke=xe((t=>function e(n){t(this);this.message=n?`${n.length} errors occurred during unsubscription:\n${n.map(((t,e)=>`${e+1}) ${t.toString()}`)).join("\n  ")}`:"";this.name="UnsubscriptionError";this.errors=n}));function Se(t,e){if(t){const n=t.indexOf(e);0<=n&&t.splice(n,1)}}class Ee{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:n}=this;if(ye(n)){try{n()}catch(e){t=e instanceof ke?e.errors:[e]}}const{_finalizers:i}=this;if(i){this._finalizers=null;for(const e of i){try{ze(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof ke){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new ke(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){ze(t)}else{if(t instanceof Ee){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)){Se(e,t)}}remove(t){const{_finalizers:e}=this;e&&Se(e,t);if(t instanceof Ee){t._removeParent(this)}}}Ee.EMPTY=(()=>{const t=new Ee;t.closed=true;return t})();const Ae=Ee.EMPTY;function Te(t){return t instanceof Ee||t&&"closed"in t&&ye(t.remove)&&ye(t.add)&&ye(t.unsubscribe)}function ze(t){if(ye(t)){t()}else{t.unsubscribe()}}const Oe={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ce={setTimeout(t,e,...n){const{delegate:i}=Ce;if(i===null||i===void 0?void 0:i.setTimeout){return i.setTimeout(t,e,...n)}return setTimeout(t,e,...n)},clearTimeout(t){const{delegate:e}=Ce;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function Re(t){Ce.setTimeout((()=>{const{onUnhandledError:e}=Oe;if(e){e(t)}else{throw t}}))}function Ie(){}const Fe=(()=>Pe("C",undefined,undefined))();function Be(t){return Pe("E",undefined,t)}function je(t){return Pe("N",t,undefined)}function Pe(t,e,n){return{kind:t,value:e,error:n}}function De(t){{t()}}class _e extends Ee{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Te(t)){t.add(this)}}else{this.destination=We}}static create(t,e,n){return new Ue(t,e,n)}next(t){if(this.isStopped){Ye(je(t),this)}else{this._next(t)}}error(t){if(this.isStopped){Ye(Be(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){Ye(Fe,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 $e=Function.prototype.bind;function Le(t,e){return $e.call(t,e)}class Ne{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){Me(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){Me(t)}}else{Me(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){Me(t)}}}}class Ue extends _e{constructor(t,e,n){super();let i;if(ye(t)||!t){i={next:t!==null&&t!==void 0?t:undefined,error:e!==null&&e!==void 0?e:undefined,complete:n!==null&&n!==void 0?n:undefined}}else{let e;if(this&&Oe.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();i={next:t.next&&Le(t.next,e),error:t.error&&Le(t.error,e),complete:t.complete&&Le(t.complete,e)}}else{i=t}}this.destination=new Ne(i)}}function Me(t){{Re(t)}}function qe(t){throw t}function Ye(t,e){const{onStoppedNotification:n}=Oe;n&&Ce.setTimeout((()=>n(t,e)))}const We={closed:true,next:Ie,error:qe,complete:Ie};const Ge=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function He(t){return t}function Ve(t){if(t.length===0){return He}if(t.length===1){return t[0]}return function e(n){return t.reduce(((t,e)=>e(t)),n)}}class Xe{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new Xe;e.source=this;e.operator=t;return e}subscribe(t,e,n){const i=Qe(t)?t:new Ue(t,e,n);De((()=>{const{operator:t,source:e}=this;i.add(t?t.call(i,e):e?this._subscribe(i):this._trySubscribe(i))}));return i}_trySubscribe(t){try{return this._subscribe(t)}catch(e){t.error(e)}}forEach(t,e){e=Je(e);return new e(((e,n)=>{const i=new Ue({next:e=>{try{t(e)}catch(t){n(t);i.unsubscribe()}},error:n,complete:e});this.subscribe(i)}))}_subscribe(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)}[Ge](){return this}pipe(...t){return Ve(t)(this)}toPromise(t){t=Je(t);return new t(((t,e)=>{let n;this.subscribe((t=>n=t),(t=>e(t)),(()=>t(n)))}))}}Xe.create=t=>new Xe(t);function Je(t){var e;return(e=t!==null&&t!==void 0?t:Oe.Promise)!==null&&e!==void 0?e:Promise}function Ke(t){return t&&ye(t.next)&&ye(t.error)&&ye(t.complete)}function Qe(t){return t&&t instanceof _e||Ke(t)&&Te(t)}function Ze(t){return ye(t===null||t===void 0?void 0:t.lift)}function tn(t){return e=>{if(Ze(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 en(t,e,n,i,r){return new nn(t,e,n,i,r)}class nn extends _e{constructor(t,e,n,i,r,o){super(t);this.onFinalize=r;this.shouldUnsubscribe=o;this._next=e?function(n){try{e(n)}catch(e){t.error(e)}}:super._next;this._error=i?function(e){try{i(e)}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._error;this._complete=n?function(){try{n()}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 rn=xe((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class on extends Xe{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new sn(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new rn}}next(t){De((()=>{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){De((()=>{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(){De((()=>{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:n,observers:i}=this;if(e||n){return Ae}this.currentObservers=null;i.push(t);return new Ee((()=>{this.currentObservers=null;Se(i,t)}))}_checkFinalizedStatuses(t){const{hasError:e,thrownError:n,isStopped:i}=this;if(e){t.error(n)}else if(i){t.complete()}}asObservable(){const t=new Xe;t.source=this;return t}}on.create=(t,e)=>new sn(t,e);class sn extends on{constructor(t,e){super();this.destination=t;this.source=e}next(t){var e,n;(n=(e=this.destination)===null||e===void 0?void 0:e.next)===null||n===void 0?void 0:n.call(e,t)}error(t){var e,n;(n=(e=this.destination)===null||e===void 0?void 0:e.error)===null||n===void 0?void 0:n.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,n;return(n=(e=this.source)===null||e===void 0?void 0:e.subscribe(t))!==null&&n!==void 0?n:Ae}}const an=new Xe((t=>t.complete()));function cn(t){return t&&ye(t.schedule)}function ln(t){return t[t.length-1]}function un(t){return cn(ln(t))?t.pop():undefined}function fn(t,e){return typeof ln(t)==="number"?t.pop():e}function hn(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{c(i.next(t))}catch(t){o(t)}}function a(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):r(t.value).then(s,a)}c((i=i.apply(t,e||[])).next())}))}function dn(t){var e=typeof Symbol==="function"&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&i>=t.length)t=void 0;return{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function bn(t){return this instanceof bn?(this.v=t,this):new bn(t)}function vn(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i=n.apply(t,e||[]),r,o=[];return r={},s("next"),s("throw"),s("return"),r[Symbol.asyncIterator]=function(){return this},r;function s(t){if(i[t])r[t]=function(e){return new Promise((function(n,i){o.push([t,e,n,i])>1||a(t,e)}))}}function a(t,e){try{c(i[t](e))}catch(t){f(o[0][3],t)}}function c(t){t.value instanceof bn?Promise.resolve(t.value.v).then(l,u):f(o[0][2],t)}function l(t){a("next",t)}function u(t){a("throw",t)}function f(t,e){if(t(e),o.shift(),o.length)a(o[0][0],o[0][1])}}function mn(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e=t[Symbol.asyncIterator],n;return e?e.call(t):(t=typeof dn==="function"?dn(t):t[Symbol.iterator](),n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n);function i(e){n[e]=t[e]&&function(n){return new Promise((function(i,o){n=t[e](n),r(i,o,n.done,n.value)}))}}function r(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)}}const pn=t=>t&&typeof t.length==="number"&&typeof t!=="function";function gn(t){return ye(t===null||t===void 0?void 0:t.then)}function wn(t){return ye(t[Ge])}function yn(t){return Symbol.asyncIterator&&ye(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function xn(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 kn(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const Sn=kn();function En(t){return ye(t===null||t===void 0?void 0:t[Sn])}function An(t){return vn(this,arguments,(function*e(){const n=t.getReader();try{while(true){const{value:t,done:e}=yield bn(n.read());if(e){return yield bn(void 0)}yield yield bn(t)}}finally{n.releaseLock()}}))}function Tn(t){return ye(t===null||t===void 0?void 0:t.getReader)}function zn(t){if(t instanceof Xe){return t}if(t!=null){if(wn(t)){return On(t)}if(pn(t)){return Cn(t)}if(gn(t)){return Rn(t)}if(yn(t)){return Fn(t)}if(En(t)){return In(t)}if(Tn(t)){return Bn(t)}}throw xn(t)}function On(t){return new Xe((e=>{const n=t[Ge]();if(ye(n.subscribe)){return n.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Cn(t){return new Xe((e=>{for(let n=0;n<t.length&&!e.closed;n++){e.next(t[n])}e.complete()}))}function Rn(t){return new Xe((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,Re)}))}function In(t){return new Xe((e=>{for(const n of t){e.next(n);if(e.closed){return}}e.complete()}))}function Fn(t){return new Xe((e=>{jn(t,e).catch((t=>e.error(t)))}))}function Bn(t){return Fn(An(t))}function jn(t,e){var n,i;var r,o;return hn(this,void 0,void 0,(function*(){try{for(n=mn(t);i=yield n.next(),!i.done;){const t=i.value;e.next(t);if(e.closed){return}}}catch(t){r={error:t}}finally{try{if(i&&!i.done&&(o=n.return))yield o.call(n)}finally{if(r)throw r.error}}e.complete()}))}function Pn(t,e,n,i=0,r=false){const o=e.schedule((function(){n();if(r){t.add(this.schedule(null,i))}else{this.unsubscribe()}}),i);t.add(o);if(!r){return o}}function Dn(t,e=0){return tn(((n,i)=>{n.subscribe(en(i,(n=>Pn(i,t,(()=>i.next(n)),e)),(()=>Pn(i,t,(()=>i.complete()),e)),(n=>Pn(i,t,(()=>i.error(n)),e))))}))}function _n(t,e=0){return tn(((n,i)=>{i.add(t.schedule((()=>n.subscribe(i)),e))}))}function $n(t,e){return zn(t).pipe(_n(e),Dn(e))}function Ln(t,e){return zn(t).pipe(_n(e),Dn(e))}function Nn(t,e){return new Xe((n=>{let i=0;return e.schedule((function(){if(i===t.length){n.complete()}else{n.next(t[i++]);if(!n.closed){this.schedule()}}}))}))}function Un(t,e){return new Xe((n=>{let i;Pn(n,e,(()=>{i=t[Sn]();Pn(n,e,(()=>{let t;let e;try{({value:t,done:e}=i.next())}catch(t){n.error(t);return}if(e){n.complete()}else{n.next(t)}}),0,true)}));return()=>ye(i===null||i===void 0?void 0:i.return)&&i.return()}))}function Mn(t,e){if(!t){throw new Error("Iterable cannot be null")}return new Xe((n=>{Pn(n,e,(()=>{const i=t[Symbol.asyncIterator]();Pn(n,e,(()=>{i.next().then((t=>{if(t.done){n.complete()}else{n.next(t.value)}}))}),0,true)}))}))}function qn(t,e){return Mn(An(t),e)}function Yn(t,e){if(t!=null){if(wn(t)){return $n(t,e)}if(pn(t)){return Nn(t,e)}if(gn(t)){return Ln(t,e)}if(yn(t)){return Mn(t,e)}if(En(t)){return Un(t,e)}if(Tn(t)){return qn(t,e)}}throw xn(t)}function Wn(t,e){return e?Yn(t,e):zn(t)}function Gn(t,e){return tn(((n,i)=>{let r=0;n.subscribe(en(i,(n=>{i.next(t.call(e,n,r++))})))}))}const{isArray:Hn}=Array;function Vn(t,e){return Hn(e)?t(...e):t(e)}function Xn(t){return Gn((e=>Vn(t,e)))}function Jn(t,e,n,i,r,o,s,a){const c=[];let l=0;let u=0;let f=false;const h=()=>{if(f&&!c.length&&!l){e.complete()}};const d=t=>l<i?b(t):c.push(t);const b=t=>{o&&e.next(t);l++;let a=false;zn(n(t,u++)).subscribe(en(e,(t=>{r===null||r===void 0?void 0:r(t);if(o){d(t)}else{e.next(t)}}),(()=>{a=true}),undefined,(()=>{if(a){try{l--;while(c.length&&l<i){const t=c.shift();if(s){Pn(e,s,(()=>b(t)))}else{b(t)}}h()}catch(t){e.error(t)}}})))};t.subscribe(en(e,d,(()=>{f=true;h()})));return()=>{a===null||a===void 0?void 0:a()}}function Kn(t,e,n=Infinity){if(ye(e)){return Kn(((n,i)=>Gn(((t,r)=>e(n,t,i,r)))(zn(t(n,i)))),n)}else if(typeof e==="number"){n=e}return tn(((e,i)=>Jn(e,i,t,n)))}function Qn(t=Infinity){return Kn(He,t)}const Zn=["addListener","removeListener"];const ti=["addEventListener","removeEventListener"];const ei=["on","off"];function ni(t,e,n,i){if(ye(n)){i=n;n=undefined}if(i){return ni(t,e,n).pipe(Xn(i))}const[r,o]=si(t)?ti.map((i=>r=>t[i](e,r,n))):ri(t)?Zn.map(ii(t,e)):oi(t)?ei.map(ii(t,e)):[];if(!r){if(pn(t)){return Kn((t=>ni(t,e,n)))(zn(t))}}if(!r){throw new TypeError("Invalid event target")}return new Xe((t=>{const e=(...e)=>t.next(1<e.length?e:e[0]);r(e);return()=>o(e)}))}function ii(t,e){return n=>i=>t[n](e,i)}function ri(t){return ye(t.addListener)&&ye(t.removeListener)}function oi(t){return ye(t.on)&&ye(t.off)}function si(t){return ye(t.addEventListener)&&ye(t.removeEventListener)}function ai(...t){const e=un(t);const n=fn(t,Infinity);const i=t;return!i.length?an:i.length===1?zn(i[0]):Qn(n)(Wn(i,e))}function ci(t,e){return tn(((n,i)=>{let r=0;n.subscribe(en(i,(n=>t.call(e,n,r++)&&i.next(n))))}))}function li(t,e=He){t=t!==null&&t!==void 0?t:ui;return tn(((n,i)=>{let r;let o=true;n.subscribe(en(i,(n=>{const s=e(n);if(o||!t(r,s)){o=false;r=s;i.next(n)}})))}))}function ui(t,e){return t===e}function fi(t){return tn(((e,n)=>{zn(t).subscribe(en(n,(()=>n.complete()),Ie));!n.closed&&e.subscribe(n)}))}const hi=":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 di=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 on;this.destroyed=new on;this.shadowX=true;this.shadowY=true;this.overflowX=true;this.overflowY=true;this.overscroll=true;this.scrolledInit=true;this.scrolledBuffer=0}componentDidRender(){if(this.scrollElement){this.scrolled=ni(this.scrollElement,"scroll").pipe(fi(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);ai(this.init,this.scrolled).pipe(Gn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),li(),fi(this.destroyed)).subscribe((({top:t,left:e,right:n,bottom:i})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",n);this.toggleClass("cat-scrollable-bottom",i)}))}componentDidLoad(){if(this.scrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete()}render(){return[e("div",{class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},this.shadowY&&e("div",{class:"shadow-top"}),this.shadowX&&e("div",{class:"shadow-left"}),this.shadowX&&e("div",{class:"shadow-right"}),this.shadowY&&e("div",{class:"shadow-bottom"})),e("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":this.overflowX,"scroll-y":this.overflowY,"no-overscroll":!this.overscroll}},e("slot",null))]}attachEmitter(t,e,n){ai(this.init,this.scrolled).pipe(Gn((()=>this.getScrollOffset(t)))).pipe(Gn((t=>t<=n))).pipe(li()).pipe(ci((t=>t))).pipe(fi(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 n,i;if(e){(n=this.scrollWrapperElement)===null||n===void 0?void 0:n.classList.add(t)}else{(i=this.scrollWrapperElement)===null||i===void 0?void 0:i.classList.remove(t)}}get el(){return r(this)}};di.style=hi;const bi=':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}.cat-skeleton{display:block;border-radius:0.25rem;background:var(--background)}.cat-skeleton-circle{border-radius:10rem}.cat-skeleton-xs.cat-skeleton-rectangle{width:var(--width, 100%);height:var(--height, 1.5rem)}.cat-skeleton-xs.cat-skeleton-square,.cat-skeleton-xs.cat-skeleton-circle{width:var(--width, 1.5rem);height:var(--height, 1.5rem)}.cat-skeleton-xs.cat-skeleton-head,.cat-skeleton-xs.cat-skeleton-body{width:var(--width, var(--line-width, 100%))}.cat-skeleton-xs.cat-skeleton-head{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.cat-skeleton-xs.cat-skeleton-body{height:calc(0.75rem - 4px);margin:calc((1rem - 0.75rem + 4px) * 0.5) 0}.cat-skeleton-s.cat-skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2rem)}.cat-skeleton-s.cat-skeleton-square,.cat-skeleton-s.cat-skeleton-circle{width:var(--width, 2rem);height:var(--height, 2rem)}.cat-skeleton-s.cat-skeleton-head,.cat-skeleton-s.cat-skeleton-body{width:var(--width, var(--line-width, 100%))}.cat-skeleton-s.cat-skeleton-head{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.cat-skeleton-s.cat-skeleton-body{height:calc(0.875rem - 4px);margin:calc((1rem - 0.875rem + 4px) * 0.5) 0}.cat-skeleton-m.cat-skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2.5rem)}.cat-skeleton-m.cat-skeleton-square,.cat-skeleton-m.cat-skeleton-circle{width:var(--width, 2.5rem);height:var(--height, 2.5rem)}.cat-skeleton-m.cat-skeleton-head,.cat-skeleton-m.cat-skeleton-body{width:var(--width, var(--line-width, 100%))}.cat-skeleton-m.cat-skeleton-head{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.cat-skeleton-m.cat-skeleton-body{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.cat-skeleton-l.cat-skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3rem)}.cat-skeleton-l.cat-skeleton-square,.cat-skeleton-l.cat-skeleton-circle{width:var(--width, 3rem);height:var(--height, 3rem)}.cat-skeleton-l.cat-skeleton-head,.cat-skeleton-l.cat-skeleton-body{width:var(--width, var(--line-width, 100%))}.cat-skeleton-l.cat-skeleton-head{height:calc(1.5rem - 4px);margin:calc((1.75rem - 1.5rem + 4px) * 0.5) 0}.cat-skeleton-l.cat-skeleton-body{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.cat-skeleton-xl.cat-skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3.5rem)}.cat-skeleton-xl.cat-skeleton-square,.cat-skeleton-xl.cat-skeleton-circle{width:var(--width, 3.5rem);height:var(--height, 3.5rem)}.cat-skeleton-xl.cat-skeleton-head,.cat-skeleton-xl.cat-skeleton-body{width:var(--width, var(--line-width, 100%))}.cat-skeleton-xl.cat-skeleton-head{height:calc(1.75rem - 4px);margin:calc((2rem - 1.75rem + 4px) * 0.5) 0}.cat-skeleton-xl.cat-skeleton-body{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.cat-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}.cat-skeleton-pulse{position:relative;overflow:hidden}.cat-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 vi=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:{"cat-skeleton":true,[`cat-skeleton-${this.effect}`]:Boolean(this.effect),[`cat-skeleton-${this.variant}`]:Boolean(this.variant),[`cat-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)}};vi.style=bi;const mi=":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:cat-spinner 0.75s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;width:1em;height:1em}.cat-spinner-xs svg{font-size:0.75rem}.cat-spinner-s svg{font-size:1rem}.cat-spinner-m svg{font-size:1.25rem}.cat-spinner-l svg{font-size:1.5rem}.cat-spinner-xl svg{font-size:1.75rem}@keyframes cat-spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const pi=class{constructor(e){t(this,e);this.size="m"}render(){return e("span",{"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",class:{[`cat-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"})))}};pi.style=mi;export{a as cat_alert,l as cat_badge,E as cat_button,T as cat_icon,we as cat_menu,di as cat_scrollable,vi as cat_skeleton,pi as cat_spinner};
-//# sourceMappingURL=p-31b500c7.entry.js.map