@haiilo/catalyst 0.2.1 → 0.2.2

package/dist/catalyst/index.esm.js

@@ -0,0 +1 @@
+

package/dist/catalyst/shadow-css-4d56fa31.js

@@ -0,0 +1,388 @@
+/*
+ Stencil Client Platform v2.15.0 | MIT Licensed | https://stenciljs.com
+ */
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from webcomponents.js to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+const safeSelector = (selector) => {
+    const placeholders = [];
+    let index = 0;
+    let content;
+    // Replaces attribute selectors with placeholders.
+    // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
+    selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+        const replaceBy = `__ph-${index}__`;
+        placeholders.push(keep);
+        index++;
+        return replaceBy;
+    });
+    // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
+    // WS and "+" would otherwise be interpreted as selector separators.
+    content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+        const replaceBy = `__ph-${index}__`;
+        placeholders.push(exp);
+        index++;
+        return pseudo + replaceBy;
+    });
+    const ss = {
+        content,
+        placeholders,
+    };
+    return ss;
+};
+const restoreSafeSelector = (placeholders, content) => {
+    return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
+};
+const _polyfillHost = '-shadowcsshost';
+const _polyfillSlotted = '-shadowcssslotted';
+// note: :host-context pre-processed to -shadowcsshostcontext.
+const _polyfillHostContext = '-shadowcsscontext';
+const _parenSuffix = ')(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))?([^,{]*)';
+const _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
+const _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
+const _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
+const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
+const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+const _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
+const _selectorReSuffix = '([>\\s~+[.,{:][\\s\\S]*)?$';
+const _polyfillHostRe = /-shadowcsshost/gim;
+const _colonHostRe = /:host/gim;
+const _colonSlottedRe = /::slotted/gim;
+const _colonHostContextRe = /:host-context/gim;
+const _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+const stripComments = (input) => {
+    return input.replace(_commentRe, '');
+};
+const _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+const extractCommentsWithHash = (input) => {
+    return input.match(_commentWithHashRe) || [];
+};
+const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+const _curlyRe = /([{}])/g;
+const _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
+const OPEN_CURLY = '{';
+const CLOSE_CURLY = '}';
+const BLOCK_PLACEHOLDER = '%BLOCK%';
+const processRules = (input, ruleCallback) => {
+    const inputWithEscapedBlocks = escapeBlocks(input);
+    let nextBlockIndex = 0;
+    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+        const selector = m[2];
+        let content = '';
+        let suffix = m[4];
+        let contentPrefix = '';
+        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
+            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+            contentPrefix = '{';
+        }
+        const cssRule = {
+            selector,
+            content,
+        };
+        const rule = ruleCallback(cssRule);
+        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+    });
+};
+const escapeBlocks = (input) => {
+    const inputParts = input.split(_curlyRe);
+    const resultParts = [];
+    const escapedBlocks = [];
+    let bracketCount = 0;
+    let currentBlockParts = [];
+    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+        const part = inputParts[partIndex];
+        if (part === CLOSE_CURLY) {
+            bracketCount--;
+        }
+        if (bracketCount > 0) {
+            currentBlockParts.push(part);
+        }
+        else {
+            if (currentBlockParts.length > 0) {
+                escapedBlocks.push(currentBlockParts.join(''));
+                resultParts.push(BLOCK_PLACEHOLDER);
+                currentBlockParts = [];
+            }
+            resultParts.push(part);
+        }
+        if (part === OPEN_CURLY) {
+            bracketCount++;
+        }
+    }
+    if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(''));
+        resultParts.push(BLOCK_PLACEHOLDER);
+    }
+    const strEscapedBlocks = {
+        escapedString: resultParts.join(''),
+        blocks: escapedBlocks,
+    };
+    return strEscapedBlocks;
+};
+const insertPolyfillHostInCssText = (selector) => {
+    selector = selector
+        .replace(_colonHostContextRe, _polyfillHostContext)
+        .replace(_colonHostRe, _polyfillHost)
+        .replace(_colonSlottedRe, _polyfillSlotted);
+    return selector;
+};
+const convertColonRule = (cssText, regExp, partReplacer) => {
+    // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
+    return cssText.replace(regExp, (...m) => {
+        if (m[2]) {
+            const parts = m[2].split(',');
+            const r = [];
+            for (let i = 0; i < parts.length; i++) {
+                const p = parts[i].trim();
+                if (!p)
+                    break;
+                r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+            }
+            return r.join(',');
+        }
+        else {
+            return _polyfillHostNoCombinator + m[3];
+        }
+    });
+};
+const colonHostPartReplacer = (host, part, suffix) => {
+    return host + part.replace(_polyfillHost, '') + suffix;
+};
+const convertColonHost = (cssText) => {
+    return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
+};
+const colonHostContextPartReplacer = (host, part, suffix) => {
+    if (part.indexOf(_polyfillHost) > -1) {
+        return colonHostPartReplacer(host, part, suffix);
+    }
+    else {
+        return host + part + suffix + ', ' + part + ' ' + host + suffix;
+    }
+};
+const convertColonSlotted = (cssText, slotScopeId) => {
+    const slotClass = '.' + slotScopeId + ' > ';
+    const selectors = [];
+    cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
+        if (m[2]) {
+            const compound = m[2].trim();
+            const suffix = m[3];
+            const slottedSelector = slotClass + compound + suffix;
+            let prefixSelector = '';
+            for (let i = m[4] - 1; i >= 0; i--) {
+                const char = m[5][i];
+                if (char === '}' || char === ',') {
+                    break;
+                }
+                prefixSelector = char + prefixSelector;
+            }
+            const orgSelector = prefixSelector + slottedSelector;
+            const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;
+            if (orgSelector.trim() !== addedSelector.trim()) {
+                const updatedSelector = `${addedSelector}, ${orgSelector}`;
+                selectors.push({
+                    orgSelector,
+                    updatedSelector,
+                });
+            }
+            return slottedSelector;
+        }
+        else {
+            return _polyfillHostNoCombinator + m[3];
+        }
+    });
+    return {
+        selectors,
+        cssText,
+    };
+};
+const convertColonHostContext = (cssText) => {
+    return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
+};
+const convertShadowDOMSelectors = (cssText) => {
+    return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);
+};
+const makeScopeMatcher = (scopeSelector) => {
+    const lre = /\[/g;
+    const rre = /\]/g;
+    scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
+    return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
+};
+const selectorNeedsScoping = (selector, scopeSelector) => {
+    const re = makeScopeMatcher(scopeSelector);
+    return !re.test(selector);
+};
+const injectScopingSelector = (selector, scopingSelector) => {
+    return selector.replace(_selectorPartsRe, (_, before = '', _colonGroup, colon = '', after = '') => {
+        return before + scopingSelector + colon + after;
+    });
+};
+const applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {
+    // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
+    _polyfillHostRe.lastIndex = 0;
+    if (_polyfillHostRe.test(selector)) {
+        const replaceBy = `.${hostSelector}`;
+        return selector
+            .replace(_polyfillHostNoCombinatorRe, (_, selector) => injectScopingSelector(selector, replaceBy))
+            .replace(_polyfillHostRe, replaceBy + ' ');
+    }
+    return scopeSelector + ' ' + selector;
+};
+const applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {
+    const isRe = /\[is=([^\]]*)\]/g;
+    scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
+    const className = '.' + scopeSelector;
+    const _scopeSelectorPart = (p) => {
+        let scopedP = p.trim();
+        if (!scopedP) {
+            return '';
+        }
+        if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+            scopedP = applySimpleSelectorScope(p, scopeSelector, hostSelector);
+        }
+        else {
+            // remove :host since it should be unnecessary
+            const t = p.replace(_polyfillHostRe, '');
+            if (t.length > 0) {
+                scopedP = injectScopingSelector(t, className);
+            }
+        }
+        return scopedP;
+    };
+    const safeContent = safeSelector(selector);
+    selector = safeContent.content;
+    let scopedSelector = '';
+    let startIndex = 0;
+    let res;
+    const sep = /( |>|\+|~(?!=))\s*/g;
+    // If a selector appears before :host it should not be shimmed as it
+    // matches on ancestor elements and not on elements in the host's shadow
+    // `:host-context(div)` is transformed to
+    // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
+    // the `div` is not part of the component in the 2nd selectors and should not be scoped.
+    // Historically `component-tag:host` was matching the component so we also want to preserve
+    // this behavior to avoid breaking legacy apps (it should not match).
+    // The behavior should be:
+    // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
+    // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
+    //   `:host-context(tag)`)
+    const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+    // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
+    let shouldScope = !hasHost;
+    while ((res = sep.exec(selector)) !== null) {
+        const separator = res[1];
+        const part = selector.slice(startIndex, res.index).trim();
+        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+        const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
+        scopedSelector += `${scopedPart} ${separator} `;
+        startIndex = sep.lastIndex;
+    }
+    const part = selector.substring(startIndex);
+    shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+    // replace the placeholders with their original values
+    return restoreSafeSelector(safeContent.placeholders, scopedSelector);
+};
+const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
+    return selector
+        .split(',')
+        .map((shallowPart) => {
+        if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
+            return shallowPart.trim();
+        }
+        if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
+            return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
+        }
+        else {
+            return shallowPart.trim();
+        }
+    })
+        .join(', ');
+};
+const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
+    return processRules(cssText, (rule) => {
+        let selector = rule.selector;
+        let content = rule.content;
+        if (rule.selector[0] !== '@') {
+            selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
+        }
+        else if (rule.selector.startsWith('@media') ||
+            rule.selector.startsWith('@supports') ||
+            rule.selector.startsWith('@page') ||
+            rule.selector.startsWith('@document')) {
+            content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
+        }
+        const cssRule = {
+            selector: selector.replace(/\s{2,}/g, ' ').trim(),
+            content,
+        };
+        return cssRule;
+    });
+};
+const scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {
+    cssText = insertPolyfillHostInCssText(cssText);
+    cssText = convertColonHost(cssText);
+    cssText = convertColonHostContext(cssText);
+    const slotted = convertColonSlotted(cssText, slotScopeId);
+    cssText = slotted.cssText;
+    cssText = convertShadowDOMSelectors(cssText);
+    if (scopeId) {
+        cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
+    }
+    cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+    cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
+    return {
+        cssText: cssText.trim(),
+        slottedSelectors: slotted.selectors,
+    };
+};
+const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
+    const hostScopeId = scopeId + '-h';
+    const slotScopeId = scopeId + '-s';
+    const commentsWithHash = extractCommentsWithHash(cssText);
+    cssText = stripComments(cssText);
+    const orgSelectors = [];
+    if (commentOriginalSelector) {
+        const processCommentedSelector = (rule) => {
+            const placeholder = `/*!@___${orgSelectors.length}___*/`;
+            const comment = `/*!@${rule.selector}*/`;
+            orgSelectors.push({ placeholder, comment });
+            rule.selector = placeholder + rule.selector;
+            return rule;
+        };
+        cssText = processRules(cssText, (rule) => {
+            if (rule.selector[0] !== '@') {
+                return processCommentedSelector(rule);
+            }
+            else if (rule.selector.startsWith('@media') ||
+                rule.selector.startsWith('@supports') ||
+                rule.selector.startsWith('@page') ||
+                rule.selector.startsWith('@document')) {
+                rule.content = processRules(rule.content, processCommentedSelector);
+                return rule;
+            }
+            return rule;
+        });
+    }
+    const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
+    cssText = [scoped.cssText, ...commentsWithHash].join('\n');
+    if (commentOriginalSelector) {
+        orgSelectors.forEach(({ placeholder, comment }) => {
+            cssText = cssText.replace(placeholder, comment);
+        });
+    }
+    scoped.slottedSelectors.forEach((slottedSelector) => {
+        cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);
+    });
+    return cssText;
+};
+
+export { scopeCss };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {

package/dist/catalyst/p-22fac0fb.js

@@ -1 +0,0 @@
-let e,t,n=!1,l=!1;const s="undefined"!=typeof window?window:{},o=s.document||{head:{}},i={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},c=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),a=(e,t,n)=>{n&&n.map((([n,l,s])=>{const o=e,c=u(t,s),r=f(n);i.ael(o,l,c,r),(t.o=t.o||[]).push((()=>i.rel(o,l,c,r)))}))},u=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){J(e)}},f=e=>0!=(2&e),d=new WeakMap,h=e=>"sc-"+e.h,m={},w=e=>"object"==(e=typeof e)||"function"===e,b=(e,t,...n)=>{let l=null,s=!1,o=!1,i=[];const c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!w(l))&&(l+=""),s&&o?i[i.length-1].m+=l:i.push(s?p(null,l):l),o=s)};if(c(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const r=p(e,null);return r.p=t,i.length>0&&(r.$=i),r},p=(e,t)=>({t:0,g:e,m:t,v:null,$:null,p:null}),y={},$=(e,t,n,l,o,c)=>{if(n!==l){let r=G(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,s=v(n),o=v(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const s=w(l);if((r||s&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let s=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&c||o)&&!s&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):G(s,a)?a.slice(2):a[2]+t.slice(3),n&&i.rel(e,t,n,!1),l&&i.ael(e,t,l,!1)}},g=/\s/,v=e=>e?e.split(g):[],j=(e,t,n,l)=>{const s=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.p||m,i=t.p||m;for(l in o)l in i||$(s,l,o[l],void 0,n,t.t);for(l in i)$(s,l,o[l],i[l],n,t.t)},S=(t,l,s)=>{let i,c,r=l.$[s],a=0;if(null!==r.m)i=r.v=o.createTextNode(r.m);else{if(n||(n="svg"===r.g),i=r.v=o.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.g),n&&"foreignObject"===r.g&&(n=!1),j(null,r,n),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),r.$)for(a=0;a<r.$.length;++a)c=S(t,r,a),c&&i.appendChild(c);"svg"===r.g?n=!1:"foreignObject"===i.tagName&&(n=!0)}return i},O=(e,n,l,s,o,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);o<=i;++o)s[o]&&(c=S(null,l,o),c&&(s[o].v=c,r.insertBefore(c,n)))},C=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.v,k(l),s.remove())},M=(e,t)=>e.g===t.g,N=(e,t)=>{const l=t.v=e.v,s=e.$,o=t.$,i=t.g,c=t.m;null===c?(n="svg"===i||"foreignObject"!==i&&n,"slot"===i||j(e,t,n),null!==s&&null!==o?((e,t,n,l)=>{let s,o=0,i=0,c=t.length-1,r=t[0],a=t[c],u=l.length-1,f=l[0],d=l[u];for(;o<=c&&i<=u;)null==r?r=t[++o]:null==a?a=t[--c]:null==f?f=l[++i]:null==d?d=l[--u]:M(r,f)?(N(r,f),r=t[++o],f=l[++i]):M(a,d)?(N(a,d),a=t[--c],d=l[--u]):M(r,d)?(N(r,d),e.insertBefore(r.v,a.v.nextSibling),r=t[++o],d=l[--u]):M(a,f)?(N(a,f),e.insertBefore(a.v,r.v),a=t[--c],f=l[++i]):(s=S(t&&t[i],n,i),f=l[++i],s&&r.v.parentNode.insertBefore(s,r.v));o>c?O(e,null==l[u+1]?null:l[u+1].v,n,l,i,u):i>u&&C(t,o,c)})(l,s,t,o):null!==o?(null!==e.m&&(l.textContent=""),O(l,null,t,o,0,o.length-1)):null!==s&&C(s,0,s.length-1),n&&"svg"===i&&(n=!1)):e.m!==c&&(l.data=c)},k=e=>{e.p&&e.p.ref&&e.p.ref(null),e.$&&e.$.map(k)},I=(e,t,n)=>{const l=(e=>_(e).j)(e);return{emit:e=>E(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},E=(e,t,n)=>{const l=i.ce(t,n);return e.dispatchEvent(l),l},P=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},x=(e,t)=>{if(e.t|=16,!(4&e.t))return P(e,e.O),se((()=>L(e,t)));e.t|=512},L=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>F(n,e,t))),e.u=null),l=F(n,"componentWillLoad")),l=H(l,(()=>F(n,"componentWillRender"))),H(l,(()=>W(e,n,t)))},W=async(e,t,n)=>{const l=e.j,s=l["s-rc"];n&&(e=>{const t=e.C,n=e.j,l=t.t,s=((e,t)=>{let n=h(t),l=X.get(n);if(e=11===e.nodeType?e:o,l)if("string"==typeof l){let t,s=d.get(e=e.head||e);s||d.set(e,s=new Set),s.has(n)||(t=o.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);R(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>T(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},R=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.M||p(null,null),i=(e=>e&&e.g===y)(l)?l:b(null,null,l);t=s.tagName,i.g=null,i.t|=4,n.M=i,i.v=o.v=s.shadowRoot||s,e=s["s-sc"],N(o,i)})(n,l)}catch(e){J(e,n.j)}return null},T=e=>{const t=e.j,n=e.i,l=e.O;64&e.t||(e.t|=64,U(t),F(n,"componentDidLoad"),e.N(t),l||A()),e.k(t),e.S&&(e.S(),e.S=void 0),512&e.t&&le((()=>x(e,!1))),e.t&=-517},A=()=>{U(o.documentElement),le((()=>E(s,"appload",{detail:{namespace:"catalyst"}})))},F=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){J(e)}},H=(e,t)=>e&&e.then?e.then(t):t(),U=e=>e.classList.add("hydrated"),q=(e,t,n)=>{if(t.I){e.watchers&&(t.P=e.watchers);const l=Object.entries(t.I),s=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>_(this).L.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=_(e),o=s.j,i=s.L.get(t),c=s.t,r=s.i;if(n=((e,t)=>null==e||w(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.I[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.L.set(t,n),r)){if(l.P&&128&c){const e=l.P[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){J(e,o)}}))}2==(18&c)&&x(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=_(this);return n.W.then((()=>n.i[e](...t)))}})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){i.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},D=(e,t={})=>{const n=[],l=t.exclude||[],c=s.customElements,u=o.head,f=u.querySelector("meta[charset]"),d=o.createElement("style"),m=[];let w,b=!0;Object.assign(i,t),i.l=new URL(t.resourcesUrl||"./",o.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],h:t[1],I:t[2],R:t[3]};s.I=t[2],s.R=t[3],s.P={};const o=s.h,u=class extends HTMLElement{constructor(e){super(e),B(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){w&&(clearTimeout(w),w=null),b?m.push(this):i.jmp((()=>(e=>{if(0==(1&i.t)){const t=_(e),n=t.C,l=()=>{};if(1&t.t)a(e,t,n.R);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){P(t,t.O=n);break}}n.I&&Object.entries(n.I).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=Q(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.P=s.watchers,q(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){J(e)}t.t&=-9,t.t|=128,e()}if(s.style){let e=s.style;const t=h(n);if(!X.has(t)){const l=()=>{};((e,t,n)=>{let l=X.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,X.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.O,i=()=>x(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){i.jmp((()=>(()=>{if(0==(1&i.t)){const e=_(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),F(t,"disconnectedCallback")}})()))}componentOnReady(){return _(this).T}};s.A=e[0],l.includes(o)||c.get(o)||(n.push(o),c.define(o,q(u,s,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),u.insertBefore(d,f?f.nextSibling:u.firstChild),b=!1,m.length?m.map((e=>e.connectedCallback())):i.jmp((()=>w=setTimeout(A,30)))},V=new WeakMap,_=e=>V.get(e),z=(e,t)=>V.set(t.i=e,t),B=(e,t)=>{const n={t:0,j:e,C:t,L:new Map};return n.W=new Promise((e=>n.k=e)),n.T=new Promise((e=>n.N=e)),e["s-p"]=[],e["s-rc"]=[],a(e,n,t.R),V.set(e,n)},G=(e,t)=>t in e,J=(e,t)=>(0,console.error)(e,t),K=new Map,Q=e=>{const t=e.h.replace(/-/g,"_"),n=e.A,l=K.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(K.set(n,e),e[t])),J)},X=new Map,Y=[],Z=[],ee=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&i.t?le(ne):i.raf(ne))},te=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){J(e)}e.length=0},ne=()=>{te(Y),te(Z),(l=Y.length>0)&&i.raf(ne)},le=e=>c().then(e),se=ee(Z,!0);class oe{constructor(){this.icons=new Map}static getInstance(){return oe.instance||(oe.instance=new oe),oe.instance}getIcon(e,t){return this.icons.get(this.buildName(e,t))}addIcon(e,t,n){this.icons.set(this.buildName(e,n),t),window.dispatchEvent(this.buildEvent("cat-icon-added",{name:e,setName:n}))}addIcons(e,t){Object.entries(e).forEach((([e,n])=>this.icons.set(this.buildName(e,t),n))),window.dispatchEvent(this.buildEvent("cat-icons-added",{names:Object.keys(e),setName:t}))}removeIcon(e,t){this.icons.delete(this.buildName(e,t)),window.dispatchEvent(this.buildEvent("cat-icon-removed",{name:e,setName:t}))}removeIcons(e,t){e.forEach((e=>this.icons.delete(this.buildName(e,t)))),window.dispatchEvent(this.buildEvent("cat-icons-removed",{names:e,setName:t}))}buildName(e,t){return t?t+":name":e}buildEvent(e,t){return new CustomEvent(e,{bubbles:!0,composed:!0,detail:t})}}export{oe as C,y as H,D as b,I as c,b as h,c as p,z as r}

package/dist/catalyst/p-2dc28db3.entry.js

@@ -1,11 +0,0 @@
-import{r as t,h as e,c as n,C as i,H as o}from"./p-22fac0fb.js";const r=class{constructor(e){t(this,e),this.color="primary"}render(){return e("div",{part:"alert",class:{"cat-alert":!0,[`cat-alert-${this.color}`]:Boolean(this.color)}},e("slot",null))}};r.style=":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.variant="filled",this.color="primary",this.size="m",this.round=!1,this.pulse=!1}render(){return e("span",{part:"badge",class:{"cat-badge":!0,"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))}};a.style=":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 0px 0px 0px 0.5rem}100%{box-shadow:transparent 0px 0px 0px 0px}}@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 0px 0px 0px 0.5rem, inset 0 0 0 1px rgba(var(--border), 0.2)}100%{box-shadow:transparent 0px 0px 0px 0px, inset 0 0 0 1px rgba(var(--border), 0.2)}}";var s,c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(function(t){var e,n;e=c,n=function(){var t=function(){},e="undefined",n=typeof window!==e&&typeof window.navigator!==e&&/Trident\/|MSIE /.test(window.navigator.userAgent),i=["trace","debug","info","warn","error"];function o(t,e){var n=t[e];if("function"==typeof n.bind)return n.bind(t);try{return Function.prototype.bind.call(n,t)}catch(e){return function(){return Function.prototype.apply.apply(n,[t,arguments])}}}function r(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function a(i){return"debug"===i&&(i="log"),typeof console!==e&&("trace"===i&&n?r:void 0!==console[i]?o(console,i):void 0!==console.log?o(console,"log"):t)}function s(e,n){for(var o=0;o<i.length;o++){var r=i[o];this[r]=o<e?t:this.methodFactory(r,e,n)}this.log=this.debug}function c(t,n,i){return function(){typeof console!==e&&(s.call(this,n,i),this[t].apply(this,arguments))}}function l(t,e,n){return a(t)||c.apply(this,arguments)}function u(t,n,o){var r,a=this;n=null==n?"WARN":n;var c="loglevel";function u(){var t;if(typeof window!==e&&c){try{t=window.localStorage[c]}catch(t){}if(typeof t===e)try{var n=window.document.cookie,i=n.indexOf(encodeURIComponent(c)+"=");-1!==i&&(t=/^([^;]+)/.exec(n.slice(i))[1])}catch(t){}return void 0===a.levels[t]&&(t=void 0),t}}"string"==typeof t?c+=":"+t:"symbol"==typeof t&&(c=void 0),a.name=t,a.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},a.methodFactory=o||l,a.getLevel=function(){return r},a.setLevel=function(n,o){if("string"==typeof n&&void 0!==a.levels[n.toUpperCase()]&&(n=a.levels[n.toUpperCase()]),!("number"==typeof n&&n>=0&&n<=a.levels.SILENT))throw"log.setLevel() called with invalid level: "+n;if(r=n,!1!==o&&function(t){var n=(i[t]||"silent").toUpperCase();if(typeof window!==e&&c){try{return void(window.localStorage[c]=n)}catch(t){}try{window.document.cookie=encodeURIComponent(c)+"="+n+";"}catch(t){}}}(n),s.call(a,n,t),typeof console===e&&n<a.levels.SILENT)return"No console available for logging"},a.setDefaultLevel=function(t){n=t,u()||a.setLevel(t,!1)},a.resetLevel=function(){a.setLevel(n,!1),function(){if(typeof window!==e&&c){try{return void window.localStorage.removeItem(c)}catch(t){}try{window.document.cookie=encodeURIComponent(c)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(t){}}}()},a.enableAll=function(t){a.setLevel(a.levels.TRACE,t)},a.disableAll=function(t){a.setLevel(a.levels.SILENT,t)};var d=u();null==d&&(d=n),a.setLevel(d,!1)}var d=new u,h={};d.getLogger=function(t){if("symbol"!=typeof t&&"string"!=typeof t||""===t)throw new TypeError("You must supply a name when creating a logger.");var e=h[t];return e||(e=h[t]=new u(t,d.getLevel(),d.methodFactory)),e};var f=typeof window!==e?window.log:void 0;return d.noConflict=function(){return typeof window!==e&&window.log===d&&(window.log=f),d},d.getLoggers=function(){return h},d.default=d,d},t.exports?t.exports=n():e.log=n()}(s={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),s.exports);const u=["xs","s","m","l","xl"],d={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)"};let h;try{h="undefined"!=typeof Intl&&Intl.v8BreakIterator}catch(t){h=!1}class f{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent),this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent),this.BLINK=!(!window.chrome&&!h||"undefined"==typeof CSS||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 b=new Set;let m;class g{constructor(){this._platform=new f,this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){return(this._platform.WEBKIT||this._platform.BLINK)&&function(t){if(!b.has(t))try{m||(m=document.createElement("style"),m.setAttribute("type","text/css"),document.head.appendChild(m)),m.sheet&&(m.sheet.insertRule(`@media ${t} {body{ }}`,0),b.add(t))}catch(t){l.error(t)}}(t),this._matchMedia(t)}}const p=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=!0,this.variant="outlined",this.color="secondary",this.size="m",this.disabled=!1,this.loading=!1,this.submit=!1,this.ellipsed=!0,this.round=!1,this.iconOnly=!1,this.iconSuffix=!1}onIconOnlyChanged(t){var e,n;null===(e=this.mediaQueryList)||void 0===e||e.removeEventListener("change",this.mediaQueryListener),this.mediaQueryList=void 0,this.mediaQueryListener=void 0,function(t){return"string"==typeof t&&u.includes(t)}(t)?(null!==(n=this.mediaMatcher)&&void 0!==n||(this.mediaMatcher=new g),this.mediaQueryList=this.mediaMatcher.matchMedia(d[t]),this.mediaQueryListener=t=>this._iconOnly=t.matches,this.mediaQueryList.addEventListener("change",this.mediaQueryListener),this._iconOnly=this.mediaQueryList.matches):this._iconOnly=t}componentWillLoad(){this.onIconOnlyChanged(this.iconOnly)}componentWillRender(){this.isIconButton&&!this.a11yLabel&&l.warn("[A11y] Missing ARIA label on icon button",this)}haltDisabledEvents(t){(this.disabled||this.loading)&&(t.preventDefault(),t.stopImmediatePropagation())}async setFocus(t){this.button.focus(t)}render(){var t;return this.url?e("a",{ref:t=>this.button=t,href:this.disabled?void 0:this.url,target:this.urlTarget,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,id:this.buttonId,part:"button",class:{"cat-button":!0,"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):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":!0,"cat-button-icon":this.isIconButton,"cat-button-round":null!==(t=this.round)&&void 0!==t?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"]}}};p.style=":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{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-content{flex:1 1 auto;text-align:center}.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}";const v=class{constructor(e){t(this,e),this.iconRegistry=i.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}`]:"inline"!==this.size}})}};function w(t){return t.split("-")[0]}function x(t){return t.split("-")[1]}function y(t){return["top","bottom"].includes(w(t))?"x":"y"}function k(t){return"y"===t?"height":"width"}function A(t,e,n){let{reference:i,floating:o}=t;const r=i.x+i.width/2-o.width/2,a=i.y+i.height/2-o.height/2,s=y(e),c=k(s),l=i[c]/2-o[c]/2,u="x"===s;let d;switch(w(e)){case"top":d={x:r,y:i.y-o.height};break;case"bottom":d={x:r,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:a};break;case"left":d={x:i.x-o.width,y:a};break;default:d={x:i.x,y:i.y}}switch(x(e)){case"start":d[s]-=l*(n&&u?-1:1);break;case"end":d[s]+=l*(n&&u?-1:1)}return d}function z(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}v.style=":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={left:"right",right:"left",bottom:"top",top:"bottom"};function E(t){return t.replace(/left|right|bottom|top/g,(t=>T[t]))}const S={start:"end",end:"start"};function R(t){return t.replace(/start|end/g,(t=>S[t]))}function C(t){return"[object Window]"===(null==t?void 0:t.toString())}function O(t){if(null==t)return window;if(!C(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function B(t){return O(t).getComputedStyle(t)}function F(t){return C(t)?"":t?(t.nodeName||"").toLowerCase():""}function I(t){return t instanceof O(t).HTMLElement}function D(t){return t instanceof O(t).Element}function $(t){return t instanceof O(t).ShadowRoot||t instanceof ShadowRoot}function j(t){const{overflow:e,overflowX:n,overflowY:i}=B(t);return/auto|scroll|overlay|hidden/.test(e+i+n)}function N(t){return["table","td","th"].includes(F(t))}function L(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=B(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}function P(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const M=Math.min,U=Math.max,q=Math.round;function _(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect();let o=1,r=1;e&&I(t)&&(o=t.offsetWidth>0&&q(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&q(i.height)/t.offsetHeight||1);const a=D(t)?O(t):window,s=!P()&&n,c=(i.left+(s?a.visualViewport.offsetLeft:0))/o,l=(i.top+(s?a.visualViewport.offsetTop:0))/r,u=i.width/o,d=i.height/r;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function W(t){return(e=t,(e instanceof O(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function Y(t){return C(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function G(t){return _(W(t)).left+Y(t).scrollLeft}function H(t,e,n){const i=I(e),o=W(e),r=_(t,i&&function(t){const e=_(t);return q(e.width)!==t.offsetWidth||q(e.height)!==t.offsetHeight}(e),"fixed"===n);let a={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(i||!i&&"fixed"!==n)if(("body"!==F(e)||j(o))&&(a=Y(e)),I(e)){const t=_(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else o&&(s.x=G(o));return{x:r.left+a.scrollLeft-s.x,y:r.top+a.scrollTop-s.y,width:r.width,height:r.height}}function V(t){return"html"===F(t)?t:t.assignedSlot||t.parentNode||($(t)?t.host:null)||W(t)}function X(t){return I(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function J(t){const e=O(t);let n=X(t);for(;n&&N(n)&&"static"===getComputedStyle(n).position;)n=X(n);return n&&("html"===F(n)||"body"===F(n)&&"static"===getComputedStyle(n).position&&!L(n))?e:n||function(t){let e=V(t);for($(e)&&(e=e.host);I(e)&&!["html","body"].includes(F(e));){if(L(e))return e;e=e.parentNode}return null}(t)||e}function K(t){if(I(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=_(t);return{width:e.width,height:e.height}}function Q(t){const e=V(t);return["html","body","#document"].includes(F(e))?t.ownerDocument.body:I(e)&&j(e)?e:Q(e)}function Z(t,e){var n;void 0===e&&(e=[]);const i=Q(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=O(i),a=o?[r].concat(r.visualViewport||[],j(i)?i:[]):i,s=e.concat(a);return o?s:s.concat(Z(V(a)))}function tt(t,e,n){return"viewport"===e?z(function(t,e){const n=O(t),i=W(t),o=n.visualViewport;let r=i.clientWidth,a=i.clientHeight,s=0,c=0;if(o){r=o.width,a=o.height;const t=P();(t||!t&&"fixed"===e)&&(s=o.offsetLeft,c=o.offsetTop)}return{width:r,height:a,x:s,y:c}}(t,n)):D(e)?function(t,e){const n=_(t,!1,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft;return{top:i,left:o,x:o,y:i,right:o+t.clientWidth,bottom:i+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(e,n):z(function(t){var e;const n=W(t),i=Y(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=U(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=U(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let s=-i.scrollLeft+G(t);const c=-i.scrollTop;return"rtl"===B(o||n).direction&&(s+=U(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:a,x:s,y:c}}(W(t)))}function et(t){const e=Z(t),n=["absolute","fixed"].includes(B(t).position)&&I(t)?J(t):t;return D(n)?e.filter((t=>D(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&$(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==F(t))):[]}const nt={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t;const r=[..."clippingAncestors"===n?et(e):[].concat(n),i],a=r.reduce(((t,n)=>{const i=tt(e,n,o);return t.top=U(i.top,t.top),t.right=M(i.right,t.right),t.bottom=M(i.bottom,t.bottom),t.left=U(i.left,t.left),t}),tt(e,r[0],o));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:i}=t;const o=I(n),r=W(n);if(n===r)return e;let a={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((o||!o&&"fixed"!==i)&&(("body"!==F(n)||j(r))&&(a=Y(n)),I(n))){const t=_(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{...e,x:e.x-a.scrollLeft+s.x,y:e.y-a.scrollTop+s.y}},isElement:D,getDimensions:K,getOffsetParent:J,getDocumentElement:W,getElementRects:t=>{let{reference:e,floating:n,strategy:i}=t;return{reference:H(e,J(n),i),floating:{...K(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===B(t).direction};
-/*!
-* 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"],ot=it.join(","),rt="undefined"==typeof Element,at=rt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,st=!rt&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},ct=function(t,e,n){var i=Array.prototype.slice.apply(t.querySelectorAll(ot));return e&&at.call(t,ot)&&i.unshift(t),i.filter(n)},lt=function t(e,n,i){for(var o=[],r=Array.from(e);r.length;){var a=r.shift();if("SLOT"===a.tagName){var s=a.assignedElements(),c=t(s.length?s:a.children,!0,i);i.flatten?o.push.apply(o,c):o.push({scope:a,candidates:c})}else{at.call(a,ot)&&i.filter(a)&&(n||!e.includes(a))&&o.push(a);var l=a.shadowRoot||"function"==typeof i.getShadowRoot&&i.getShadowRoot(a);if(l){var u=t(!0===l?a.children:l.children,!0,i);i.flatten?o.push.apply(o,u):o.push({scope:a,candidates:u})}else r.unshift.apply(r,a.children)}}return o},ut=function(t,e){var n=parseInt(t.getAttribute("tabindex"),10);return isNaN(n)?function(t){return"true"===t.contentEditable}(t)?0:!e&&"AUDIO"!==t.nodeName&&"VIDEO"!==t.nodeName&&"DETAILS"!==t.nodeName||null!==t.getAttribute("tabindex")?t.tabIndex:0:n},dt=function(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex},ht=function(t){return"INPUT"===t.tagName},ft=function(t){var e=t.getBoundingClientRect();return 0===e.width&&0===e.height},bt=function(t,e){return!(e.disabled||function(t){return ht(t)&&"hidden"===t.type}(e)||function(t,e){var n=e.displayCheck,i=e.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var o=at.call(t,"details>summary:first-of-type");if(at.call(o?t.parentElement:t,"details:not([open]) *"))return!0;if(!n||"full"===n){if("function"==typeof i){for(var r=t;t;){var a=t.parentElement,s=st(t);if(a&&!a.shadowRoot&&!0===i(a))return ft(t);t=t.assignedSlot?t.assignedSlot:a||s===t.ownerDocument?a:s.host}t=r}return!t.getClientRects().length}return"non-zero-area"===n&&ft(t)}(e,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(e)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if("FIELDSET"===e.tagName&&e.disabled){for(var n=0;n<e.children.length;n++){var i=e.children.item(n);if("LEGEND"===i.tagName)return!!at.call(e,"fieldset[disabled] *")||!i.contains(t)}return!0}e=e.parentElement}return!1}(e))},mt=function(t,e){return!(!bt(t,e)||function(t){return function(t){return ht(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var e,n=t.form||st(t),i=function(t){return n.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)e=i(window.CSS.escape(t.name));else try{e=i(t.name)}catch(t){return 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),!1}var o=function(t,e){for(var n=0;n<t.length;n++)if(t[n].checked&&t[n].form===e)return t[n]}(e,t.form);return!o||o===t}(t)}(e)||ut(e)<0)},gt=function t(e){var n=[],i=[];return e.forEach((function(e,o){var r=!!e.scope,a=r?e.scope:e,s=ut(a,r),c=r?t(e.candidates):a;0===s?r?n.push.apply(n,c):n.push(a):i.push({documentOrder:o,tabIndex:s,item:e,isScope:r,content:c})})),i.sort(dt).reduce((function(t,e){return e.isScope?t.push.apply(t,e.content):t.push(e.content),t}),[]).concat(n)},pt=function(t,e){var n;return n=(e=e||{}).getShadowRoot?lt([t],e.includeContainer,{filter:mt.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot}):ct(t,e.includeContainer,mt.bind(null,e)),gt(n)},vt=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==at.call(t,ot)&&mt(e,t)},wt=it.concat("iframe").join(","),xt=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==at.call(t,wt)&&bt(e,t)};
-/*!
-* focus-trap 6.8.0-beta.2
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function yt(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 kt(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var At,zt=(At=[],{activateTrap:function(t){if(At.length>0){var e=At[At.length-1];e!==t&&e.pause()}var n=At.indexOf(t);-1===n||At.splice(n,1),At.push(t)},deactivateTrap:function(t){var e=At.indexOf(t);-1!==e&&At.splice(e,1),At.length>0&&At[At.length-1].unpause()}}),Tt=function(t){return setTimeout(t,0)},Et=function(t,e){var n=-1;return t.every((function(t,i){return!e(t)||(n=i,!1)})),n},St=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];return"function"==typeof t?t.apply(void 0,n):t},Rt=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};let Ct=0;const Ot=class{constructor(e){t(this,e),this.catOpen=n(this,"catOpen",7),this.catClose=n(this,"catClose",7),this.id=Ct++,this.placement="bottom-start"}clickHandler(t){var e;this.content&&t.composedPath().includes(this.content)&&(null===(e=this.trap)||void 0===e||e.deactivate(),this.hide())}componentDidLoad(){var t,e,n,i,o;this.trigger=this.firstTabbable(this.triggerSlot),null===(t=this.trigger)||void 0===t||t.setAttribute("aria-haspopup","true"),null===(e=this.trigger)||void 0===e||e.setAttribute("aria-expanded","false"),null===(n=this.trigger)||void 0===n||n.setAttribute("aria-controls",this.contentId),null===(i=this.content)||void 0===i||i.setAttribute("id",this.contentId),this.trigger&&this.content&&(null===(o=this.trigger)||void 0===o||o.addEventListener("click",(()=>this.show())),function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:a=!0,animationFrame:s=!1}=i;const c=o&&!s,l=r&&!s,u=a&&!s;(c||l?[...D(t)?Z(t):[],...Z(e)]:[]).forEach((t=>{c&&t.addEventListener("scroll",n,{passive:!0}),l&&t.addEventListener("resize",n)}));let d,h=null;u&&(h=new ResizeObserver(n),D(t)&&h.observe(t),h.observe(e));let f=s?_(t):null;s&&function e(){const i=_(t);!f||i.x===f.x&&i.y===f.y&&i.width===f.width&&i.height===f.height||n(),f=i,d=requestAnimationFrame(e)}()}(this.trigger,this.content,(()=>this.update()))),this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const e=pt(this.content,{includeContainer:!1,getShadowRoot:!0}),n=this.firstTabbable(document.activeElement),i=n?e.indexOf(n):-1,o="ArrowDown"===t.key?1:-1;e[i<0?0:(i+o+e.length)%e.length].focus(),t.preventDefault()}},document.addEventListener("keydown",this.keyListener)}disconnectedCallback(){this.keyListener&&document.removeEventListener("keydown",this.keyListener)}render(){return e(o,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,e,n,i,o,r,a,s,c,l,u,d,h,f,b,m,g,p,v,w;this.content&&(this.content.style.display="block",null===(t=this.trigger)||void 0===t||t.setAttribute("aria-expanded","true"),this.catOpen.emit(),this.trap=this.trap?this.trap.updateContainerElements(this.content):(e=this.content,o=(null==(n={tabbableOptions:{getShadowRoot:!0},allowOutsideClick:!0,clickOutsideDeactivates:t=>!this.content||!t.composedPath().includes(this.content),onPostDeactivate:()=>this.hide()})?void 0:n.document)||document,r=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yt(Object(n),!0).forEach((function(e){kt(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},n),a={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,e,n){return t&&void 0!==t[e]?t[e]:r[n||e]},c=function(t){return a.containerGroups.findIndex((function(e){var n=e.tabbableNodes;return e.container.contains(t)||n.find((function(e){return e===t}))}))},l=function(t){var e=r[t];if("function"==typeof e){for(var n=arguments.length,i=new Array(n>1?n-1:0),a=1;a<n;a++)i[a-1]=arguments[a];e=e.apply(void 0,i)}if(!e){if(void 0===e||!1===e)return e;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=e;if("string"==typeof e&&!(s=o.querySelector(e)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},u=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(c(o.activeElement)>=0)t=o.activeElement;else{var e=a.tabbableGroups[0];t=e&&e.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},d=function(){if(a.containerGroups=a.containers.map((function(t){var e,n,i,o,a=pt(t,{getShadowRoot:null===(e=r.tabbableOptions)||void 0===e?void 0:e.getShadowRoot}),s=(i=t,(o=(o={getShadowRoot:null===(n=r.tabbableOptions)||void 0===n?void 0:n.getShadowRoot})||{}).getShadowRoot?lt([i],o.includeContainer,{filter:bt.bind(null,o),flatten:!0,getShadowRoot:o.getShadowRoot}):ct(i,o.includeContainer,bt.bind(null,o)));return{container:t,tabbableNodes:a,focusableNodes:s,firstTabbableNode:a.length>0?a[0]:null,lastTabbableNode:a.length>0?a[a.length-1]:null,nextTabbableNode:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=s.findIndex((function(e){return e===t}));if(!(n<0))return e?s.slice(n+1).find((function(t){return vt(t)})):s.slice(0,n).reverse().find((function(t){return vt(t)}))}}})),a.tabbableGroups=a.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),a.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")},h=function t(e){!1!==e&&e!==o.activeElement&&(e&&e.focus?(e.focus({preventScroll:!!r.preventScroll}),a.mostRecentlyFocusedNode=e,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(e)&&e.select()):t(u()))},f=function(t){var e=l("setReturnFocus",t);return e||!1!==e&&t},b=function(t){var e=Rt(t);c(e)>=0||(St(r.clickOutsideDeactivates,t)?i.deactivate({returnFocus:r.returnFocusOnDeactivate&&!xt(e)}):St(r.allowOutsideClick,t)||t.preventDefault())},m=function(t){var e=Rt(t),n=c(e)>=0;n||e instanceof Document?n&&(a.mostRecentlyFocusedNode=e):(t.stopImmediatePropagation(),h(a.mostRecentlyFocusedNode||u()))},g=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==St(r.escapeDeactivates,t))return t.preventDefault(),void i.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var e=Rt(t);d();var n=null;if(a.tabbableGroups.length>0){var i=c(e),o=i>=0?a.containerGroups[i]:void 0;if(i<0)n=t.shiftKey?a.tabbableGroups[a.tabbableGroups.length-1].lastTabbableNode:a.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var r=Et(a.tabbableGroups,(function(t){return e===t.firstTabbableNode}));r<0&&(o.container===e||xt(e)&&!vt(e)&&!o.nextTabbableNode(e,!1))&&(r=i),r>=0&&(n=a.tabbableGroups[0===r?a.tabbableGroups.length-1:r-1].lastTabbableNode)}else{var s=Et(a.tabbableGroups,(function(t){return e===t.lastTabbableNode}));s<0&&(o.container===e||xt(e)&&!vt(e)&&!o.nextTabbableNode(e))&&(s=i),s>=0&&(n=a.tabbableGroups[s===a.tabbableGroups.length-1?0:s+1].firstTabbableNode)}}else n=l("fallbackFocus");n&&(t.preventDefault(),h(n))}(t)},p=function(t){if(!St(r.clickOutsideDeactivates,t)){var e=Rt(t);c(e)>=0||St(r.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())}},v=function(){if(a.active)return zt.activateTrap(i),a.delayInitialFocusTimer=r.delayInitialFocus?Tt((function(){h(u())})):h(u()),o.addEventListener("focusin",m,!0),o.addEventListener("mousedown",b,{capture:!0,passive:!1}),o.addEventListener("touchstart",b,{capture:!0,passive:!1}),o.addEventListener("click",p,{capture:!0,passive:!1}),o.addEventListener("keydown",g,{capture:!0,passive:!1}),i},w=function(){if(a.active)return o.removeEventListener("focusin",m,!0),o.removeEventListener("mousedown",b,!0),o.removeEventListener("touchstart",b,!0),o.removeEventListener("click",p,!0),o.removeEventListener("keydown",g,!0),i},(i={activate:function(t){if(a.active)return this;var e=s(t,"onActivate"),n=s(t,"onPostActivate"),i=s(t,"checkCanFocusTrap");i||d(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=o.activeElement,e&&e();var r=function(){i&&d(),v(),n&&n()};return i?(i(a.containers.concat()).then(r,r),this):(r(),this)},deactivate:function(t){if(!a.active)return this;clearTimeout(a.delayInitialFocusTimer),a.delayInitialFocusTimer=void 0,w(),a.active=!1,a.paused=!1,zt.deactivateTrap(i);var e=s(t,"onDeactivate"),n=s(t,"onPostDeactivate"),o=s(t,"checkCanReturnFocus");e&&e();var r=s(t,"returnFocus","returnFocusOnDeactivate"),c=function(){Tt((function(){r&&h(f(a.nodeFocusedBeforeActivation)),n&&n()}))};return r&&o?(o(f(a.nodeFocusedBeforeActivation)).then(c,c),this):(c(),this)},pause:function(){return a.paused||!a.active||(a.paused=!0,w()),this},unpause:function(){return a.paused&&a.active?(a.paused=!1,d(),v(),this):this},updateContainerElements:function(t){var e=[].concat(t).filter(Boolean);return a.containers=e.map((function(t){return"string"==typeof t?o.querySelector(t):t})),a.active&&d(),this}}).updateContainerElements(e),i),this.trap.activate())}hide(){var t;this.content&&(this.content.style.display="",null===(t=this.trigger)||void 0===t||t.setAttribute("aria-expanded","false"),this.catClose.emit())}update(){var t,e;this.trigger&&this.content&&((t,e,n)=>(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:a}=n,s=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:o}),{x:l,y:u}=A(c,i,s),d=i,h={};for(let n=0;n<r.length;n++){const{name:f,fn:b}=r[n],{x:m,y:g,data:p,reset:v}=await b({x:l,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});l=null!=m?m:l,u=null!=g?g:u,h={...h,[f]:{...h[f],...p}},v&&("object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(c=!0===v.rects?await a.getElementRects({reference:t,floating:e,strategy:o}):v.rects),({x:l,y:u}=A(c,d,s))),n=-1)}return{x:l,y:u,placement:d,strategy:o,middlewareData:h}})(t,e,{platform:nt,...n}))(this.trigger,this.content,{placement:this.placement,middleware:[(e=Ot.OFFSET,void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:i,placement:o,rects:r,platform:a,elements:s}=t,c=function(t,e,n,i){void 0===i&&(i=!1);const o=w(t),r=x(t),a="x"===y(t),s=["left","top"].includes(o)?-1:1,c=i&&a?-1:1,l="function"==typeof n?n({...e,placement:t}):n,u="number"==typeof l;let{mainAxis:d,crossAxis:h,alignmentAxis:f}=u?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...l};return r&&"number"==typeof f&&(h="end"===r?-1*f:f),a?{x:h*c,y:d*s}:{x:d*s,y:h*c}}(o,r,e,await(null==a.isRTL?void 0:a.isRTL(s.floating)));return{x:n+c.x,y:i+c.y,data:c}}}),(void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:i,middlewareData:o,rects:r,initialPlacement:a,platform:s,elements:c}=e,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:h="bestFit",flipAlignment:f=!0,...b}=t,m=w(i),g=[a,...d||(m!==a&&f?function(t){const e=E(t);return[R(t),e,R(e)]}(a):[E(a)])],p=await async function(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:a,elements:s,strategy:c}=t,{boundary:l="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=!1,padding:f=0}=e,b=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(f),m=s[h?"floating"===d?"reference":"floating":d],g=z(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(m)))||n?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:l,rootBoundary:u,strategy:c})),p=z(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===d?{...a.floating,x:i,y:o}:a.reference,offsetParent:await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),strategy:c}):a[d]);return{top:g.top-p.top+b.top,bottom:p.bottom-g.bottom+b.bottom,left:g.left-p.left+b.left,right:p.right-g.right+b.right}}(e,b),v=[];let A=(null==(n=o.flip)?void 0:n.overflows)||[];if(l&&v.push(p[m]),u){const{main:t,cross:e}=function(t,e,n){void 0===n&&(n=!1);const i=x(t),o=y(t),r=k(o);let a="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=E(a)),{main:a,cross:E(a)}}(i,r,await(null==s.isRTL?void 0:s.isRTL(c.floating)));v.push(p[t],p[e])}if(A=[...A,{placement:i,overflows:v}],!v.every((t=>t<=0))){var T,S;const t=(null!=(T=null==(S=o.flip)?void 0:S.index)?T:0)+1,e=g[t];if(e)return{data:{index:t,overflows:A},reset:{placement:e}};let n="bottom";switch(h){case"bestFit":{var C;const t=null==(C=A.slice().sort(((t,e)=>t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)-e.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)))[0])?void 0:C.placement;t&&(n=t);break}case"initialPlacement":n=a}if(i!==n)return{reset:{placement:n}}}return{}}})]}).then((({x:t,y:e})=>{this.content&&Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}))}firstTabbable(t){return(t?pt(t,{includeContainer:!0,getShadowRoot:!0}):[]).shift()}};Ot.OFFSET=4,Ot.style=":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}";const Bt=class{constructor(e){t(this,e),this.effect="sheen",this.variant="rectangle",this.size="m"}render(){return e(o,null,Array.from(Array(this.count)).map((()=>e("div",{style:this.style,class:{"cat-skeleton":!0,[`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"head"===this.variant||"body"===this.variant?{"--line-width":`${this.random(50,100)}%`}:void 0}random(t,e){return Math.floor(Math.random()*(e-t+1)+t)}};Bt.style=':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 Ft=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}`]:"inline"!==this.size}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e("circle",{cx:"24",cy:"24",r:"21.5"})))}};Ft.style=":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)}}";export{r as cat_alert,a as cat_badge,p as cat_button,v as cat_icon,Ot as cat_menu,Bt as cat_skeleton,Ft as cat_spinner}