voa-ds-core 1.0.3

package/dist/cjs/index-TzstRlIU.js

@@ -0,0 +1,1895 @@
+'use strict';
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const NAMESPACE = 'voa';
+const BUILD = /* voa */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
+
+const globalScripts = () => {};
+const globalStyles = ":root{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ced4da;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#ffffff;--structure-colors-bg-container:var(--palette-gray-gray-1);--structure-colors-bg-elevated:var(--palette-gray-gray-3);--structure-colors-bg-layout:var(--palette-gray-gray-0);--structure-colors-bg-spot:#000000;--structure-colors-bg-mask:#000000;--structure-colors-fill-15:#18181b;--structure-colors-fill-secondary:#18181b;--structure-colors-fill-terciary:#18181b;--structure-colors-fill-quaternary:#18181b;--structure-colors-border-color:var(--palette-gray-gray-5);--structure-colors-border-color-secondary:var(--palette-gray-gray-3);--text-primary:#0b1215;--text-secondary:var(--palette-gray-gray-7);--text-disabled:#0b1215;--text-hover:var(--brand-base);--text-placeholder:#9f9fa8;--text-on-primary:#f1f1f1;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-warning:#ff9900;--semantic-colors-info:#4aafe4;--brand-base:var(--colors-light-primary-light);--brand-hover:var(--colors-light-primary-light-500);--brand-active:var(--colors-light-primary-light-200);--brand-base-50:var(--colors-light-primary-light-opacity-50);--brand-base-25:var(--colors-light-primary-light-opacity-25);--brand-base-15:var(--colors-light-primary-light-opacity-15);--brand-secondary:var(--colors-light-secondary-light);--brand-secondary-50:var(--colors-light-secondary-light-opacity-50);--brand-secondary-25:var(--colors-light-secondary-light-opacity-25);--brand-secondary-15:var(--colors-light-secondary-light-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-light-primary-light:#0064cb;--colors-light-primary-light-100:#00b8ff;--colors-light-primary-light-200:#008fff;--colors-light-primary-light-400:#0071c8;--colors-light-primary-light-500:#00398d;--colors-light-primary-light-opacity-50:#0064cb;--colors-light-primary-light-opacity-25:#0064cb;--colors-light-primary-light-opacity-15:#0064cb;--colors-light-secondary-light:#00e5ce;--colors-light-secondary-light-100:#b5eee3;--colors-light-secondary-light-200:#7dead8;--colors-light-secondary-light-400:#49bcab;--colors-light-secondary-light-500:#01af9d;--colors-light-secondary-light-opacity-50:#00e5ce;--colors-light-secondary-light-opacity-25:#00e5ce;--colors-light-secondary-light-opacity-15:#00e5ce;--colors-light-neutral:#ffffff;--color:#ffffff;--branding-coi-colors-light-primary-light-opacity-50:#0064cb80;--branding-coi-colors-light-primary-light-opacity-25:#0064cb40;--branding-coi-colors-light-primary-light:#0064cb;--branding-coi-colors-light-primary-light-opacity-15:#0064cb26;--branding-coi-colors-light-primary-light-100:#00b8ff;--branding-coi-colors-light-primary-light-200:#008fff;--branding-coi-colors-light-primary-light-400:#0071c8;--branding-coi-colors-light-primary-light-500:#00398d;--branding-coi-colors-light-secondary-light:#00e5ce;--branding-coi-colors-light-secondary-light-opacity-50:#00e5ce80;--branding-coi-colors-light-secondary-light-opacity-25:#00e5ce40;--branding-coi-colors-light-secondary-light-opacity-15:#00e5ce26;--branding-coi-colors-light-secondary-light-100:#b5eee3;--branding-coi-colors-light-secondary-light-200:#7dead8;--branding-coi-colors-light-secondary-light-400:#49bcab;--branding-coi-colors-light-secondary-light-500:#01af9d;--branding-coi-colors-light-neutral:#ffffff;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--typography-base-family-sans:\"Lato\", sans-serif;--typography-base-body-sm-regular-size:14px;--typography-base-body-sm-regular-weight:400;--typography-base-body-sm-regular-line-height:16px;--typography-base-body-sm-bold-weight:600;--typography-base-legal-bold-size:10px;--typography-base-legal-bold-weight:600;--typography-base-legal-bold-line-height:16px;--typography-base-type-scale-1:64px;--typography-base-type-scale-2:40px;--typography-base-type-scale-3:32px;--typography-base-type-scale-4:24px;--typography-base-type-scale-5:20px;--typography-base-type-scale-6:16px;--typography-base-type-scale-7:14px;--typography-base-type-scale-8:12px;--typography-base-type-scale-9:11px;--typography-base-type-scale-10:10px;--system-mode-1-loading:1;--system-mode-1-progressbar-width:var(--structure-large-spacing-sm);--system-mode-1-string:Padrão;--colors-structure-fill-secondary:#18181b0f;--colors-structure-fill-terciary:#18181b0a;--colors-structure-fill-quaternary:#18181b05;--colors-structure-border-color:var(--palette-gray-gray-5);--colors-structure-border-color-secondary:var(--palette-gray-gray-3);--colors-structure-bg-base:#ffffff;--colors-structure-bg-base-disabled:#ffffff40;--colors-structure-bg-container:var(--palette-gray-gray-1);--colors-structure-bg-elevated:var(--palette-gray-gray-3);--colors-structure-bg-layout:var(--palette-gray-gray-0);--colors-structure-bg-spot:#000000d9;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#18181b26;--colors-structure-fill-50:#18181b80;--colors-semantic-success:#109e7c;--colors-semantic-danger:#e51937;--colors-semantic-warning:#ff9900;--colors-semantic-info:#4aafe4;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-success-light:#b2f2bb;--semantic-colors-danger-light:#ffc9c9;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--radio-colors-neutral:#ffffff;--radio-colors-fill-secondary:#18181b0f;--radio-colors-primary-light-200:#008fff;--radio-colors-primary-light-400:#0071c8;--radio-colors-fill-25:#18181b40;--radio-colors-bg-base-disabled:#ffffff40;--radio-colors-bg-base:#ffffff;--radio-colors-primary-light-opacity-25:#0064cb40;--radio-colors-primary-light-opacity-15:#0064cb26;--radio-colors-secondary-light-400:#49bcab;--radio-colors-bg-elevated:#dee2e6;--radio-text-disabled:#0b121540;--radio-colors-secondary-light-100:#b5eee3;--radio-brand-secondary-50:#00e5ce80}[data-theme=\"dark\"]{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ffffff;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#1b1e21;--structure-colors-bg-container:var(--palette-gray-gray-9);--structure-colors-bg-elevated:var(--palette-gray-gray-8);--structure-colors-bg-layout:#09090b;--structure-colors-bg-spot:#50505d;--structure-colors-bg-mask:#00000073;--structure-colors-fill-15:#f8f9fa26;--structure-colors-fill-secondary:#ffffff;--structure-colors-fill-terciary:#ffffff;--structure-colors-fill-quaternary:#ffffff;--structure-colors-border-color:#50505d;--structure-colors-border-color-secondary:#ffffff;--text-primary:#ffffff;--text-secondary:var(--palette-gray-gray-4);--text-disabled:#ffffff;--text-hover:var(--brand-base);--text-placeholder:var(--palette-gray-gray-7);--text-on-primary:var(--palette-gray-gray-8);--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-warning:#ffd058;--semantic-colors-info:#3f70cf;--brand-base:var(--colors-dark-primary-dark);--brand-hover:var(--colors-dark-primary-dark-500);--brand-active:var(--colors-dark-primary-dark-100);--brand-base-50:var(--colors-dark-primary-dark-opacity-50);--brand-base-25:var(--colors-dark-primary-dark-opacity-25);--brand-base-15:var(--colors-dark-primary-dark-opacity-15);--brand-secondary:var(--colors-dark-secondary-dark);--brand-secondary-50:var(--colors-dark-secondary-dark-opacity-50);--brand-secondary-25:var(--colors-dark-secondary-dark-opacity-25);--brand-secondary-15:var(--colors-dark-secondary-dark-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-dark-primary-dark:#00e5ce;--colors-dark-primary-dark-100:#b5eee3;--colors-dark-primary-dark-200:#7dead8;--colors-dark-primary-dark-400:#49bcab;--colors-dark-primary-dark-500:#01af9d;--colors-dark-primary-dark-opacity-50:#00e5ce80;--colors-dark-primary-dark-opacity-25:#00e5ce40;--colors-dark-primary-dark-opacity-15:#00e5ce26;--colors-dark-secondary-dark:#0064cb;--colors-dark-secondary-dark-100:#00b8ff;--colors-dark-secondary-dark-200:#008fff;--colors-dark-secondary-dark-400:#0071c8;--colors-dark-secondary-dark-500:#00398d;--colors-dark-secondary-dark-opacity-50:#0064cb80;--colors-dark-secondary-dark-opacity-25:#0064cb40;--colors-dark-secondary-dark-opacity-15:#0064cb26;--colors-dark-neutral:#dfdfdf;--branding-coi-colors-dark-primary-dark:#00e5ce;--branding-coi-colors-dark-primary-dark-opacity-50:#00e5ce80;--branding-coi-colors-dark-primary-dark-opacity-25:#00e5ce40;--branding-coi-colors-dark-primary-dark-opacity-15:#00e5ce26;--branding-coi-colors-dark-primary-dark-100:#b5eee3;--branding-coi-colors-dark-primary-dark-200:#7dead8;--branding-coi-colors-dark-primary-dark-400:#49bcab;--branding-coi-colors-dark-primary-dark-500:#01af9d;--branding-coi-colors-dark-secondary-dark:#0064cb;--branding-coi-colors-dark-secondary-dark-opacity-50:#0064cb80;--branding-coi-colors-dark-secondary-dark-opacity-25:#0064cb40;--branding-coi-colors-dark-secondary-dark-opacity-15:#0064cb26;--branding-coi-colors-dark-secondary-dark-100:#00b8ff;--branding-coi-colors-dark-secondary-dark-200:#008fff;--branding-coi-colors-dark-secondary-dark-400:#0071c8;--branding-coi-colors-dark-secondary-dark-500:#00398d;--branding-coi-colors-dark-neutral:#dfdfdf;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--system-mode-2-loading:1;--system-mode-2-progressbar-width:var(--structure-large-spacing-sm);--system-mode-2-string:Dark;--colors-structure-fill-secondary:#ffffff;--colors-structure-fill-terciary:#ffffff;--colors-structure-fill-quaternary:#ffffff;--colors-structure-border-color:#50505d;--colors-structure-border-color-secondary:#ffffff;--colors-structure-bg-base:#1b1e21;--colors-structure-bg-base-disabled:#1b1e2140;--colors-structure-bg-container:var(--palette-gray-gray-9);--colors-structure-bg-elevated:var(--palette-gray-gray-8);--colors-structure-bg-layout:#09090b;--colors-structure-bg-spot:#50505d;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#f8f9fa26;--colors-structure-fill-50:#f8f9fa80;--colors-semantic-success:#44a15e;--colors-semantic-danger:#ee3f59;--colors-semantic-warning:#ffd058;--colors-semantic-info:#3f70cf;--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-success-light:#69db7c;--semantic-colors-danger-light:#ff8787;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light)}:root{--voa-text-primary:#0b1215;--voa-text-secondary:#495057;--voa-font-family-sans:'Lato', sans-serif;--voa-bg-base:#ffffff;--voa-bg-container:#f1f3f5;--voa-border-color:#adb5bd;--voa-spacing-xs:4px;--voa-spacing-sm:8px;--voa-spacing-md:16px;--voa-spacing-lg:24px;--voa-spacing-xl:32px;--voa-radius-sm:4px;--voa-radius-md:8px;--voa-radius-lg:16px;--radius-no:0px;--radius-xxs:2px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-xxl:32px;--radius-round:1024px;--voa-palette-gray-6:#868e96;--voa-palette-red-2:#ffc9c9;--voa-palette-red-4:#ff8787;--voa-palette-red-5:#ff6b6b;--voa-palette-red-6:#fa5252;--voa-palette-red-9:#c92a2a;--voa-palette-yellow-1:#fff3bf;--voa-palette-yellow-2:#ffec99;--voa-palette-yellow-4:#ffd43b;--voa-palette-yellow-9:#e67700;--voa-palette-blue-2:#a5d8ff;--voa-palette-blue-3:#74c0fc;--voa-palette-blue-4:#4dabf7;--voa-palette-blue-9:#1864ab;--voa-palette-green-2:#b2f2bb;--voa-palette-green-3:#8ce99a;--voa-palette-green-4:#69db7c;--voa-palette-teal-5:#20c997;--voa-semantic-color-success:#109e7c;--voa-alert-color-success-bg:var(--voa-palette-green-2, #b2f2bb);--voa-alert-color-success-text:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-success-border:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-warning-bg:var(--voa-palette-yellow-1, #fff3bf);--voa-alert-color-warning-text:var(--voa-palette-yellow-9, #e67700);--voa-alert-color-warning-border:var(--voa-palette-yellow-4, #ffd43b);--voa-alert-color-error-bg:var(--voa-palette-red-2, #ffc9c9);--voa-alert-color-error-text:var(--voa-palette-red-9, #c92a2a);--voa-alert-color-error-border:var(--voa-palette-red-5, #ff6b6b);--voa-alert-color-info-bg:var(--voa-palette-blue-2, #a5d8ff);--voa-alert-color-info-text:var(--voa-palette-blue-9, #1864ab);--voa-alert-color-info-border:var(--voa-palette-blue-4, #4dabf7);--voa-alert-padding:var(--voa-spacing-md, 16px);--voa-alert-border-radius:var(--voa-radius-sm, 4px);--voa-alert-border-width:1px;--voa-alert-font-size:1rem;--voa-alert-line-height:1.5;--voa-shadow-fab:0px 0px 0px 0px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px 0px rgba(0,0,0,0.10), 1px 1px 1px 0px 0px rgba(0,0,0,0.09), 2px 2px 2px 0px 0px rgba(0,0,0,0.05), 4px 3px 2px 0px 0px rgba(0,0,0,0.01), 6px 5px 2px 0px 0px rgba(0,0,0,0.00);--voa-shadow-inside-element:0px 1px 0.5px 0.05px 0.05px rgba(24,24,24,0.05);--voa-shadow-surface:0px 8px 16px 0px 0px rgba(255,255,255,0.02), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 2.5px 0px 0px 0px rgba(255,255,255,0.05) inset, 0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-today:0px 0px 16px 2px 2px rgba(28,126,214,0.15) inset;--voa-shadow-avatar:0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-input:0px 3px 6px 0px 0px rgba(0,0,0,0.10);--voa-shadow-option:0px 8px 16px 0px 0px rgba(255,255,255,0.02), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 4px 4px 0px 0px rgba(0,0,0,0.25), 0px 4px 4px 0px 0px rgba(0,0,0,0.25);--voa-shadow-switch:0px 2px 4px 0px 0px rgba(24,24,24,0.25) inset;--voa-shadow-input-active:0px 0px 8px 2px 2px rgba(0,100,203,0.50) inset, 0px 4px 4px 0px 0px rgba(0,0,0,0.25)}:root{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ced4da;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#ffffff;--structure-colors-bg-base-disabled:var(--palette-gray-gray-1);--structure-colors-bg-container:var(--palette-gray-gray-1);--structure-colors-bg-elevated:var(--palette-gray-gray-3);--structure-colors-bg-layout:var(--palette-gray-gray-0);--structure-colors-bg-spot:#000000;--structure-colors-bg-mask:#000000;--structure-colors-fill-15:#18181b;--structure-colors-fill-secondary:#18181b;--structure-colors-fill-terciary:#18181b;--structure-colors-fill-quaternary:#18181b;--structure-colors-border-color:var(--palette-gray-gray-5);--structure-colors-border-color-secondary:var(--palette-gray-gray-3);--text-primary:#0b1215;--text-secondary:var(--palette-gray-gray-7);--text-disabled:#0b1215;--text-hover:var(--brand-base);--text-placeholder:#9f9fa8;--text-on-primary:#f1f1f1;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-warning:#ff9900;--semantic-colors-info:#4aafe4;--brand-base:var(--colors-light-primary-light);--brand-hover:var(--colors-light-primary-light-500);--brand-active:var(--colors-light-primary-light-200);--brand-base-50:var(--colors-light-primary-light-opacity-50);--brand-base-25:var(--colors-light-primary-light-opacity-25);--brand-base-15:var(--colors-light-primary-light-opacity-15);--brand-secondary:var(--colors-light-secondary-light);--brand-secondary-50:var(--colors-light-secondary-light-opacity-50);--brand-secondary-25:var(--colors-light-secondary-light-opacity-25);--brand-secondary-15:var(--colors-light-secondary-light-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-light-primary-light:#0064cb;--colors-light-primary-light-100:#00b8ff;--colors-light-primary-light-200:#008fff;--colors-light-primary-light-400:#0071c8;--colors-light-primary-light-500:#00398d;--colors-light-primary-light-opacity-50:#0064cb;--colors-light-primary-light-opacity-25:#0064cb;--colors-light-primary-light-opacity-15:#0064cb;--colors-light-secondary-light:#00e5ce;--colors-light-secondary-light-100:#b5eee3;--colors-light-secondary-light-200:#7dead8;--colors-light-secondary-light-400:#49bcab;--colors-light-secondary-light-500:#01af9d;--colors-light-secondary-light-opacity-50:#00e5ce;--colors-light-secondary-light-opacity-25:#00e5ce;--colors-light-secondary-light-opacity-15:#00e5ce;--colors-light-neutral:#ffffff;--color:#ffffff;--branding-coi-colors-light-primary-light-opacity-50:#0064cb80;--branding-coi-colors-light-primary-light-opacity-25:#0064cb40;--branding-coi-colors-light-primary-light:#0064cb;--branding-coi-colors-light-primary-light-opacity-15:#0064cb26;--branding-coi-colors-light-primary-light-100:#00b8ff;--branding-coi-colors-light-primary-light-200:#008fff;--branding-coi-colors-light-primary-light-400:#0071c8;--branding-coi-colors-light-primary-light-500:#00398d;--branding-coi-colors-light-secondary-light:#00e5ce;--branding-coi-colors-light-secondary-light-opacity-50:#00e5ce80;--branding-coi-colors-light-secondary-light-opacity-25:#00e5ce40;--branding-coi-colors-light-secondary-light-opacity-15:#00e5ce26;--branding-coi-colors-light-secondary-light-100:#b5eee3;--branding-coi-colors-light-secondary-light-200:#7dead8;--branding-coi-colors-light-secondary-light-400:#49bcab;--branding-coi-colors-light-secondary-light-500:#01af9d;--branding-coi-colors-light-neutral:#ffffff;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--typography-base-family-sans:\"Lato\", sans-serif;--typography-base-body-sm-regular-size:14px;--typography-base-body-sm-regular-weight:400;--typography-base-body-sm-regular-line-height:16px;--typography-base-body-sm-bold-weight:600;--typography-base-legal-bold-size:10px;--typography-base-legal-bold-weight:600;--typography-base-legal-bold-line-height:16px;--typography-base-type-scale-1:64px;--typography-base-type-scale-2:40px;--typography-base-type-scale-3:32px;--typography-base-type-scale-4:24px;--typography-base-type-scale-5:20px;--typography-base-type-scale-6:16px;--typography-base-type-scale-7:14px;--typography-base-type-scale-8:12px;--typography-base-type-scale-9:11px;--typography-base-type-scale-10:10px;--system-mode-1-loading:1;--system-mode-1-progressbar-width:var(--structure-large-spacing-sm);--system-mode-1-string:Padrão;--colors-structure-fill-secondary:#18181b0f;--colors-structure-fill-terciary:#18181b0a;--colors-structure-fill-quaternary:#18181b05;--colors-structure-border-color:var(--palette-gray-gray-5);--colors-structure-border-color-secondary:var(--palette-gray-gray-3);--colors-structure-bg-base:#ffffff;--colors-structure-bg-base-disabled:#ffffff40;--colors-structure-bg-container:var(--palette-gray-gray-1);--colors-structure-bg-elevated:var(--palette-gray-gray-3);--colors-structure-bg-layout:var(--palette-gray-gray-0);--colors-structure-bg-spot:#000000d9;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#18181b26;--colors-structure-fill-50:#18181b80;--colors-semantic-success:#109e7c;--colors-semantic-danger:#e51937;--colors-semantic-warning:#ff9900;--colors-semantic-info:#4aafe4;--semantic-colors-success:#109e7c;--semantic-colors-danger:#e51937;--semantic-colors-success-light:#b2f2bb;--semantic-colors-danger-light:#ffc9c9;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--voa-text-primary:#0b1215;--voa-text-secondary:#495057;--voa-font-family-sans:'Lato', sans-serif;--voa-bg-base:#ffffff;--voa-bg-container:#f1f3f5;--voa-border-color:#adb5bd;--voa-spacing-xs:4px;--voa-spacing-sm:8px;--voa-spacing-md:16px;--voa-spacing-lg:24px;--voa-spacing-xl:32px;--voa-radius-sm:4px;--voa-radius-md:8px;--voa-radius-lg:16px;--voa-palette-gray-6:#868e96;--voa-palette-red-2:#ffc9c9;--voa-palette-red-4:#ff8787;--voa-palette-red-5:#ff6b6b;--voa-palette-red-6:#fa5252;--voa-palette-red-9:#c92a2a;--voa-palette-yellow-1:#fff3bf;--voa-palette-yellow-2:#ffec99;--voa-palette-yellow-4:#ffd43b;--voa-palette-yellow-9:#e67700;--voa-palette-blue-2:#a5d8ff;--voa-palette-blue-3:#74c0fc;--voa-palette-blue-4:#4dabf7;--voa-palette-blue-9:#1864ab;--voa-palette-green-2:#b2f2bb;--voa-palette-green-3:#8ce99a;--voa-palette-green-4:#69db7c;--voa-palette-teal-5:#20c997;--voa-semantic-color-success:#109e7c;--voa-alert-color-success-bg:var(--voa-palette-green-2, #b2f2bb);--voa-alert-color-success-text:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-success-border:var(--voa-semantic-color-success, #109e7c);--voa-alert-color-warning-bg:var(--voa-palette-yellow-1, #fff3bf);--voa-alert-color-warning-text:var(--voa-palette-yellow-9, #e67700);--voa-alert-color-warning-border:var(--voa-palette-yellow-4, #ffd43b);--voa-alert-color-error-bg:var(--voa-palette-red-2, #ffc9c9);--voa-alert-color-error-text:var(--voa-palette-red-9, #c92a2a);--voa-alert-color-error-border:var(--voa-palette-red-5, #ff6b6b);--voa-alert-color-info-bg:var(--voa-palette-blue-2, #a5d8ff);--voa-alert-color-info-text:var(--voa-palette-blue-9, #1864ab);--voa-alert-color-info-border:var(--voa-palette-blue-4, #4dabf7);--voa-alert-padding:var(--voa-spacing-md, 16px);--voa-alert-border-radius:var(--voa-radius-sm, 4px);--voa-alert-border-width:1px;--voa-alert-font-size:1rem;--voa-alert-line-height:1.5;--voa-shadow-fab:0px 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px 0px rgba(0, 0, 0, 0.10), 1px 1px 1px 0px 0px rgba(0, 0, 0, 0.09), 2px 2px 2px 0px 0px rgba(0, 0, 0, 0.05), 4px 3px 2px 0px 0px rgba(0, 0, 0, 0.01), 6px 5px 2px 0px 0px rgba(0, 0, 0, 0.00);--voa-shadow-inside-element:0px 1px 0.5px 0.05px 0.05px rgba(24, 24, 24, 0.05);--voa-shadow-surface:0px 8px 16px 0px 0px rgba(255, 255, 255, 0.02), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 2.5px 0px 0px 0px rgba(255, 255, 255, 0.05) inset, 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-today:0px 0px 16px 2px 2px rgba(28, 126, 214, 0.15) inset;--voa-shadow-avatar:0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-input:0px 3px 6px 0px 0px rgba(0, 0, 0, 0.10);--voa-shadow-option:0px 8px 16px 0px 0px rgba(255, 255, 255, 0.02), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--voa-shadow-switch:0px 2px 4px 0px 0px rgba(24, 24, 24, 0.25) inset;--voa-shadow-input-active:0px 0px 8px 2px 2px rgba(0, 100, 203, 0.50) inset, 0px 4px 4px 0px 0px rgba(0, 0, 0, 0.25);--colors-structure-fill-25:#18181b40;--colors-light-primary-light-opacity-25:#0064cb40;--colors-light-primary-light-opacity-15:#0064cb26;--text-disabled-with-opacity:#0b121540;--input-active-inner-shadow:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--input-active-drop-shadow:0px 4px 4px rgba(24, 24, 27, 0.15);--input-focus-border-color:var(--brand-base, #0064cb);--border-width-thin:1px;--border-width-medium:1.125px;--border-width-thick:1.5px;--opacity-disabled:0.6;--opacity-20:0.2;--opacity-25:0.25;--opacity-40:0.4;--shadow-focus-primary:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--shadow-focus-secondary:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--shadow-outline-secondary:0 0 0 4px rgba(0, 229, 206, 0.5);--shadow-outline-primary:0 0 0 4px rgba(0, 100, 203, 0.1);--avatar-font-size-xs:8px;--avatar-font-size-sm:12px;--avatar-font-size-md:16px;--avatar-font-size-lg:24px;--avatar-font-size-xl:28px;--radio-indicator-size:20px;--switch-track-width:40px;--switch-track-height:20px;--switch-thumb-size:16px;--input-addon-height:46px;--checkbox-indicator-size:20px;--option-indicator-dot-size:8px;--shadow-switch-inset:inset 0px 2px 4px 0px rgba(24, 24, 24, 0.25);--shadow-radio-checked-inset:inset 0 2px 0 0 rgba(255, 255, 255, 0.25);--line-height-body-sm:16px;--line-height-body-md:24px;--line-height-body-lg:32px}[data-theme=\"dark\"]{--palette-gray-gray-9:#212529;--palette-gray-gray-8:#343a40;--palette-gray-gray-7:#495057;--palette-gray-gray-6:#868e96;--palette-gray-gray-5:#adb5bd;--palette-gray-gray-4:#ffffff;--palette-gray-gray-3:#dee2e6;--palette-gray-gray-2:#e9ecef;--palette-gray-gray-1:#f1f3f5;--palette-gray-gray-0:#f8f9fa;--palette-blue-blue-9:#1864ab;--palette-blue-blue-8:#1971c2;--palette-blue-blue-7:#1c7ed6;--palette-blue-blue-6:#228be6;--palette-blue-blue-5:#339af0;--palette-blue-blue-4:#4dabf7;--palette-blue-blue-3:#74c0fc;--palette-blue-blue-2:#a5d8ff;--palette-blue-blue-1:#d0ebff;--palette-blue-blue-0:#e7f5ff;--palette-red-red-9:#c92a2a;--palette-red-red-8:#e03131;--palette-red-red-7:#f03e3e;--palette-red-red-6:#fa5252;--palette-red-red-5:#ff6b6b;--palette-red-red-4:#ff8787;--palette-red-red-3:#ffa8a8;--palette-red-red-2:#ffc9c9;--palette-red-red-1:#ffe3e3;--palette-red-red-0:#fff5f5;--palette-pink-pink-9:#a61e4d;--palette-pink-pink-8:#c2255c;--palette-pink-pink-7:#d6336c;--palette-pink-pink-6:#e64980;--palette-pink-pink-5:#f06595;--palette-pink-pink-4:#f783ac;--palette-pink-pink-3:#faa2c1;--palette-pink-pink-2:#fcc2d7;--palette-pink-pink-1:#ffdeeb;--palette-pink-pink-0:#fff0f6;--palette-grape-grape-9:#862e9c;--palette-grape-grape-8:#9c36b5;--palette-grape-grape-7:#ae3ec9;--palette-grape-grape-6:#be4bdb;--palette-grape-grape-5:#cc5de8;--palette-grape-grape-4:#da77f2;--palette-grape-grape-3:#e599f7;--palette-grape-grape-2:#eebefa;--palette-grape-grape-1:#f3d9fa;--palette-grape-grape-0:#f8f0fc;--palette-violet-violet-9:#5f3dc4;--palette-violet-violet-8:#6741d9;--palette-violet-violet-7:#7048e8;--palette-violet-violet-6:#7950f2;--palette-violet-violet-5:#845ef7;--palette-violet-violet-4:#9775fa;--palette-violet-violet-3:#b197fc;--palette-violet-violet-2:#d0bfff;--palette-violet-violet-1:#e5dbff;--palette-violet-violet-0:#f3f0ff;--palette-indigo-indigo-9:#364fc7;--palette-indigo-indigo-8:#3b5bdb;--palette-indigo-indigo-7:#4263eb;--palette-indigo-indigo-6:#4c6ef5;--palette-indigo-indigo-5:#5c7cfa;--palette-indigo-indigo-4:#748ffc;--palette-indigo-indigo-3:#91a7ff;--palette-indigo-indigo-2:#bac8ff;--palette-indigo-indigo-1:#dbe4ff;--palette-indigo-indigo-0:#edf2ff;--palette-cyan-cyan-9:#0b7285;--palette-cyan-cyan-8:#0c8599;--palette-cyan-cyan-7:#1098ad;--palette-cyan-cyan-6:#15aabf;--palette-cyan-cyan-5:#22b8cf;--palette-cyan-cyan-4:#3bc9db;--palette-cyan-cyan-3:#66d9e8;--palette-cyan-cyan-2:#99e9f2;--palette-cyan-cyan-1:#c5f6fa;--palette-cyan-cyan-0:#e3fafc;--palette-teal-teal-9:#087f5b;--palette-teal-teal-8:#099268;--palette-teal-teal-7:#0ca678;--palette-teal-teal-6:#12b886;--palette-teal-teal-5:#20c997;--palette-teal-teal-4:#38d9a9;--palette-teal-teal-3:#63e6be;--palette-teal-teal-2:#96f2d7;--palette-teal-teal-1:#c3fae8;--palette-teal-teal-0:#e6fcf5;--palette-green-green-9:#2b8a3e;--palette-green-green-8:#2f9e44;--palette-green-green-7:#37b24d;--palette-green-green-6:#40c057;--palette-green-green-5:#51cf66;--palette-green-green-4:#69db7c;--palette-green-green-3:#8ce99a;--palette-green-green-2:#b2f2bb;--palette-green-green-1:#d3f9d8;--palette-green-green-0:#ebfbee;--palette-lime-lime-9:#5c940d;--palette-lime-lime-8:#66a80f;--palette-lime-lime-7:#74b816;--palette-lime-lime-6:#82c91e;--palette-lime-lime-5:#94d82d;--palette-lime-lime-4:#a9e34b;--palette-lime-lime-3:#c0eb75;--palette-lime-lime-2:#d8f5a2;--palette-lime-lime-1:#e9fac8;--palette-lime-lime-0:#f4fce3;--palette-yellow-yellow-9:#e67700;--palette-yellow-yellow-8:#f08c00;--palette-yellow-yellow-7:#f59f00;--palette-yellow-yellow-6:#fab005;--palette-yellow-yellow-5:#fcc419;--palette-yellow-yellow-4:#ffd43b;--palette-yellow-yellow-3:#ffe066;--palette-yellow-yellow-2:#ffec99;--palette-yellow-yellow-1:#fff3bf;--palette-yellow-yellow-0:#fff9db;--palette-orange-orange-9:#d9480f;--palette-orange-orange-8:#e8590c;--palette-orange-orange-7:#f76707;--palette-orange-orange-6:#fd7e14;--palette-orange-orange-5:#ff922b;--palette-orange-orange-4:#ffa94d;--palette-orange-orange-3:#ffc078;--palette-orange-orange-2:#ffd8a8;--palette-orange-orange-1:#ffe8cc;--palette-orange-orange-0:#fff4e6;--structure-colors-bg-base:#1b1e21;--structure-colors-bg-container:var(--palette-gray-gray-9);--structure-colors-bg-elevated:var(--palette-gray-gray-8);--structure-colors-bg-layout:#09090b;--structure-colors-bg-spot:#50505d;--structure-colors-bg-mask:#00000073;--structure-colors-fill-15:#f8f9fa26;--structure-colors-fill-secondary:#ffffff;--structure-colors-fill-terciary:#ffffff;--structure-colors-fill-quaternary:#ffffff;--structure-colors-border-color:#50505d;--structure-colors-border-color-secondary:#ffffff;--text-primary:#ffffff;--text-secondary:var(--palette-gray-gray-4);--text-disabled:#ffffff;--text-hover:var(--brand-base);--text-placeholder:var(--palette-gray-gray-7);--text-on-primary:var(--palette-gray-gray-8);--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-warning:#ffd058;--semantic-colors-info:#3f70cf;--brand-base:var(--colors-dark-primary-dark);--brand-hover:var(--colors-dark-primary-dark-500);--brand-active:var(--colors-dark-primary-dark-100);--brand-base-50:var(--colors-dark-primary-dark-opacity-50);--brand-base-25:var(--colors-dark-primary-dark-opacity-25);--brand-base-15:var(--colors-dark-primary-dark-opacity-15);--brand-secondary:var(--colors-dark-secondary-dark);--brand-secondary-50:var(--colors-dark-secondary-dark-opacity-50);--brand-secondary-25:var(--colors-dark-secondary-dark-opacity-25);--brand-secondary-15:var(--colors-dark-secondary-dark-opacity-15);--spacing-spacing-xs:0.25rem;--spacing-spacing-sm:0.5rem;--spacing-spacing-md:1rem;--spacing-spacing-lg:1.5rem;--spacing-spacing-xl:2rem;--spacing-spacing-xxl:3rem;--spacing-spacing-xxxl:3.5rem;--spacing-spacing-xxs:0.125rem;--spacing-spacing-rg:0.75rem;--radius-no:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-round:64rem;--type-scale-1:4rem;--type-scale-2:2.5rem;--type-scale-3:2rem;--type-scale-4:1.5rem;--type-scale-5:1.25rem;--type-scale-6:1rem;--type-scale-7:0.875rem;--type-scale-8:0.75rem;--type-scale-9:0.6875rem;--type-scale-10:0.625rem;--font-family-sans:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-serif:'Merriweather', 'Georgia', serif;--font-family-mono:'Fira Mono', 'Menlo', 'Monaco', 'Consolas', monospace;--colors-dark-primary-dark:#00e5ce;--colors-dark-primary-dark-100:#b5eee3;--colors-dark-primary-dark-200:#7dead8;--colors-dark-primary-dark-400:#49bcab;--colors-dark-primary-dark-500:#01af9d;--colors-dark-primary-dark-opacity-50:#00e5ce80;--colors-dark-primary-dark-opacity-25:#00e5ce40;--colors-dark-primary-dark-opacity-15:#00e5ce26;--colors-dark-secondary-dark:#0064cb;--colors-dark-secondary-dark-100:#00b8ff;--colors-dark-secondary-dark-200:#008fff;--colors-dark-secondary-dark-400:#0071c8;--colors-dark-secondary-dark-500:#00398d;--colors-dark-secondary-dark-opacity-50:#0064cb80;--colors-dark-secondary-dark-opacity-25:#0064cb40;--colors-dark-secondary-dark-opacity-15:#0064cb26;--colors-dark-neutral:#dfdfdf;--branding-coi-colors-dark-primary-dark:#00e5ce;--branding-coi-colors-dark-primary-dark-opacity-50:#00e5ce80;--branding-coi-colors-dark-primary-dark-opacity-25:#00e5ce40;--branding-coi-colors-dark-primary-dark-opacity-15:#00e5ce26;--branding-coi-colors-dark-primary-dark-100:#b5eee3;--branding-coi-colors-dark-primary-dark-200:#7dead8;--branding-coi-colors-dark-primary-dark-400:#49bcab;--branding-coi-colors-dark-primary-dark-500:#01af9d;--branding-coi-colors-dark-secondary-dark:#0064cb;--branding-coi-colors-dark-secondary-dark-opacity-50:#0064cb80;--branding-coi-colors-dark-secondary-dark-opacity-25:#0064cb40;--branding-coi-colors-dark-secondary-dark-opacity-15:#0064cb26;--branding-coi-colors-dark-secondary-dark-100:#00b8ff;--branding-coi-colors-dark-secondary-dark-200:#008fff;--branding-coi-colors-dark-secondary-dark-400:#0071c8;--branding-coi-colors-dark-secondary-dark-500:#00398d;--branding-coi-colors-dark-neutral:#dfdfdf;--branding-coi-type-family-sans:Lato;--branding-coi-type-family-serif:String value;--branding-coi-type-family-mono:Roboto Mono;--branding-coi-color:#ffffff;--structure-large-spacing-xxs:2px;--structure-large-spacing-xs:4px;--structure-large-spacing-sm:8px;--structure-large-spacing-rg:12px;--structure-large-spacing-md:16px;--structure-large-spacing-lg:24px;--structure-large-spacing-xl:32px;--structure-large-spacing-xxl:48px;--structure-large-spacing-xxxl:56px;--structure-large-radius-xxs:2px;--structure-large-radius-xs:4px;--structure-large-radius-sm:8px;--structure-large-radius-md:12px;--structure-large-radius-lg:16px;--structure-large-radius-xl:24px;--structure-large-radius-xxl:32px;--structure-large-radius-round:1024px;--structure-slim-spacing-xxs:3px;--structure-slim-spacing-xs:6px;--structure-slim-spacing-sm:7px;--structure-slim-spacing-rg:9px;--structure-slim-spacing-md:10px;--structure-slim-spacing-lg:14px;--structure-slim-spacing-xl:20px;--structure-slim-spacing-xxl:40px;--structure-slim-spacing-xxxl:64px;--structure-slim-radius-xxs:2px;--structure-slim-radius-xs:4px;--structure-slim-radius-sm:8px;--structure-slim-radius-md:12px;--structure-slim-radius-lg:16px;--structure-slim-radius-xl:24px;--structure-slim-radius-xxl:32px;--structure-slim-radius-round:1024px;--system-mode-2-loading:1;--system-mode-2-progressbar-width:var(--structure-large-spacing-sm);--system-mode-2-string:Dark;--colors-structure-fill-secondary:#ffffff;--colors-structure-fill-terciary:#ffffff;--colors-structure-fill-quaternary:#ffffff;--colors-structure-border-color:#50505d;--colors-structure-border-color-secondary:#ffffff;--colors-structure-bg-base:#1b1e21;--colors-structure-bg-base-disabled:#1b1e2140;--colors-structure-bg-container:var(--palette-gray-gray-9);--colors-structure-bg-elevated:var(--palette-gray-gray-8);--colors-structure-bg-layout:#09090b;--colors-structure-bg-spot:#50505d;--colors-structure-bg-mask:#00000073;--colors-structure-fill-15:#f8f9fa26;--colors-structure-fill-50:#f8f9fa80;--colors-semantic-success:#44a15e;--colors-semantic-danger:#ee3f59;--colors-semantic-warning:#ffd058;--colors-semantic-info:#3f70cf;--semantic-colors-success:#44a15e;--semantic-colors-danger:#ee3f59;--semantic-colors-success-light:#69db7c;--semantic-colors-danger-light:#ff8787;--badge-status-success-color:var(--semantic-colors-success);--badge-status-success-bg:var(--semantic-colors-success-light);--badge-status-error-color:var(--semantic-colors-danger);--badge-status-error-bg:var(--semantic-colors-danger-light);--input-active-inner-shadow:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--input-active-drop-shadow:0px 4px 4px rgba(24, 24, 27, 0.15);--input-focus-border-color:var(--brand-base, #00e5ce);--border-width-thin:1px;--border-width-medium:1.125px;--border-width-thick:1.5px;--opacity-disabled:0.6;--opacity-20:0.2;--opacity-25:0.25;--opacity-40:0.4;--shadow-focus-primary:inset 0px 0px 8px 2px rgba(0, 100, 203, 0.5);--shadow-focus-secondary:inset 0px 0px 8px 2px rgba(0, 229, 206, 0.5);--shadow-outline-secondary:0 0 0 4px rgba(0, 229, 206, 0.5);--shadow-outline-primary:0 0 0 4px rgba(0, 100, 203, 0.1);--avatar-font-size-xs:8px;--avatar-font-size-sm:12px;--avatar-font-size-md:16px;--avatar-font-size-lg:24px;--avatar-font-size-xl:28px;--radio-indicator-size:20px;--switch-track-width:40px;--switch-track-height:20px;--switch-thumb-size:16px;--input-addon-height:46px;--checkbox-indicator-size:20px;--shadow-switch-inset:inset 0px 2px 4px 0px rgba(24, 24, 24, 0.25);--shadow-radio-checked-inset:inset 0 2px 0 0 rgba(255, 255, 255, 0.25);--line-height-body-sm:16px;--line-height-body-md:24px;--line-height-body-lg:32px;--option-indicator-dot-size:8px}";
+
+/*
+ Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
+ */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/client/client-host-ref.ts
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
+var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
+};
+var registerHost = (hostElement, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: hostElement,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
+  };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
+  {
+    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+    hostElement["s-p"] = [];
+    hostElement["s-rc"] = [];
+  }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
+  return ref;
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var consoleError = (e, el) => (0, console.error)(e, el);
+
+// src/client/client-load-module.ts
+var cmpModules = /* @__PURE__ */ new Map();
+var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
+  const bundleId = cmpMeta.$lazyBundleId$;
+  if (!bundleId) {
+    return void 0;
+  }
+  const module = cmpModules.get(bundleId) ;
+  if (module) {
+    return module[exportName];
+  }
+  
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'voa-accordion.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-accordion.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-alert.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-alert.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-avatar.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-breadcrumbs.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-breadcrumbs.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-breadcrumbs-divider.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-breadcrumbs-divider.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-breadcrumbs-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-breadcrumbs-item.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-card.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-card.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-checkbox.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-checkbox.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-container-multi-select.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-container-multi-select.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-datepicker.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-datepicker.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-drawer.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-drawer.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-dropdown.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-input.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-input.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-input-addon.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-input-addon.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-link.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-link.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-list.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-list.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-modal.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-modal.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-option.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-option.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-pagination.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-pagination.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-progress.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-progress.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-radio.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-radio.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-select.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-select.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-skeleton.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-skeleton.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-stepper.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-stepper.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-switch.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-switch.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-tab.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-tab.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-tab-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-tab-item.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-table.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-table.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-tag.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-tag.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-text-area.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-text-area.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-timepicker.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-timepicker.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-tooltip.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-tooltip-arrow.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-tooltip-arrow.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-upload.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-upload.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-badge.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-badge.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-button.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-keybinding.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-keybinding.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-pagination-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-pagination-item.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'voa-select-base.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './voa-select-base.cjs.entry.js')); }).then(processMod, consoleError);
+          }
+      }
+  return (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${""}`
+  ).then(
+    (importedModule) => {
+      {
+        cmpModules.set(bundleId, importedModule);
+      }
+      return importedModule[exportName];
+    },
+    (e) => {
+      consoleError(e, hostRef.$hostElement$);
+    }
+  );
+};
+
+// src/client/client-style.ts
+var styles = /* @__PURE__ */ new Map();
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
+var win = typeof window !== "undefined" ? window : {};
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
+var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+  try {
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var queueTask = (queue, write) => (cb) => {
+  queue.push(cb);
+  if (!queuePending) {
+    queuePending = true;
+    if (write && plt.$flags$ & 4 /* queueSync */) {
+      nextTick(flush);
+    } else {
+      plt.raf(flush);
+    }
+  }
+};
+var consume = (queue) => {
+  for (let i2 = 0; i2 < queue.length; i2++) {
+    try {
+      queue[i2](performance.now());
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  queue.length = 0;
+};
+var flush = () => {
+  consume(queueDomReads);
+  {
+    consume(queueDomWrites);
+    if (queuePending = queueDomReads.length > 0) {
+      plt.raf(flush);
+    }
+  }
+};
+var nextTick = (cb) => promiseResolve().then(cb);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  if (!supportsConstructableStylesheets) return void 0;
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(styles2);
+  return sheet;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
+function createShadowRoot(cmpMeta) {
+  var _a;
+  const shadowRoot = this.attachShadow({
+    mode: "open",
+    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
+  }) ;
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
+  }
+}
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
+var h = (nodeName, vnodeData, ...children) => {
+  let child = null;
+  let key = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  if (typeof nodeName === "function") {
+    return nodeName(
+      vnodeData === null ? {} : vnodeData,
+      vNodeChildren,
+      vdomFnUtils
+    );
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    $text$: text,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+var convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+var convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = { ...node.vattrs };
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
+    }
+    if (propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "style") {
+    {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
+          if (prop.includes("-")) {
+            elm.style.removeProperty(prop);
+          } else {
+            elm.style[prop] = "";
+          }
+        }
+      }
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        if (prop.includes("-")) {
+          elm.style.setProperty(prop, newValue[prop]);
+        } else {
+          elm.style[prop] = newValue[prop];
+        }
+      }
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
+  }
+};
+var parseClassListRegex = /\s/;
+var parseClassList = (value) => {
+  if (typeof value === "object" && value && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value || typeof value !== "string") {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/vdom/update-element.ts
+var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
+  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+  const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
+  const newVnodeAttrs = newVnode.$attrs$ || {};
+  {
+    for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
+      if (!(memberName in newVnodeAttrs)) {
+        setAccessor(
+          elm,
+          memberName,
+          oldVnodeAttrs[memberName],
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$);
+      }
+    }
+  }
+  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
+    setAccessor(
+      elm,
+      memberName,
+      oldVnodeAttrs[memberName],
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$);
+  }
+};
+function sortedAttrNames(attrNames) {
+  return attrNames.includes("ref") ? (
+    // we need to sort these to ensure that `'ref'` is the last attr
+    [...attrNames.filter((attr) => attr !== "ref"), "ref"]
+  ) : (
+    // no need to sort, return the original array
+    attrNames
+  );
+}
+var hostTagName;
+var isSvgMode = false;
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+  const newVNode2 = newParentVNode.$children$[childIndex];
+  let i2 = 0;
+  let elm;
+  let childNode;
+  if (newVNode2.$text$ !== null) {
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+  } else {
+    if (!isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
+    if (!win.document) {
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
+    }
+    elm = newVNode2.$elm$ = win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
+      newVNode2.$tag$
+    ) ;
+    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+    if (newVNode2.$children$) {
+      for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
+        childNode = createElm(oldParentVNode, newVNode2, i2);
+        if (childNode) {
+          elm.appendChild(childNode);
+        }
+      }
+    }
+    {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
+  }
+  elm["s-hn"] = hostTagName;
+  return elm;
+};
+var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+  let containerElm = parentElm;
+  let childNode;
+  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+    containerElm = containerElm.shadowRoot;
+  }
+  for (; startIdx <= endIdx; ++startIdx) {
+    if (vnodes[startIdx]) {
+      childNode = createElm(null, parentVNode, startIdx);
+      if (childNode) {
+        vnodes[startIdx].$elm$ = childNode;
+        insertBefore(containerElm, childNode, before);
+      }
+    }
+  }
+};
+var removeVnodes = (vnodes, startIdx, endIdx) => {
+  for (let index = startIdx; index <= endIdx; ++index) {
+    const vnode = vnodes[index];
+    if (vnode) {
+      const elm = vnode.$elm$;
+      nullifyVNodeRefs(vnode);
+      if (elm) {
+        elm.remove();
+      }
+    }
+  }
+};
+var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
+  let oldStartIdx = 0;
+  let newStartIdx = 0;
+  let idxInOld = 0;
+  let i2 = 0;
+  let oldEndIdx = oldCh.length - 1;
+  let oldStartVnode = oldCh[0];
+  let oldEndVnode = oldCh[oldEndIdx];
+  let newEndIdx = newCh.length - 1;
+  let newStartVnode = newCh[0];
+  let newEndVnode = newCh[newEndIdx];
+  let node;
+  let elmToMove;
+  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+    if (oldStartVnode == null) {
+      oldStartVnode = oldCh[++oldStartIdx];
+    } else if (oldEndVnode == null) {
+      oldEndVnode = oldCh[--oldEndIdx];
+    } else if (newStartVnode == null) {
+      newStartVnode = newCh[++newStartIdx];
+    } else if (newEndVnode == null) {
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
+      patch(oldStartVnode, newStartVnode, isInitialRender);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
+      patch(oldEndVnode, newEndVnode, isInitialRender);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      patch(oldStartVnode, newEndVnode, isInitialRender);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      patch(oldEndVnode, newStartVnode, isInitialRender);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else {
+      idxInOld = -1;
+      {
+        for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
+          if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
+            idxInOld = i2;
+            break;
+          }
+        }
+      }
+      if (idxInOld >= 0) {
+        elmToMove = oldCh[idxInOld];
+        if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+        } else {
+          patch(elmToMove, newStartVnode, isInitialRender);
+          oldCh[idxInOld] = void 0;
+          node = elmToMove.$elm$;
+        }
+        newStartVnode = newCh[++newStartIdx];
+      } else {
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+        newStartVnode = newCh[++newStartIdx];
+      }
+      if (node) {
+        {
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+        }
+      }
+    }
+  }
+  if (oldStartIdx > oldEndIdx) {
+    addVnodes(
+      parentElm,
+      newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
+      newVNode2,
+      newCh,
+      newStartIdx,
+      newEndIdx
+    );
+  } else if (newStartIdx > newEndIdx) {
+    removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+  }
+};
+var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
+  if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (!isInitialRender) {
+      return leftVNode.$key$ === rightVNode.$key$;
+    }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
+    return true;
+  }
+  return false;
+};
+var patch = (oldVNode, newVNode2, isInitialRender = false) => {
+  const elm = newVNode2.$elm$ = oldVNode.$elm$;
+  const oldChildren = oldVNode.$children$;
+  const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
+  const text = newVNode2.$text$;
+  if (text === null) {
+    {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
+    {
+      updateElement(oldVNode, newVNode2, isSvgMode);
+    }
+    if (oldChildren !== null && newChildren !== null) {
+      updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
+    } else if (newChildren !== null) {
+      if (oldVNode.$text$ !== null) {
+        elm.textContent = "";
+      }
+      addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
+      removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    } else ;
+    if (isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
+  } else if (oldVNode.$text$ !== text) {
+    elm.data = text;
+  }
+};
+var nullifyVNodeRefs = (vNode) => {
+  {
+    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+  }
+};
+var insertBefore = (parent, newNode, reference) => {
+  {
+    return parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  }
+};
+var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  const hostElm = hostRef.$hostElement$;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+  const isHostElement = isHost(renderFnResults);
+  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
+  hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
+  }
+  if (isInitialLoad && rootVnode.$attrs$) {
+    for (const key of Object.keys(rootVnode.$attrs$)) {
+      if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
+        rootVnode.$attrs$[key] = hostElm[key];
+      }
+    }
+  }
+  rootVnode.$tag$ = null;
+  rootVnode.$flags$ |= 4 /* isHost */;
+  hostRef.$vnode$ = rootVnode;
+  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  patch(oldVNode, rootVnode, isInitialLoad);
+};
+
+// src/runtime/update-component.ts
+var attachToAncestor = (hostRef, ancestorComponent) => {
+  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+    const index = ancestorComponent["s-p"].push(
+      new Promise(
+        (r) => hostRef.$onRenderResolve$ = () => {
+          ancestorComponent["s-p"].splice(index - 1, 1);
+          r();
+        }
+      )
+    );
+  }
+};
+var scheduleUpdate = (hostRef, isInitialLoad) => {
+  {
+    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+  }
+  if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+    hostRef.$flags$ |= 512 /* needsRerender */;
+    return;
+  }
+  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
+  return writeTask(dispatch) ;
+};
+var dispatchHooks = (hostRef, isInitialLoad) => {
+  const elm = hostRef.$hostElement$;
+  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+  const instance = hostRef.$lazyInstance$ ;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
+    );
+  }
+  let maybePromise;
+  if (isInitialLoad) {
+    {
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+  endSchedule();
+  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+};
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
+  console.error(err2);
+  fn();
+}) : fn();
+var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
+var updateComponent = async (hostRef, instance, isInitialLoad) => {
+  var _a;
+  const elm = hostRef.$hostElement$;
+  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
+  const rc = elm["s-rc"];
+  if (isInitialLoad) {
+    attachStyles(hostRef);
+  }
+  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
+  {
+    callRender(hostRef, instance, elm, isInitialLoad);
+  }
+  if (rc) {
+    rc.map((cb) => cb());
+    elm["s-rc"] = void 0;
+  }
+  endRender();
+  endUpdate();
+  {
+    const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
+    const postUpdate = () => postUpdateComponent(hostRef);
+    if (childrenPromises.length === 0) {
+      postUpdate();
+    } else {
+      Promise.all(childrenPromises).then(postUpdate);
+      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
+      childrenPromises.length = 0;
+    }
+  }
+};
+var callRender = (hostRef, instance, elm, isInitialLoad) => {
+  try {
+    instance = instance.render() ;
+    {
+      hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
+    }
+    {
+      hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    {
+      {
+        {
+          renderVdom(hostRef, instance, isInitialLoad);
+        }
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+  return null;
+};
+var postUpdateComponent = (hostRef) => {
+  const tagName = hostRef.$cmpMeta$.$tagName$;
+  const elm = hostRef.$hostElement$;
+  const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
+  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+    {
+      addHydratedFlag(elm);
+    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
+    endPostUpdate();
+    {
+      hostRef.$onReadyResolve$(elm);
+      if (!ancestorComponent) {
+        appDidLoad();
+      }
+    }
+  } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
+    endPostUpdate();
+  }
+  {
+    hostRef.$onInstanceResolve$(elm);
+  }
+  {
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$flags$ & 512 /* needsRerender */) {
+      nextTick(() => scheduleUpdate(hostRef, false));
+    }
+    hostRef.$flags$ &= -517;
+  }
+};
+var appDidLoad = (who) => {
+  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+};
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
+var addHydratedFlag = (elm) => {
+  var _a;
+  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+};
+
+// src/runtime/set-value.ts
+var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+var setValue = (ref, propName, newVal, cmpMeta) => {
+  const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
+  if (!hostRef) {
+    throw new Error(
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
+    );
+  }
+  const elm = hostRef.$hostElement$ ;
+  const oldVal = hostRef.$instanceValues$.get(propName);
+  const flags = hostRef.$flags$;
+  const instance = hostRef.$lazyInstance$ ;
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
+  const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
+  const didValueChange = newVal !== oldVal && !areBothNaN;
+  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
+    hostRef.$instanceValues$.set(propName, newVal);
+    if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
+      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
+        scheduleUpdate(hostRef, false);
+      }
+    }
+  }
+};
+
+// src/runtime/proxy-component.ts
+var proxyComponent = (Cstr, cmpMeta, flags) => {
+  var _a, _b;
+  const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
+    }
+    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+    members.map(([memberName, [memberFlags]]) => {
+      if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
+        if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
+        if (flags & 1 /* isElementConstructor */ || !origGetter) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              {
+                if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
+                  return getValue(this, memberName);
+                }
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              }
+            },
+            configurable: true,
+            enumerable: true
+          });
+        }
+        Object.defineProperty(prototype, memberName, {
+          set(newValue) {
+            const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
+            if (origSetter) {
+              const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
+                newValue = ref.$instanceValues$.get(memberName);
+              }
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
+              ]);
+              newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              setValue(this, memberName, newValue, cmpMeta);
+              return;
+            }
+            {
+              if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
+                setValue(this, memberName, newValue, cmpMeta);
+                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
+                  ref.$fetchedCbList$.push(() => {
+                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
+                      ref.$lazyInstance$[memberName] = newValue;
+                    }
+                  });
+                }
+                return;
+              }
+              const setterSetVal = () => {
+                const currentValue = ref.$lazyInstance$[memberName];
+                if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                  ref.$instanceValues$.set(memberName, currentValue);
+                }
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
+                setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+              };
+              if (ref.$lazyInstance$) {
+                setterSetVal();
+              } else {
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
+              }
+            }
+          }
+        });
+      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
+      }
+    });
+    if ((flags & 1 /* isElementConstructor */)) {
+      const attrNameToPropName = /* @__PURE__ */ new Map();
+      prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
+        plt.jmp(() => {
+          var _a2;
+          const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
+            newValue = this[propName];
+            delete this[propName];
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
+            return;
+          } else if (propName == null) {
+            const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+              const instance = hostRef.$lazyInstance$ ;
+              const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
+              entry == null ? void 0 : entry.forEach((callbackName) => {
+                if (instance[callbackName] != null) {
+                  instance[callbackName].call(instance, newValue, oldValue, attrName);
+                }
+              });
+            }
+            return;
+          }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+            this[propName] = newValue;
+          }
+        });
+      };
+      Cstr.observedAttributes = Array.from(
+        /* @__PURE__ */ new Set([
+          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
+            const attrName = m[1] || propName;
+            attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
+            return attrName;
+          })
+        ])
+      );
+    }
+  }
+  return Cstr;
+};
+
+// src/runtime/initialize-component.ts
+var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  let Cstr;
+  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
+      const CstrImport = loadModule(cmpMeta, hostRef);
+      if (CstrImport && "then" in CstrImport) {
+        const endLoad = uniqueTime();
+        Cstr = await CstrImport;
+        endLoad();
+      } else {
+        Cstr = CstrImport;
+      }
+      if (!Cstr) {
+        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+      }
+      if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
+        }
+        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+        Cstr.isProxied = true;
+      }
+      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+      {
+        hostRef.$flags$ |= 8 /* isConstructingInstance */;
+      }
+      try {
+        new Cstr(hostRef);
+      } catch (e) {
+        consoleError(e, elm);
+      }
+      {
+        hostRef.$flags$ &= -9 /* isConstructingInstance */;
+      }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
+      endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+    }
+    if (Cstr && Cstr.style) {
+      let style;
+      if (typeof Cstr.style === "string") {
+        style = Cstr.style;
+      }
+      const scopeId2 = getScopeId(cmpMeta);
+      if (!styles.has(scopeId2)) {
+        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+        endRegisterStyles();
+      }
+    }
+  }
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  const schedule = () => scheduleUpdate(hostRef, true);
+  if (ancestorComponent && ancestorComponent["s-rc"]) {
+    ancestorComponent["s-rc"].push(schedule);
+  } else {
+    schedule();
+  }
+};
+var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
+};
+
+// src/runtime/connected-callback.ts
+var connectedCallback = (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
+    const cmpMeta = hostRef.$cmpMeta$;
+    const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
+    if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+      hostRef.$flags$ |= 1 /* hasConnected */;
+      {
+        let ancestorComponent = elm;
+        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+          if (ancestorComponent["s-p"]) {
+            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+            break;
+          }
+        }
+      }
+      if (cmpMeta.$members$) {
+        Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+            const value = elm[memberName];
+            delete elm[memberName];
+            elm[memberName] = value;
+          }
+        });
+      }
+      {
+        initializeComponent(elm, hostRef, cmpMeta);
+      }
+    } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
+      }
+    }
+    endConnected();
+  }
+};
+var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
+};
+var disconnectedCallback = async (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
+    }
+  }
+  if (rootAppliedStyles.has(elm)) {
+    rootAppliedStyles.delete(elm);
+  }
+  if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
+    rootAppliedStyles.delete(elm.shadowRoot);
+  }
+};
+
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (lazyBundles, options = {}) => {
+  var _a;
+  if (!win.document) {
+    console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
+    return;
+  }
+  const endBootstrap = createTime();
+  const cmpTags = [];
+  const exclude = options.exclude || [];
+  const customElements2 = win.customElements;
+  const head = win.document.head;
+  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
+  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
+  const deferredConnectedCallbacks = [];
+  let appLoadFallback;
+  let isBootstrapping = true;
+  Object.assign(plt, options);
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
+  let hasSlotRelocation = false;
+  lazyBundles.map((lazyBundle) => {
+    lazyBundle[1].map((compactMeta) => {
+      var _a2, _b, _c;
+      const cmpMeta = {
+        $flags$: compactMeta[0],
+        $tagName$: compactMeta[1],
+        $members$: compactMeta[2],
+        $listeners$: compactMeta[3]
+      };
+      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+        hasSlotRelocation = true;
+      }
+      {
+        cmpMeta.$members$ = compactMeta[2];
+      }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
+      }
+      const tagName = cmpMeta.$tagName$;
+      const HostElement = class extends HTMLElement {
+        // StencilLazyHost
+        constructor(self) {
+          super(self);
+          this.hasRegisteredEventListeners = false;
+          self = this;
+          registerHost(self, cmpMeta);
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            {
+              if (!self.shadowRoot) {
+                createShadowRoot.call(self, cmpMeta);
+              } else {
+                if (self.shadowRoot.mode !== "open") {
+                  throw new Error(
+                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
+                  );
+                }
+              }
+            }
+          }
+        }
+        connectedCallback() {
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
+          }
+          if (appLoadFallback) {
+            clearTimeout(appLoadFallback);
+            appLoadFallback = null;
+          }
+          if (isBootstrapping) {
+            deferredConnectedCallbacks.push(this);
+          } else {
+            plt.jmp(() => connectedCallback(this));
+          }
+        }
+        disconnectedCallback() {
+          plt.jmp(() => disconnectedCallback(this));
+          plt.raf(() => {
+            var _a3;
+            const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
+            if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
+              delete hostRef.$vnode$.$elm$;
+            }
+          });
+        }
+        componentOnReady() {
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
+        }
+      };
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
+      cmpMeta.$lazyBundleId$ = lazyBundle[0];
+      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
+        cmpTags.push(tagName);
+        customElements2.define(
+          tagName,
+          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
+        );
+      }
+    });
+  });
+  if (cmpTags.length > 0) {
+    if (hasSlotRelocation) {
+      dataStyles.textContent += SLOT_FB_CSS;
+    }
+    {
+      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+    }
+    if (dataStyles.innerHTML.length) {
+      dataStyles.setAttribute("data-styles", "");
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+      if (nonce != null) {
+        dataStyles.setAttribute("nonce", nonce);
+      }
+      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+    }
+  }
+  isBootstrapping = false;
+  if (deferredConnectedCallbacks.length) {
+    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  } else {
+    {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+    }
+  }
+  endBootstrap();
+};
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = getHostListenerTarget(win.document, elm, flags) ;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 8 /* TargetWindow */) {
+    return win;
+  }
+  return elm;
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
+
+// src/runtime/nonce.ts
+var setNonce = (nonce) => plt.$nonce$ = nonce;
+
+exports.Host = Host;
+exports.bootstrapLazy = bootstrapLazy;
+exports.createEvent = createEvent;
+exports.getElement = getElement;
+exports.globalScripts = globalScripts;
+exports.h = h;
+exports.promiseResolve = promiseResolve;
+exports.registerInstance = registerInstance;
+exports.setNonce = setNonce;
+//# sourceMappingURL=index-TzstRlIU.js.map
+
+//# sourceMappingURL=index-TzstRlIU.js.map