voa-ds-core 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/custom-elements/index.d.ts +0 -81
  2. package/dist/custom-elements/index.js +1460 -40
  3. package/dist/custom-elements/index.js.map +1 -1
  4. package/dist/custom-elements/{p-Dij6eiDm.js → p-B2P7cgN3.js} +5 -4
  5. package/dist/custom-elements/p-B2P7cgN3.js.map +1 -0
  6. package/dist/custom-elements/{p-Bbv_lCJm.js → p-CQr0ZKZZ.js} +4 -3
  7. package/dist/custom-elements/p-CQr0ZKZZ.js.map +1 -0
  8. package/dist/custom-elements/{p-CGXKDN0Z.js → p-Cp28eWhS.js} +3 -3
  9. package/dist/custom-elements/{p-CGXKDN0Z.js.map → p-Cp28eWhS.js.map} +1 -1
  10. package/dist/custom-elements/{p-BVkwkeZD.js → p-DKnM_Ozb.js} +4 -3
  11. package/dist/custom-elements/p-DKnM_Ozb.js.map +1 -0
  12. package/dist/custom-elements/{p-C3RlQWjO.js → p-DPyVgztA.js} +4 -3
  13. package/dist/custom-elements/p-DPyVgztA.js.map +1 -0
  14. package/dist/custom-elements/{p-DMLFTaAS.js → p-Dto9R8Te.js} +4 -3
  15. package/dist/custom-elements/p-Dto9R8Te.js.map +1 -0
  16. package/dist/custom-elements/voa-accordion.js +2 -1
  17. package/dist/custom-elements/voa-accordion.js.map +1 -1
  18. package/dist/custom-elements/voa-alert.js +4 -3
  19. package/dist/custom-elements/voa-alert.js.map +1 -1
  20. package/dist/custom-elements/voa-avatar.js +2 -1
  21. package/dist/custom-elements/voa-avatar.js.map +1 -1
  22. package/dist/custom-elements/voa-badge.js +1 -1
  23. package/dist/custom-elements/voa-breadcrumbs-divider.js +3 -2
  24. package/dist/custom-elements/voa-breadcrumbs-divider.js.map +1 -1
  25. package/dist/custom-elements/voa-breadcrumbs-item.js +2 -1
  26. package/dist/custom-elements/voa-breadcrumbs-item.js.map +1 -1
  27. package/dist/custom-elements/voa-breadcrumbs.js +2 -1
  28. package/dist/custom-elements/voa-breadcrumbs.js.map +1 -1
  29. package/dist/custom-elements/voa-button.js +1 -1
  30. package/dist/custom-elements/voa-card.js +2 -1
  31. package/dist/custom-elements/voa-card.js.map +1 -1
  32. package/dist/custom-elements/voa-checkbox.js +2 -1
  33. package/dist/custom-elements/voa-checkbox.js.map +1 -1
  34. package/dist/custom-elements/voa-container-multi-select.js +3 -2
  35. package/dist/custom-elements/voa-container-multi-select.js.map +1 -1
  36. package/dist/custom-elements/voa-datepicker.js +2 -1
  37. package/dist/custom-elements/voa-datepicker.js.map +1 -1
  38. package/dist/custom-elements/voa-drawer.js +2 -1
  39. package/dist/custom-elements/voa-drawer.js.map +1 -1
  40. package/dist/custom-elements/voa-dropdown.js +2 -1
  41. package/dist/custom-elements/voa-dropdown.js.map +1 -1
  42. package/dist/custom-elements/voa-input-addon.js +3 -2
  43. package/dist/custom-elements/voa-input-addon.js.map +1 -1
  44. package/dist/custom-elements/voa-input.js +2 -1
  45. package/dist/custom-elements/voa-input.js.map +1 -1
  46. package/dist/custom-elements/voa-keybinding.js +1 -1
  47. package/dist/custom-elements/voa-link.js +2 -1
  48. package/dist/custom-elements/voa-link.js.map +1 -1
  49. package/dist/custom-elements/voa-list.js +2 -1
  50. package/dist/custom-elements/voa-list.js.map +1 -1
  51. package/dist/custom-elements/voa-modal.js +2 -1
  52. package/dist/custom-elements/voa-modal.js.map +1 -1
  53. package/dist/custom-elements/voa-option.js +2 -1
  54. package/dist/custom-elements/voa-option.js.map +1 -1
  55. package/dist/custom-elements/voa-pagination-item.js +1 -1
  56. package/dist/custom-elements/voa-pagination.js +3 -2
  57. package/dist/custom-elements/voa-pagination.js.map +1 -1
  58. package/dist/custom-elements/voa-progress.js +2 -1
  59. package/dist/custom-elements/voa-progress.js.map +1 -1
  60. package/dist/custom-elements/voa-radio.js +2 -1
  61. package/dist/custom-elements/voa-radio.js.map +1 -1
  62. package/dist/custom-elements/voa-select-base.js +1 -1
  63. package/dist/custom-elements/voa-select.js +3 -2
  64. package/dist/custom-elements/voa-select.js.map +1 -1
  65. package/dist/custom-elements/voa-skeleton.js +2 -1
  66. package/dist/custom-elements/voa-skeleton.js.map +1 -1
  67. package/dist/custom-elements/voa-stepper.js +2 -1
  68. package/dist/custom-elements/voa-stepper.js.map +1 -1
  69. package/dist/custom-elements/voa-switch.js +2 -1
  70. package/dist/custom-elements/voa-switch.js.map +1 -1
  71. package/dist/custom-elements/voa-tab-item.js +2 -1
  72. package/dist/custom-elements/voa-tab-item.js.map +1 -1
  73. package/dist/custom-elements/voa-tab.js +2 -1
  74. package/dist/custom-elements/voa-tab.js.map +1 -1
  75. package/dist/custom-elements/voa-table.js +2 -1
  76. package/dist/custom-elements/voa-table.js.map +1 -1
  77. package/dist/custom-elements/voa-tag.js +2 -1
  78. package/dist/custom-elements/voa-tag.js.map +1 -1
  79. package/dist/custom-elements/voa-text-area.js +2 -1
  80. package/dist/custom-elements/voa-text-area.js.map +1 -1
  81. package/dist/custom-elements/voa-timepicker.js +2 -1
  82. package/dist/custom-elements/voa-timepicker.js.map +1 -1
  83. package/dist/custom-elements/voa-tooltip-arrow.js +2 -1
  84. package/dist/custom-elements/voa-tooltip-arrow.js.map +1 -1
  85. package/dist/custom-elements/voa-tooltip.js +2 -1
  86. package/dist/custom-elements/voa-tooltip.js.map +1 -1
  87. package/dist/custom-elements/voa-upload.js +2 -1
  88. package/dist/custom-elements/voa-upload.js.map +1 -1
  89. package/dist/styles/voa-components.css +2 -2
  90. package/package.json +5 -1
  91. package/dist/custom-elements/p-BVkwkeZD.js.map +0 -1
  92. package/dist/custom-elements/p-Bbv_lCJm.js.map +0 -1
  93. package/dist/custom-elements/p-C3RlQWjO.js.map +0 -1
  94. package/dist/custom-elements/p-CFBaVtm5.js +0 -1463
  95. package/dist/custom-elements/p-CFBaVtm5.js.map +0 -1
  96. package/dist/custom-elements/p-DMLFTaAS.js.map +0 -1
  97. package/dist/custom-elements/p-Dij6eiDm.js.map +0 -1
@@ -1,1463 +0,0 @@
1
- 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}";
2
-
3
- const NAMESPACE = 'voa';
4
- const BUILD = /* voa */ { hydratedSelectorName: "hydrated", lazyLoad: false, state: true, updatable: true};
5
-
6
- /*
7
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
8
- */
9
- var __defProp = Object.defineProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
-
15
- // src/utils/constants.ts
16
- var SVG_NS = "http://www.w3.org/2000/svg";
17
- var HTML_NS = "http://www.w3.org/1999/xhtml";
18
- var reWireGetterSetter = (instance, hostRef) => {
19
- var _a;
20
- const cmpMeta = hostRef.$cmpMeta$;
21
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
22
- members.map(([memberName, [memberFlags]]) => {
23
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
24
- const ogValue = instance[memberName];
25
- const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
26
- if (ogDescriptor) {
27
- Object.defineProperty(instance, memberName, {
28
- get() {
29
- return ogDescriptor.get.call(this);
30
- },
31
- set(newValue) {
32
- ogDescriptor.set.call(this, newValue);
33
- },
34
- configurable: true,
35
- enumerable: true
36
- });
37
- }
38
- instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
39
- }
40
- });
41
- };
42
- function getPropertyDescriptor(obj, memberName) {
43
- while (obj) {
44
- const desc = Object.getOwnPropertyDescriptor(obj, memberName);
45
- if (desc == null ? void 0 : desc.get) return desc;
46
- obj = Object.getPrototypeOf(obj);
47
- }
48
- return void 0;
49
- }
50
-
51
- // src/client/client-host-ref.ts
52
- var getHostRef = (ref) => {
53
- if (ref.__stencil__getHostRef) {
54
- return ref.__stencil__getHostRef();
55
- }
56
- return void 0;
57
- };
58
- var registerHost = (hostElement, cmpMeta) => {
59
- const hostRef = {
60
- $flags$: 0,
61
- $hostElement$: hostElement,
62
- $cmpMeta$: cmpMeta,
63
- $instanceValues$: /* @__PURE__ */ new Map(),
64
- $serializerValues$: /* @__PURE__ */ new Map()
65
- };
66
- {
67
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
68
- hostElement["s-p"] = [];
69
- hostElement["s-rc"] = [];
70
- }
71
- const ref = hostRef;
72
- hostElement.__stencil__getHostRef = () => ref;
73
- if (cmpMeta.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
74
- reWireGetterSetter(hostElement, hostRef);
75
- }
76
- return ref;
77
- };
78
- var isMemberInElement = (elm, memberName) => memberName in elm;
79
- var consoleError = (e, el) => (0, console.error)(e, el);
80
-
81
- // src/client/client-style.ts
82
- var styles = /* @__PURE__ */ new Map();
83
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
84
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
85
- "formAssociatedCallback",
86
- "formResetCallback",
87
- "formDisabledCallback",
88
- "formStateRestoreCallback"
89
- ];
90
- var win = typeof window !== "undefined" ? window : {};
91
- var H = win.HTMLElement || class {
92
- };
93
- var plt = {
94
- $flags$: 0,
95
- $resourcesUrl$: "",
96
- jmp: (h2) => h2(),
97
- raf: (h2) => requestAnimationFrame(h2),
98
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
99
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
100
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
101
- };
102
- var supportsListenerOptions = /* @__PURE__ */ (() => {
103
- var _a;
104
- let supportsListenerOptions2 = false;
105
- try {
106
- (_a = win.document) == null ? void 0 : _a.addEventListener(
107
- "e",
108
- null,
109
- Object.defineProperty({}, "passive", {
110
- get() {
111
- supportsListenerOptions2 = true;
112
- }
113
- })
114
- );
115
- } catch (e) {
116
- }
117
- return supportsListenerOptions2;
118
- })();
119
- var promiseResolve = (v) => Promise.resolve(v);
120
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
121
- try {
122
- new CSSStyleSheet();
123
- return typeof new CSSStyleSheet().replaceSync === "function";
124
- } catch (e) {
125
- }
126
- return false;
127
- })() ;
128
- var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
129
- var queuePending = false;
130
- var queueDomReads = [];
131
- var queueDomWrites = [];
132
- var queueTask = (queue, write) => (cb) => {
133
- queue.push(cb);
134
- if (!queuePending) {
135
- queuePending = true;
136
- if (write && plt.$flags$ & 4 /* queueSync */) {
137
- nextTick(flush);
138
- } else {
139
- plt.raf(flush);
140
- }
141
- }
142
- };
143
- var consume = (queue) => {
144
- for (let i2 = 0; i2 < queue.length; i2++) {
145
- try {
146
- queue[i2](performance.now());
147
- } catch (e) {
148
- consoleError(e);
149
- }
150
- }
151
- queue.length = 0;
152
- };
153
- var flush = () => {
154
- consume(queueDomReads);
155
- {
156
- consume(queueDomWrites);
157
- if (queuePending = queueDomReads.length > 0) {
158
- plt.raf(flush);
159
- }
160
- }
161
- };
162
- var nextTick = (cb) => promiseResolve().then(cb);
163
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
164
-
165
- // src/runtime/asset-path.ts
166
- var getAssetPath = (path) => {
167
- const assetUrl = new URL(path, plt.$resourcesUrl$);
168
- return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
169
- };
170
- var setAssetPath = (path) => plt.$resourcesUrl$ = path;
171
- var isComplexType = (o) => {
172
- o = typeof o;
173
- return o === "object" || o === "function";
174
- };
175
-
176
- // src/utils/query-nonce-meta-tag-content.ts
177
- function queryNonceMetaTagContent(doc) {
178
- var _a, _b, _c;
179
- 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;
180
- }
181
-
182
- // src/utils/regular-expression.ts
183
- var escapeRegExpSpecialCharacters = (text) => {
184
- return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
185
- };
186
-
187
- // src/utils/result.ts
188
- var result_exports = {};
189
- __export(result_exports, {
190
- err: () => err,
191
- map: () => map,
192
- ok: () => ok,
193
- unwrap: () => unwrap,
194
- unwrapErr: () => unwrapErr
195
- });
196
- var ok = (value) => ({
197
- isOk: true,
198
- isErr: false,
199
- value
200
- });
201
- var err = (value) => ({
202
- isOk: false,
203
- isErr: true,
204
- value
205
- });
206
- function map(result, fn) {
207
- if (result.isOk) {
208
- const val = fn(result.value);
209
- if (val instanceof Promise) {
210
- return val.then((newVal) => ok(newVal));
211
- } else {
212
- return ok(val);
213
- }
214
- }
215
- if (result.isErr) {
216
- const value = result.value;
217
- return err(value);
218
- }
219
- throw "should never get here";
220
- }
221
- var unwrap = (result) => {
222
- if (result.isOk) {
223
- return result.value;
224
- } else {
225
- throw result.value;
226
- }
227
- };
228
- var unwrapErr = (result) => {
229
- if (result.isErr) {
230
- return result.value;
231
- } else {
232
- throw result.value;
233
- }
234
- };
235
-
236
- // src/utils/style.ts
237
- function createStyleSheetIfNeededAndSupported(styles2) {
238
- if (!supportsConstructableStylesheets) return void 0;
239
- const sheet = new CSSStyleSheet();
240
- sheet.replaceSync(styles2);
241
- return sheet;
242
- }
243
-
244
- // src/utils/shadow-root.ts
245
- var globalStyleSheet;
246
- function createShadowRoot(cmpMeta) {
247
- var _a;
248
- const shadowRoot = this.attachShadow({
249
- mode: "open",
250
- delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
251
- }) ;
252
- if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
253
- if (globalStyleSheet) {
254
- if (supportsMutableAdoptedStyleSheets) {
255
- shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
256
- } else {
257
- shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
258
- }
259
- }
260
- }
261
- var createTime = (fnName, tagName = "") => {
262
- {
263
- return () => {
264
- return;
265
- };
266
- }
267
- };
268
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
269
- var registerStyle = (scopeId2, cssText, allowCS) => {
270
- let style = styles.get(scopeId2);
271
- if (supportsConstructableStylesheets && allowCS) {
272
- style = style || new CSSStyleSheet();
273
- if (typeof style === "string") {
274
- style = cssText;
275
- } else {
276
- style.replaceSync(cssText);
277
- }
278
- } else {
279
- style = cssText;
280
- }
281
- styles.set(scopeId2, style);
282
- };
283
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
284
- var _a;
285
- const scopeId2 = getScopeId(cmpMeta);
286
- const style = styles.get(scopeId2);
287
- if (!win.document) {
288
- return scopeId2;
289
- }
290
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
291
- if (style) {
292
- if (typeof style === "string") {
293
- styleContainerNode = styleContainerNode.head || styleContainerNode;
294
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
295
- let styleElm;
296
- if (!appliedStyles) {
297
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
298
- }
299
- if (!appliedStyles.has(scopeId2)) {
300
- {
301
- styleElm = win.document.createElement("style");
302
- styleElm.innerHTML = style;
303
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
304
- if (nonce != null) {
305
- styleElm.setAttribute("nonce", nonce);
306
- }
307
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
308
- if (styleContainerNode.nodeName === "HEAD") {
309
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
310
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
311
- styleContainerNode.insertBefore(
312
- styleElm,
313
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
314
- );
315
- } else if ("host" in styleContainerNode) {
316
- if (supportsConstructableStylesheets) {
317
- const stylesheet = new CSSStyleSheet();
318
- stylesheet.replaceSync(style);
319
- if (supportsMutableAdoptedStyleSheets) {
320
- styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
321
- } else {
322
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
323
- }
324
- } else {
325
- const existingStyleContainer = styleContainerNode.querySelector("style");
326
- if (existingStyleContainer) {
327
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
328
- } else {
329
- styleContainerNode.prepend(styleElm);
330
- }
331
- }
332
- } else {
333
- styleContainerNode.append(styleElm);
334
- }
335
- }
336
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
337
- styleContainerNode.insertBefore(styleElm, null);
338
- }
339
- }
340
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
341
- styleElm.innerHTML += SLOT_FB_CSS;
342
- }
343
- if (appliedStyles) {
344
- appliedStyles.add(scopeId2);
345
- }
346
- }
347
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
348
- if (supportsMutableAdoptedStyleSheets) {
349
- styleContainerNode.adoptedStyleSheets.push(style);
350
- } else {
351
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
352
- }
353
- }
354
- }
355
- return scopeId2;
356
- };
357
- var attachStyles = (hostRef) => {
358
- const cmpMeta = hostRef.$cmpMeta$;
359
- const elm = hostRef.$hostElement$;
360
- const flags = cmpMeta.$flags$;
361
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
362
- const scopeId2 = addStyle(
363
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
364
- cmpMeta);
365
- if (flags & 10 /* needsScopedEncapsulation */) {
366
- elm["s-sc"] = scopeId2;
367
- elm.classList.add(scopeId2 + "-h");
368
- }
369
- endAttachStyles();
370
- };
371
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
372
- var h = (nodeName, vnodeData, ...children) => {
373
- let child = null;
374
- let key = null;
375
- let simple = false;
376
- let lastSimple = false;
377
- const vNodeChildren = [];
378
- const walk = (c) => {
379
- for (let i2 = 0; i2 < c.length; i2++) {
380
- child = c[i2];
381
- if (Array.isArray(child)) {
382
- walk(child);
383
- } else if (child != null && typeof child !== "boolean") {
384
- if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
385
- child = String(child);
386
- }
387
- if (simple && lastSimple) {
388
- vNodeChildren[vNodeChildren.length - 1].$text$ += child;
389
- } else {
390
- vNodeChildren.push(simple ? newVNode(null, child) : child);
391
- }
392
- lastSimple = simple;
393
- }
394
- }
395
- };
396
- walk(children);
397
- if (vnodeData) {
398
- if (vnodeData.key) {
399
- key = vnodeData.key;
400
- }
401
- {
402
- const classData = vnodeData.className || vnodeData.class;
403
- if (classData) {
404
- vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
405
- }
406
- }
407
- }
408
- if (typeof nodeName === "function") {
409
- return nodeName(
410
- vnodeData === null ? {} : vnodeData,
411
- vNodeChildren,
412
- vdomFnUtils
413
- );
414
- }
415
- const vnode = newVNode(nodeName, null);
416
- vnode.$attrs$ = vnodeData;
417
- if (vNodeChildren.length > 0) {
418
- vnode.$children$ = vNodeChildren;
419
- }
420
- {
421
- vnode.$key$ = key;
422
- }
423
- return vnode;
424
- };
425
- var newVNode = (tag, text) => {
426
- const vnode = {
427
- $flags$: 0,
428
- $tag$: tag,
429
- $text$: text,
430
- $elm$: null,
431
- $children$: null
432
- };
433
- {
434
- vnode.$attrs$ = null;
435
- }
436
- {
437
- vnode.$key$ = null;
438
- }
439
- return vnode;
440
- };
441
- var Host = {};
442
- var isHost = (node) => node && node.$tag$ === Host;
443
- var vdomFnUtils = {
444
- forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
445
- map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
446
- };
447
- var convertToPublic = (node) => ({
448
- vattrs: node.$attrs$,
449
- vchildren: node.$children$,
450
- vkey: node.$key$,
451
- vname: node.$name$,
452
- vtag: node.$tag$,
453
- vtext: node.$text$
454
- });
455
- var convertToPrivate = (node) => {
456
- if (typeof node.vtag === "function") {
457
- const vnodeData = { ...node.vattrs };
458
- if (node.vkey) {
459
- vnodeData.key = node.vkey;
460
- }
461
- if (node.vname) {
462
- vnodeData.name = node.vname;
463
- }
464
- return h(node.vtag, vnodeData, ...node.vchildren || []);
465
- }
466
- const vnode = newVNode(node.vtag, node.vtext);
467
- vnode.$attrs$ = node.vattrs;
468
- vnode.$children$ = node.vchildren;
469
- vnode.$key$ = node.vkey;
470
- vnode.$name$ = node.vname;
471
- return vnode;
472
- };
473
- var createSupportsRuleRe = (selector) => {
474
- const safeSelector2 = escapeRegExpSpecialCharacters(selector);
475
- return new RegExp(
476
- // First capture group: match any context before the selector that's not inside @supports selector()
477
- // Using negative lookahead to avoid matching inside @supports selector(...) condition
478
- `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
479
- "g"
480
- );
481
- };
482
- createSupportsRuleRe("::slotted");
483
- createSupportsRuleRe(":host");
484
- createSupportsRuleRe(":host-context");
485
- var parsePropertyValue = (propValue, propType, isFormAssociated) => {
486
- if (propValue != null && !isComplexType(propValue)) {
487
- if (propType & 4 /* Boolean */) {
488
- if (isFormAssociated && typeof propValue === "string") {
489
- return propValue === "" || !!propValue;
490
- } else {
491
- return propValue === "false" ? false : propValue === "" || !!propValue;
492
- }
493
- }
494
- if (propType & 2 /* Number */) {
495
- return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
496
- }
497
- if (propType & 1 /* String */) {
498
- return String(propValue);
499
- }
500
- return propValue;
501
- }
502
- return propValue;
503
- };
504
- var getElement = (ref) => {
505
- return ref;
506
- };
507
-
508
- // src/runtime/event-emitter.ts
509
- var createEvent = (ref, name, flags) => {
510
- const elm = getElement(ref);
511
- return {
512
- emit: (detail) => {
513
- return emitEvent(elm, name, {
514
- bubbles: true,
515
- composed: true,
516
- cancelable: true,
517
- detail
518
- });
519
- }
520
- };
521
- };
522
- var emitEvent = (elm, name, opts) => {
523
- const ev = plt.ce(name, opts);
524
- elm.dispatchEvent(ev);
525
- return ev;
526
- };
527
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
528
- if (oldValue === newValue) {
529
- return;
530
- }
531
- let isProp = isMemberInElement(elm, memberName);
532
- let ln = memberName.toLowerCase();
533
- if (memberName === "class") {
534
- const classList = elm.classList;
535
- const oldClasses = parseClassList(oldValue);
536
- let newClasses = parseClassList(newValue);
537
- {
538
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
539
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
540
- }
541
- } else if (memberName === "style") {
542
- {
543
- for (const prop in oldValue) {
544
- if (!newValue || newValue[prop] == null) {
545
- if (prop.includes("-")) {
546
- elm.style.removeProperty(prop);
547
- } else {
548
- elm.style[prop] = "";
549
- }
550
- }
551
- }
552
- }
553
- for (const prop in newValue) {
554
- if (!oldValue || newValue[prop] !== oldValue[prop]) {
555
- if (prop.includes("-")) {
556
- elm.style.setProperty(prop, newValue[prop]);
557
- } else {
558
- elm.style[prop] = newValue[prop];
559
- }
560
- }
561
- }
562
- } else if (memberName === "key") ; else if (memberName === "ref") {
563
- if (newValue) {
564
- newValue(elm);
565
- }
566
- } else if ((!elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
567
- if (memberName[2] === "-") {
568
- memberName = memberName.slice(3);
569
- } else if (isMemberInElement(win, ln)) {
570
- memberName = ln.slice(2);
571
- } else {
572
- memberName = ln[2] + memberName.slice(3);
573
- }
574
- if (oldValue || newValue) {
575
- const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
576
- memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
577
- if (oldValue) {
578
- plt.rel(elm, memberName, oldValue, capture);
579
- }
580
- if (newValue) {
581
- plt.ael(elm, memberName, newValue, capture);
582
- }
583
- }
584
- } else {
585
- const isComplex = isComplexType(newValue);
586
- if ((isProp || isComplex && newValue !== null) && !isSvg) {
587
- try {
588
- if (!elm.tagName.includes("-")) {
589
- const n = newValue == null ? "" : newValue;
590
- if (memberName === "list") {
591
- isProp = false;
592
- } else if (oldValue == null || elm[memberName] != n) {
593
- if (typeof elm.__lookupSetter__(memberName) === "function") {
594
- elm[memberName] = n;
595
- } else {
596
- elm.setAttribute(memberName, n);
597
- }
598
- }
599
- } else if (elm[memberName] !== newValue) {
600
- elm[memberName] = newValue;
601
- }
602
- } catch (e) {
603
- }
604
- }
605
- if (newValue == null || newValue === false) {
606
- if (newValue !== false || elm.getAttribute(memberName) === "") {
607
- {
608
- elm.removeAttribute(memberName);
609
- }
610
- }
611
- } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
612
- newValue = newValue === true ? "" : newValue;
613
- {
614
- elm.setAttribute(memberName, newValue);
615
- }
616
- }
617
- }
618
- };
619
- var parseClassListRegex = /\s/;
620
- var parseClassList = (value) => {
621
- if (typeof value === "object" && value && "baseVal" in value) {
622
- value = value.baseVal;
623
- }
624
- if (!value || typeof value !== "string") {
625
- return [];
626
- }
627
- return value.split(parseClassListRegex);
628
- };
629
- var CAPTURE_EVENT_SUFFIX = "Capture";
630
- var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
631
-
632
- // src/runtime/vdom/update-element.ts
633
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
634
- const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
635
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
636
- const newVnodeAttrs = newVnode.$attrs$ || {};
637
- {
638
- for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
639
- if (!(memberName in newVnodeAttrs)) {
640
- setAccessor(
641
- elm,
642
- memberName,
643
- oldVnodeAttrs[memberName],
644
- void 0,
645
- isSvgMode2,
646
- newVnode.$flags$);
647
- }
648
- }
649
- }
650
- for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
651
- setAccessor(
652
- elm,
653
- memberName,
654
- oldVnodeAttrs[memberName],
655
- newVnodeAttrs[memberName],
656
- isSvgMode2,
657
- newVnode.$flags$);
658
- }
659
- };
660
- function sortedAttrNames(attrNames) {
661
- return attrNames.includes("ref") ? (
662
- // we need to sort these to ensure that `'ref'` is the last attr
663
- [...attrNames.filter((attr) => attr !== "ref"), "ref"]
664
- ) : (
665
- // no need to sort, return the original array
666
- attrNames
667
- );
668
- }
669
- var hostTagName;
670
- var isSvgMode = false;
671
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
672
- const newVNode2 = newParentVNode.$children$[childIndex];
673
- let i2 = 0;
674
- let elm;
675
- let childNode;
676
- if (newVNode2.$text$ !== null) {
677
- elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
678
- } else {
679
- if (!isSvgMode) {
680
- isSvgMode = newVNode2.$tag$ === "svg";
681
- }
682
- if (!win.document) {
683
- throw new Error(
684
- "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."
685
- );
686
- }
687
- elm = newVNode2.$elm$ = win.document.createElementNS(
688
- isSvgMode ? SVG_NS : HTML_NS,
689
- newVNode2.$tag$
690
- ) ;
691
- if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
692
- isSvgMode = false;
693
- }
694
- {
695
- updateElement(null, newVNode2, isSvgMode);
696
- }
697
- if (newVNode2.$children$) {
698
- for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
699
- childNode = createElm(oldParentVNode, newVNode2, i2);
700
- if (childNode) {
701
- elm.appendChild(childNode);
702
- }
703
- }
704
- }
705
- {
706
- if (newVNode2.$tag$ === "svg") {
707
- isSvgMode = false;
708
- } else if (elm.tagName === "foreignObject") {
709
- isSvgMode = true;
710
- }
711
- }
712
- }
713
- elm["s-hn"] = hostTagName;
714
- return elm;
715
- };
716
- var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
717
- let containerElm = parentElm;
718
- let childNode;
719
- if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
720
- containerElm = containerElm.shadowRoot;
721
- }
722
- for (; startIdx <= endIdx; ++startIdx) {
723
- if (vnodes[startIdx]) {
724
- childNode = createElm(null, parentVNode, startIdx);
725
- if (childNode) {
726
- vnodes[startIdx].$elm$ = childNode;
727
- insertBefore(containerElm, childNode, before);
728
- }
729
- }
730
- }
731
- };
732
- var removeVnodes = (vnodes, startIdx, endIdx) => {
733
- for (let index = startIdx; index <= endIdx; ++index) {
734
- const vnode = vnodes[index];
735
- if (vnode) {
736
- const elm = vnode.$elm$;
737
- nullifyVNodeRefs(vnode);
738
- if (elm) {
739
- elm.remove();
740
- }
741
- }
742
- }
743
- };
744
- var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
745
- let oldStartIdx = 0;
746
- let newStartIdx = 0;
747
- let idxInOld = 0;
748
- let i2 = 0;
749
- let oldEndIdx = oldCh.length - 1;
750
- let oldStartVnode = oldCh[0];
751
- let oldEndVnode = oldCh[oldEndIdx];
752
- let newEndIdx = newCh.length - 1;
753
- let newStartVnode = newCh[0];
754
- let newEndVnode = newCh[newEndIdx];
755
- let node;
756
- let elmToMove;
757
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
758
- if (oldStartVnode == null) {
759
- oldStartVnode = oldCh[++oldStartIdx];
760
- } else if (oldEndVnode == null) {
761
- oldEndVnode = oldCh[--oldEndIdx];
762
- } else if (newStartVnode == null) {
763
- newStartVnode = newCh[++newStartIdx];
764
- } else if (newEndVnode == null) {
765
- newEndVnode = newCh[--newEndIdx];
766
- } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
767
- patch(oldStartVnode, newStartVnode, isInitialRender);
768
- oldStartVnode = oldCh[++oldStartIdx];
769
- newStartVnode = newCh[++newStartIdx];
770
- } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
771
- patch(oldEndVnode, newEndVnode, isInitialRender);
772
- oldEndVnode = oldCh[--oldEndIdx];
773
- newEndVnode = newCh[--newEndIdx];
774
- } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
775
- patch(oldStartVnode, newEndVnode, isInitialRender);
776
- insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
777
- oldStartVnode = oldCh[++oldStartIdx];
778
- newEndVnode = newCh[--newEndIdx];
779
- } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
780
- patch(oldEndVnode, newStartVnode, isInitialRender);
781
- insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
782
- oldEndVnode = oldCh[--oldEndIdx];
783
- newStartVnode = newCh[++newStartIdx];
784
- } else {
785
- idxInOld = -1;
786
- {
787
- for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
788
- if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
789
- idxInOld = i2;
790
- break;
791
- }
792
- }
793
- }
794
- if (idxInOld >= 0) {
795
- elmToMove = oldCh[idxInOld];
796
- if (elmToMove.$tag$ !== newStartVnode.$tag$) {
797
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
798
- } else {
799
- patch(elmToMove, newStartVnode, isInitialRender);
800
- oldCh[idxInOld] = void 0;
801
- node = elmToMove.$elm$;
802
- }
803
- newStartVnode = newCh[++newStartIdx];
804
- } else {
805
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
806
- newStartVnode = newCh[++newStartIdx];
807
- }
808
- if (node) {
809
- {
810
- insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
811
- }
812
- }
813
- }
814
- }
815
- if (oldStartIdx > oldEndIdx) {
816
- addVnodes(
817
- parentElm,
818
- newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
819
- newVNode2,
820
- newCh,
821
- newStartIdx,
822
- newEndIdx
823
- );
824
- } else if (newStartIdx > newEndIdx) {
825
- removeVnodes(oldCh, oldStartIdx, oldEndIdx);
826
- }
827
- };
828
- var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
829
- if (leftVNode.$tag$ === rightVNode.$tag$) {
830
- if (!isInitialRender) {
831
- return leftVNode.$key$ === rightVNode.$key$;
832
- }
833
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
834
- leftVNode.$key$ = rightVNode.$key$;
835
- }
836
- return true;
837
- }
838
- return false;
839
- };
840
- var patch = (oldVNode, newVNode2, isInitialRender = false) => {
841
- const elm = newVNode2.$elm$ = oldVNode.$elm$;
842
- const oldChildren = oldVNode.$children$;
843
- const newChildren = newVNode2.$children$;
844
- const tag = newVNode2.$tag$;
845
- const text = newVNode2.$text$;
846
- if (text === null) {
847
- {
848
- isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
849
- }
850
- {
851
- updateElement(oldVNode, newVNode2, isSvgMode);
852
- }
853
- if (oldChildren !== null && newChildren !== null) {
854
- updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
855
- } else if (newChildren !== null) {
856
- if (oldVNode.$text$ !== null) {
857
- elm.textContent = "";
858
- }
859
- addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
860
- } else if (
861
- // don't do this on initial render as it can cause non-hydrated content to be removed
862
- !isInitialRender && BUILD.updatable && oldChildren !== null
863
- ) {
864
- removeVnodes(oldChildren, 0, oldChildren.length - 1);
865
- } else ;
866
- if (isSvgMode && tag === "svg") {
867
- isSvgMode = false;
868
- }
869
- } else if (oldVNode.$text$ !== text) {
870
- elm.data = text;
871
- }
872
- };
873
- var nullifyVNodeRefs = (vNode) => {
874
- {
875
- vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
876
- vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
877
- }
878
- };
879
- var insertBefore = (parent, newNode, reference) => {
880
- {
881
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
882
- }
883
- };
884
- var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
885
- const hostElm = hostRef.$hostElement$;
886
- const cmpMeta = hostRef.$cmpMeta$;
887
- const oldVNode = hostRef.$vnode$ || newVNode(null, null);
888
- const isHostElement = isHost(renderFnResults);
889
- const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
890
- hostTagName = hostElm.tagName;
891
- if (cmpMeta.$attrsToReflect$) {
892
- rootVnode.$attrs$ = rootVnode.$attrs$ || {};
893
- cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
894
- {
895
- rootVnode.$attrs$[attribute] = hostElm[propName];
896
- }
897
- });
898
- }
899
- if (isInitialLoad && rootVnode.$attrs$) {
900
- for (const key of Object.keys(rootVnode.$attrs$)) {
901
- if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
902
- rootVnode.$attrs$[key] = hostElm[key];
903
- }
904
- }
905
- }
906
- rootVnode.$tag$ = null;
907
- rootVnode.$flags$ |= 4 /* isHost */;
908
- hostRef.$vnode$ = rootVnode;
909
- rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
910
- patch(oldVNode, rootVnode, isInitialLoad);
911
- };
912
-
913
- // src/runtime/update-component.ts
914
- var attachToAncestor = (hostRef, ancestorComponent) => {
915
- if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
916
- const index = ancestorComponent["s-p"].push(
917
- new Promise(
918
- (r) => hostRef.$onRenderResolve$ = () => {
919
- ancestorComponent["s-p"].splice(index - 1, 1);
920
- r();
921
- }
922
- )
923
- );
924
- }
925
- };
926
- var scheduleUpdate = (hostRef, isInitialLoad) => {
927
- {
928
- hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
929
- }
930
- if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
931
- hostRef.$flags$ |= 512 /* needsRerender */;
932
- return;
933
- }
934
- attachToAncestor(hostRef, hostRef.$ancestorComponent$);
935
- const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
936
- if (isInitialLoad) {
937
- queueMicrotask(() => {
938
- dispatch();
939
- });
940
- return;
941
- }
942
- return writeTask(dispatch) ;
943
- };
944
- var dispatchHooks = (hostRef, isInitialLoad) => {
945
- const elm = hostRef.$hostElement$;
946
- const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
947
- const instance = elm;
948
- if (!instance) {
949
- throw new Error(
950
- `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`
951
- );
952
- }
953
- let maybePromise;
954
- if (isInitialLoad) {
955
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
956
- } else {
957
- maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
958
- }
959
- maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
960
- endSchedule();
961
- return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
962
- };
963
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
964
- console.error(err2);
965
- fn();
966
- }) : fn();
967
- var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
968
- var updateComponent = async (hostRef, instance, isInitialLoad) => {
969
- var _a;
970
- const elm = hostRef.$hostElement$;
971
- const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
972
- const rc = elm["s-rc"];
973
- if (isInitialLoad) {
974
- attachStyles(hostRef);
975
- }
976
- const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
977
- {
978
- callRender(hostRef, instance, elm, isInitialLoad);
979
- }
980
- if (rc) {
981
- rc.map((cb) => cb());
982
- elm["s-rc"] = void 0;
983
- }
984
- endRender();
985
- endUpdate();
986
- {
987
- const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
988
- const postUpdate = () => postUpdateComponent(hostRef);
989
- if (childrenPromises.length === 0) {
990
- postUpdate();
991
- } else {
992
- Promise.all(childrenPromises).then(postUpdate);
993
- hostRef.$flags$ |= 4 /* isWaitingForChildren */;
994
- childrenPromises.length = 0;
995
- }
996
- }
997
- };
998
- var callRender = (hostRef, instance, elm, isInitialLoad) => {
999
- try {
1000
- instance = instance.render() ;
1001
- {
1002
- hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
1003
- }
1004
- {
1005
- hostRef.$flags$ |= 2 /* hasRendered */;
1006
- }
1007
- {
1008
- {
1009
- {
1010
- renderVdom(hostRef, instance, isInitialLoad);
1011
- }
1012
- }
1013
- }
1014
- } catch (e) {
1015
- consoleError(e, hostRef.$hostElement$);
1016
- }
1017
- return null;
1018
- };
1019
- var postUpdateComponent = (hostRef) => {
1020
- const tagName = hostRef.$cmpMeta$.$tagName$;
1021
- const elm = hostRef.$hostElement$;
1022
- const endPostUpdate = createTime("postUpdate", tagName);
1023
- const instance = elm;
1024
- const ancestorComponent = hostRef.$ancestorComponent$;
1025
- safeCall(instance, "componentDidRender", void 0, elm);
1026
- if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1027
- hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1028
- {
1029
- addHydratedFlag(elm);
1030
- }
1031
- safeCall(instance, "componentDidLoad", void 0, elm);
1032
- endPostUpdate();
1033
- {
1034
- hostRef.$onReadyResolve$(elm);
1035
- if (!ancestorComponent) {
1036
- appDidLoad();
1037
- }
1038
- }
1039
- } else {
1040
- safeCall(instance, "componentDidUpdate", void 0, elm);
1041
- endPostUpdate();
1042
- }
1043
- {
1044
- if (hostRef.$onRenderResolve$) {
1045
- hostRef.$onRenderResolve$();
1046
- hostRef.$onRenderResolve$ = void 0;
1047
- }
1048
- if (hostRef.$flags$ & 512 /* needsRerender */) {
1049
- nextTick(() => scheduleUpdate(hostRef, false));
1050
- }
1051
- hostRef.$flags$ &= -517;
1052
- }
1053
- };
1054
- var appDidLoad = (who) => {
1055
- nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
1056
- };
1057
- var safeCall = (instance, method, arg, elm) => {
1058
- if (instance && instance[method]) {
1059
- try {
1060
- return instance[method](arg);
1061
- } catch (e) {
1062
- consoleError(e, elm);
1063
- }
1064
- }
1065
- return void 0;
1066
- };
1067
- var addHydratedFlag = (elm) => {
1068
- var _a;
1069
- return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
1070
- };
1071
-
1072
- // src/runtime/set-value.ts
1073
- var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1074
- var setValue = (ref, propName, newVal, cmpMeta) => {
1075
- const hostRef = getHostRef(ref);
1076
- if (!hostRef) {
1077
- return;
1078
- }
1079
- const elm = ref;
1080
- const oldVal = hostRef.$instanceValues$.get(propName);
1081
- const flags = hostRef.$flags$;
1082
- const instance = elm;
1083
- newVal = parsePropertyValue(
1084
- newVal,
1085
- cmpMeta.$members$[propName][0],
1086
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1087
- );
1088
- const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
1089
- const didValueChange = newVal !== oldVal && !areBothNaN;
1090
- if (didValueChange) {
1091
- hostRef.$instanceValues$.set(propName, newVal);
1092
- {
1093
- if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
1094
- const watchMethods = cmpMeta.$watchers$[propName];
1095
- if (watchMethods) {
1096
- watchMethods.map((watchMethodName) => {
1097
- try {
1098
- instance[watchMethodName](newVal, oldVal, propName);
1099
- } catch (e) {
1100
- consoleError(e, elm);
1101
- }
1102
- });
1103
- }
1104
- }
1105
- if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
1106
- if (instance.componentShouldUpdate) {
1107
- if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
1108
- return;
1109
- }
1110
- }
1111
- scheduleUpdate(hostRef, false);
1112
- }
1113
- }
1114
- }
1115
- };
1116
-
1117
- // src/runtime/proxy-component.ts
1118
- var proxyComponent = (Cstr, cmpMeta, flags) => {
1119
- var _a, _b;
1120
- const prototype = Cstr.prototype;
1121
- if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
1122
- FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
1123
- const originalFormAssociatedCallback = prototype[cbName];
1124
- Object.defineProperty(prototype, cbName, {
1125
- value(...args) {
1126
- var _a2;
1127
- const hostRef = getHostRef(this);
1128
- const instance = this;
1129
- if (!instance) {
1130
- (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
1131
- const cb = asyncInstance[cbName];
1132
- typeof cb === "function" && cb.call(asyncInstance, ...args);
1133
- });
1134
- } else {
1135
- const cb = originalFormAssociatedCallback;
1136
- typeof cb === "function" && cb.call(instance, ...args);
1137
- }
1138
- }
1139
- });
1140
- });
1141
- }
1142
- {
1143
- {
1144
- if (Cstr.watchers && !cmpMeta.$watchers$) {
1145
- cmpMeta.$watchers$ = Cstr.watchers;
1146
- }
1147
- if (Cstr.deserializers && !cmpMeta.$deserializers$) {
1148
- cmpMeta.$deserializers$ = Cstr.deserializers;
1149
- }
1150
- if (Cstr.serializers && !cmpMeta.$serializers$) {
1151
- cmpMeta.$serializers$ = Cstr.serializers;
1152
- }
1153
- }
1154
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1155
- members.map(([memberName, [memberFlags]]) => {
1156
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
1157
- const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
1158
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
1159
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
1160
- {
1161
- Object.defineProperty(prototype, memberName, {
1162
- get() {
1163
- {
1164
- return origGetter ? origGetter.apply(this) : getValue(this, memberName);
1165
- }
1166
- },
1167
- configurable: true,
1168
- enumerable: true
1169
- });
1170
- }
1171
- Object.defineProperty(prototype, memberName, {
1172
- set(newValue) {
1173
- const ref = getHostRef(this);
1174
- if (!ref) {
1175
- return;
1176
- }
1177
- if (origSetter) {
1178
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1179
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1180
- newValue = ref.$instanceValues$.get(memberName);
1181
- }
1182
- origSetter.apply(this, [
1183
- parsePropertyValue(
1184
- newValue,
1185
- memberFlags,
1186
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1187
- )
1188
- ]);
1189
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1190
- setValue(this, memberName, newValue, cmpMeta);
1191
- return;
1192
- }
1193
- {
1194
- setValue(this, memberName, newValue, cmpMeta);
1195
- return;
1196
- }
1197
- }
1198
- });
1199
- }
1200
- });
1201
- {
1202
- const attrNameToPropName = /* @__PURE__ */ new Map();
1203
- prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1204
- plt.jmp(() => {
1205
- var _a2;
1206
- const propName = attrNameToPropName.get(attrName);
1207
- const hostRef = getHostRef(this);
1208
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ;
1209
- if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1210
- this[propName] == newValue) {
1211
- return;
1212
- } else if (propName == null) {
1213
- const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1214
- if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1215
- const elm = this;
1216
- const instance = elm;
1217
- const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1218
- entry == null ? void 0 : entry.forEach((callbackName) => {
1219
- if (instance[callbackName] != null) {
1220
- instance[callbackName].call(instance, newValue, oldValue, attrName);
1221
- }
1222
- });
1223
- }
1224
- return;
1225
- }
1226
- const propFlags = members.find(([m]) => m === propName);
1227
- if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
1228
- newValue = newValue === null || newValue === "false" ? false : true;
1229
- }
1230
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1231
- if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1232
- this[propName] = newValue;
1233
- }
1234
- });
1235
- };
1236
- Cstr.observedAttributes = Array.from(
1237
- /* @__PURE__ */ new Set([
1238
- ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1239
- ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
1240
- var _a2;
1241
- const attrName = m[1] || propName;
1242
- attrNameToPropName.set(attrName, propName);
1243
- if (m[0] & 512 /* ReflectAttr */) {
1244
- (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1245
- }
1246
- return attrName;
1247
- })
1248
- ])
1249
- );
1250
- }
1251
- }
1252
- return Cstr;
1253
- };
1254
-
1255
- // src/runtime/initialize-component.ts
1256
- var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1257
- let Cstr;
1258
- if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1259
- hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1260
- {
1261
- Cstr = elm.constructor;
1262
- const cmpTag = elm.localName;
1263
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1264
- }
1265
- if (Cstr && Cstr.style) {
1266
- let style;
1267
- if (typeof Cstr.style === "string") {
1268
- style = Cstr.style;
1269
- }
1270
- const scopeId2 = getScopeId(cmpMeta);
1271
- if (!styles.has(scopeId2)) {
1272
- const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1273
- registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1274
- endRegisterStyles();
1275
- }
1276
- }
1277
- }
1278
- const ancestorComponent = hostRef.$ancestorComponent$;
1279
- const schedule = () => scheduleUpdate(hostRef, true);
1280
- if (ancestorComponent && ancestorComponent["s-rc"]) {
1281
- ancestorComponent["s-rc"].push(schedule);
1282
- } else {
1283
- schedule();
1284
- }
1285
- };
1286
- var fireConnectedCallback = (instance, elm) => {
1287
- };
1288
-
1289
- // src/runtime/connected-callback.ts
1290
- var connectedCallback = (elm) => {
1291
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1292
- const hostRef = getHostRef(elm);
1293
- if (!hostRef) {
1294
- return;
1295
- }
1296
- const cmpMeta = hostRef.$cmpMeta$;
1297
- const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1298
- if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1299
- hostRef.$flags$ |= 1 /* hasConnected */;
1300
- {
1301
- let ancestorComponent = elm;
1302
- while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1303
- if (ancestorComponent["s-p"]) {
1304
- attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1305
- break;
1306
- }
1307
- }
1308
- }
1309
- if (cmpMeta.$members$) {
1310
- Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1311
- if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
1312
- const value = elm[memberName];
1313
- delete elm[memberName];
1314
- elm[memberName] = value;
1315
- }
1316
- });
1317
- }
1318
- {
1319
- initializeComponent(elm, hostRef, cmpMeta);
1320
- }
1321
- } else {
1322
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1323
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1324
- hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
1325
- }
1326
- }
1327
- endConnected();
1328
- }
1329
- };
1330
- var disconnectedCallback = async (elm) => {
1331
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1332
- const hostRef = getHostRef(elm);
1333
- {
1334
- if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
1335
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1336
- hostRef.$rmListeners$ = void 0;
1337
- }
1338
- }
1339
- }
1340
- if (rootAppliedStyles.has(elm)) {
1341
- rootAppliedStyles.delete(elm);
1342
- }
1343
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1344
- rootAppliedStyles.delete(elm.shadowRoot);
1345
- }
1346
- };
1347
- var proxyCustomElement = (Cstr, compactMeta) => {
1348
- const cmpMeta = {
1349
- $flags$: compactMeta[0],
1350
- $tagName$: compactMeta[1]
1351
- };
1352
- {
1353
- cmpMeta.$members$ = compactMeta[2];
1354
- }
1355
- {
1356
- cmpMeta.$listeners$ = compactMeta[3];
1357
- }
1358
- {
1359
- cmpMeta.$watchers$ = Cstr.$watchers$;
1360
- cmpMeta.$deserializers$ = Cstr.$deserializers$;
1361
- cmpMeta.$serializers$ = Cstr.$serializers$;
1362
- }
1363
- {
1364
- cmpMeta.$attrsToReflect$ = [];
1365
- }
1366
- const originalConnectedCallback = Cstr.prototype.connectedCallback;
1367
- const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
1368
- Object.assign(Cstr.prototype, {
1369
- __hasHostListenerAttached: false,
1370
- __registerHost() {
1371
- registerHost(this, cmpMeta);
1372
- },
1373
- connectedCallback() {
1374
- if (!this.__hasHostListenerAttached) {
1375
- const hostRef = getHostRef(this);
1376
- if (!hostRef) {
1377
- return;
1378
- }
1379
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1380
- this.__hasHostListenerAttached = true;
1381
- }
1382
- connectedCallback(this);
1383
- if (originalConnectedCallback) {
1384
- originalConnectedCallback.call(this);
1385
- }
1386
- },
1387
- disconnectedCallback() {
1388
- disconnectedCallback(this);
1389
- if (originalDisconnectedCallback) {
1390
- originalDisconnectedCallback.call(this);
1391
- }
1392
- },
1393
- __attachShadow() {
1394
- {
1395
- if (!this.shadowRoot) {
1396
- createShadowRoot.call(this, cmpMeta);
1397
- } else {
1398
- if (this.shadowRoot.mode !== "open") {
1399
- throw new Error(
1400
- `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
1401
- );
1402
- }
1403
- }
1404
- }
1405
- }
1406
- });
1407
- Cstr.is = cmpMeta.$tagName$;
1408
- return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
1409
- };
1410
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1411
- if (listeners && win.document) {
1412
- listeners.map(([flags, name, method]) => {
1413
- const target = getHostListenerTarget(win.document, elm, flags) ;
1414
- const handler = hostListenerProxy(hostRef, method);
1415
- const opts = hostListenerOpts(flags);
1416
- plt.ael(target, name, handler, opts);
1417
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1418
- });
1419
- }
1420
- };
1421
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
1422
- try {
1423
- {
1424
- hostRef.$hostElement$[methodName](ev);
1425
- }
1426
- } catch (e) {
1427
- consoleError(e, hostRef.$hostElement$);
1428
- }
1429
- };
1430
- var getHostListenerTarget = (doc, elm, flags) => {
1431
- if (flags & 8 /* TargetWindow */) {
1432
- return win;
1433
- }
1434
- return elm;
1435
- };
1436
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
1437
- passive: (flags & 1 /* Passive */) !== 0,
1438
- capture: (flags & 2 /* Capture */) !== 0
1439
- } : (flags & 2 /* Capture */) !== 0;
1440
-
1441
- // src/runtime/nonce.ts
1442
- var setNonce = (nonce) => plt.$nonce$ = nonce;
1443
-
1444
- // src/runtime/platform-options.ts
1445
- var setPlatformOptions = (opts) => Object.assign(plt, opts);
1446
-
1447
- // src/runtime/render.ts
1448
- function render(vnode, container) {
1449
- const cmpMeta = {
1450
- $flags$: 0,
1451
- $tagName$: container.tagName
1452
- };
1453
- const ref = {
1454
- $cmpMeta$: cmpMeta,
1455
- $hostElement$: container
1456
- };
1457
- renderVdom(ref, vnode);
1458
- }
1459
-
1460
- export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };
1461
- //# sourceMappingURL=p-CFBaVtm5.js.map
1462
-
1463
- //# sourceMappingURL=p-CFBaVtm5.js.map