@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -2,31 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
+const index = require('./index-1299d729.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-const component = require('./component-de54cd0d.js');
-const vegaSlimmer = require('./vega-slimmer-f026897e.js');
+const component = require('./component-b50f0483.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
 require('./log-5d8066e0.js');
-const designToken = require('./designToken-ed34a533.js');
-const ui = require('./ui-25a66a2a.js');
-const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-8663ab4f.js');
-const vegaEventId = require('./vegaEventId-dfd382d2.js');
-const observer = require('./observer-f49483e8.js');
+const designToken = require('./designToken-a55d5476.js');
+const ui = require('./ui-23cd9abb.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
-const staticSubjectTitle = require('./staticSubjectTitle-9a2a1b10.js');
-const typeGuard = require('./typeGuard-46915d8c.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-ab75a6a2.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-63a34620.js');
-require('./featureFlagController-daf977be.js');
-require('./breakpoints-96bd8c73.js');
-require('./responsiveFormatFacade-8bfed8eb.js');
+const staticSubjectTitle = require('./staticSubjectTitle-b02c917c.js');
+const typeGuard = require('./typeGuard-70b919b6.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
+require('./breakpoints-97c1f5c8.js');
+require('./ui-ef822fe1.js');
+require('./responsiveFormatFacade-8518443e.js');
 require('./number-7e7d9981.js');
 require('./typography-3d2ba97d.js');
-require('./internalVegaEventManager-a5ad4b61.js');
-require('./dynamic-slimmer-028b0e61.js');
+require('./dynamic-slimmer-c718b7d9.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -71,7 +67,7 @@ class VegaAccordionRenderer extends vegaSlimmer.VegaSlimmer {
     ];
     return (index.h("div", { class: `${ui.arrayToClassString(classes)}` },
       index.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addObserverToNode(ref, vegaEventId.VegaClick, () => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaClick, () => {
             this.expandController.flipExpand();
           });
         } })));
@@ -132,7 +128,7 @@ class VegaAccordionExpandController extends vegaSlimmer.VegaSlimmer {
     this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
-    this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+    this.observer = new eventEmitSlimmer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.ACCORDION_EXPAND_TOPIC, this.observer);
   }
   unregisterObserver() {
@@ -160,16 +156,16 @@ __decorate$1([
   vegaSlimmer.MapToComponentField()
 ], VegaAccordionExpandController.prototype, "expandEventEmitter", void 0);
 __decorate$1([
-  mapToComponentMethod.MapToComponentMethod('watchExpand')
+  vegaSlimmer.MapToComponentMethod('watchExpand')
 ], VegaAccordionExpandController.prototype, "onExpand", null);
 __decorate$1([
-  mapToComponentMethod.MapToComponentMethod('componentWillLoad')
+  vegaSlimmer.MapToComponentMethod('componentWillLoad')
 ], VegaAccordionExpandController.prototype, "registerObserver", null);
 __decorate$1([
-  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
+  vegaSlimmer.MapToComponentMethod('disconnectedCallback')
 ], VegaAccordionExpandController.prototype, "unregisterObserver", null);
 
-const vegaAccordionCss = ":host(.v-block),.v-block{display:block}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}";
+const vegaAccordionCss = ":host(.v-block),.v-block{display:block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -189,8 +185,8 @@ const VegaAccordion = class {
     this.globalSlimmers = {};
     this.renderer = new VegaAccordionRenderer();
     this.expandController = new VegaAccordionExpandController();
-    this.buttonCircleEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host);
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, vegaEventId.VegaExpand);
+    this.buttonCircleEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaClick], () => this.host);
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, internalVegaEventManager.VegaExpand);
     /**
      * Determines whether the accordion block should be displayed
      *    with its default background color `bg-primary`

package/dist/cjs/vega-app-footer.cjs.entry.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
-const misc = require('./misc-649f158c.js');
-const component = require('./component-de54cd0d.js');
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
 require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-require('./featureFlagController-daf977be.js');
 require('./log-5d8066e0.js');
 
+const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
+const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
+const HEARTLAND_GOOGLE_PRIVACY_POLICY_URL = 'https://policies.google.com/privacy';
+const HEARTLAND_GOOGLE_TREMS_SERVICE_URL = 'https://policies.google.com/terms';
+
 const vegaAppFooterCss = ":host{display:block;padding-left:0px;padding-right:0px}:host .h-separator{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:20px;margin-bottom:20px}:host .v-separator{display:inline-block;width:1px;margin-left:8px;margin-right:8px;background-color:rgba(70, 71, 101, 0.8)}:host>.vega-link{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap}:host>.vega-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host>.vega-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>.vega-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>.vega-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));margin-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}:host(.v-text-center){text-align:center}:host .vega-link a{color:rgba(var(--v-text-link, 19, 98, 226, 1));border-radius:8px;text-decoration:none;outline:none}:host .vega-link a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .vega-link a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1));text-decoration:underline}:host .vega-link a:focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));text-decoration:underline}:host .vega-link a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1));text-decoration:underline}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -26,8 +29,8 @@ const VegaAppFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
-    this.googlePrivacyPolicyUrl = misc.HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
-    this.googleTermsOfServiceUrl = misc.HEARTLAND_GOOGLE_TREMS_SERVICE_URL;
+    this.googlePrivacyPolicyUrl = HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
+    this.googleTermsOfServiceUrl = HEARTLAND_GOOGLE_TREMS_SERVICE_URL;
     /**
      * Specifies the content to be displayed in the app footer.
      *
@@ -44,7 +47,7 @@ const VegaAppFooter = class {
      * Specifies the URL or web address that the Terms of Use link
      *    in the app footer should navigate to when clicked.
      */
-    this.termOfUseUrl = misc.HEARTLAND_TOS_URL;
+    this.termOfUseUrl = HEARTLAND_TOS_URL;
     /**
      * Specifies the target window or browsing context in which
      *    the Terms of Use URL should be opened
@@ -61,7 +64,7 @@ const VegaAppFooter = class {
      *    Privacy Policy link in the app footer should
      *    navigate to when clicked.
      */
-    this.privacyPolicyUrl = misc.HEARTLAND_PRIVACY_URL;
+    this.privacyPolicyUrl = HEARTLAND_PRIVACY_URL;
     /**
      * Specifies the target window or browsing context
      *    in which the Privacy Policy URL should be opened

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -2,30 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
-const component = require('./component-de54cd0d.js');
-const ui = require('./ui-25a66a2a.js');
-const designToken = require('./designToken-ed34a533.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-8bfed8eb.js');
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
+const ui = require('./ui-23cd9abb.js');
+const designToken = require('./designToken-a55d5476.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-8518443e.js');
 const log = require('./log-5d8066e0.js');
-const breakpoints = require('./breakpoints-96bd8c73.js');
+const breakpoints = require('./breakpoints-97c1f5c8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-f83ef66f.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-ab75a6a2.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-63a34620.js');
-const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-8663ab4f.js');
-const vegaEventId = require('./vegaEventId-dfd382d2.js');
-require('./featureFlagController-daf977be.js');
-require('./typeGuard-46915d8c.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-9751395d.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+require('./typeGuard-70b919b6.js');
+require('./ui-ef822fe1.js');
 require('./typography-3d2ba97d.js');
 require('./number-7e7d9981.js');
-require('./vega-slimmer-f026897e.js');
-require('./map-to-component-method-bdf875d3.js');
-require('./internalVegaEventManager-a5ad4b61.js');
-require('./dynamic-slimmer-028b0e61.js');
+require('./vega-slimmer-af488dc3.js');
+require('./dynamic-slimmer-c718b7d9.js');
 require('./changeManager-1dd5ac2a.js');
-require('./observer-f49483e8.js');
 
 const vegaAppHeaderButtonCss = ":host{display:inline-block;vertical-align:middle}:host .vega-app-header-button-container{padding:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;outline:none}:host(.default) .vega-app-header-button-container{min-height:52px}:host(.small) .vega-app-header-button-container{gap:4px;min-height:44px}:host .vega-app-header-button-container:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host .vega-app-header-button-container:active{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host .vega-app-header-button-container:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-app-header-button-container.icon{padding:16px}:host(.small) .vega-app-header-button-container.icon{padding:12px}:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-app-header-button-container .vega-avatar{border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;width:36px;height:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .vega-avatar{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-app-header-button-container .vega-avatar.profile{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host.default .vega-app-header-button-container .vega-avatar{width:36px;height:36px}:host(.small) .vega-app-header-button-container .vega-avatar{width:28px;height:28px}:host .vega-app-header-button-container .toggle-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:4px}:host .vega-app-header-button-container.icon .toggle-icon-wrapper{margin-right:0px}:host .vega-app-header-button-container .right-container{display:flex;gap:8px}:host .vega-app-header-button-container .avatar-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}:host .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host .vega-app-header-button-container .avatar-icon-wrapper vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-app-header-button-container.with-border{border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:8px}:host(.small) .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:4px}:host(.selected) .vega-app-header-button-container{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.selected) .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:hover .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .label{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.selected) .vega-app-header-button-container:active .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .label{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.selected) .vega-app-header-button-container:focus-visible .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:focus-visible{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1));border-style:solid;border-width:1px}:host .vega-app-header-button-container .vega-avatar.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host .vega-app-header-button-container .vega-avatar.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}";
 
@@ -52,13 +48,13 @@ const VegaAppHeaderButton = class {
      * @see{module:vega-app-header-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick, vegaEventId.VegaDropdownClick], () => this.dropdownRef, {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaClick, internalVegaEventManager.VegaDropdownClick], () => this.dropdownRef, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaClick);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaDropdownClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, internalVegaEventManager.VegaClick);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, internalVegaEventManager.VegaDropdownClick);
     /**
      * Used to determine whether the avatar image is loaded or not.
      */
@@ -174,13 +170,13 @@ const VegaAppHeaderButton = class {
       return this.dropdown ? (index.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
           this.dropdownRef = ref;
           this.dropdownEventPrevent.setup();
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addObserverToNode(ref, vegaEventId.VegaDropdownShow, () => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaDropdownShow, () => {
             this.onDropdownShow();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addObserverToNode(ref, vegaEventId.VegaDropdownHide, () => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaDropdownHide, () => {
             this.onDropdownHide();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addObserverToNode(ref, vegaEventId.VegaDropdownClick, this.triggerDropdownClickEvent);
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaDropdownClick, this.triggerDropdownClickEvent);
         } }), children)) : (children);
     };
     this.onDropdownShow = () => {
@@ -235,7 +231,7 @@ const VegaAppHeaderButton = class {
       responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size),
       this.selected && 'selected',
     ].filter(Boolean));
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (index.h("vega-tooltip", { content: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (index.h("vega-tooltip", { text: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/vega-backdrop.cjs.entry.js

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
+const ui = require('./ui-23cd9abb.js');
+require('./log-5d8066e0.js');
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * VegaBackdrop visible controller
+ */
+class VegaBackdropVisibleController extends vegaSlimmer.VegaSlimmer {
+  /**
+   * During the loading process of the component, the background style is updated.
+   */
+  componentDidLoad() {
+    this.updateBackdropStyle();
+  }
+  /**
+   * Watching the visible prop.
+   */
+  watchVisible() {
+    this.updateBackdropStyle();
+  }
+  /**
+   * If visible is true, the backdrop will be visible.
+   * If visible is false, the backdrop will be hidden and backdrop display will be none after the duration.
+   */
+  updateBackdropStyle() {
+    if (this.visible) {
+      this.host.style.display = 'block';
+      setTimeout(() => {
+        this.host.style.opacity = '1';
+      });
+    }
+    else {
+      this.host.style.opacity = '0';
+      setTimeout(() => {
+        if (!this.visible) {
+          this.host.style.display = 'none';
+        }
+      }, this.duration);
+    }
+  }
+}
+__decorate$2([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropVisibleController.prototype, "host", void 0);
+__decorate$2([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropVisibleController.prototype, "visible", void 0);
+__decorate$2([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropVisibleController.prototype, "duration", void 0);
+__decorate$2([
+  vegaSlimmer.MapToComponentMethod('componentDidLoad')
+], VegaBackdropVisibleController.prototype, "componentDidLoad", null);
+__decorate$2([
+  vegaSlimmer.MapToComponentMethod('watchVisible')
+], VegaBackdropVisibleController.prototype, "watchVisible", null);
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaBackdropRenderer extends vegaSlimmer.VegaSlimmer {
+  render() {
+    const { duration = 0, color } = this;
+    return (index.h(index.Host, { style: {
+        transitionDuration: duration ? `${duration}ms` : '',
+      }, class: ui.arrayToClassString([color]), 
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onClick: () => this.vegaClick.emit() }));
+  }
+}
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropRenderer.prototype, "visible", void 0);
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropRenderer.prototype, "color", void 0);
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropRenderer.prototype, "duration", void 0);
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaBackdropRenderer.prototype, "vegaClick", void 0);
+
+const vegaBackdropCss = ":host{position:fixed;top:0px;left:0px;right:0px;bottom:0px;opacity:0;display:none;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:opacity}:host(.bg-backdrop-modal){background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.bg-backdrop-popover){background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.bg-transparent){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaBackdrop = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.globalSlimmers = {};
+    this.vegaBackdropVisibleController = new VegaBackdropVisibleController();
+    this.vegaBackdropRenderer = new VegaBackdropRenderer();
+    /**
+     * Defines the color of the backdrop element.
+     */
+    this.color = 'bg-backdrop-modal';
+    /**
+     * Whether to show or hide the backdrop
+     */
+    this.visible = false;
+  }
+  watchVisible() {
+  }
+  render() {
+    return component.sanitizeVegaComponent(this.vegaBackdropRenderer.render(), this.host);
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "visible": ["watchVisible"]
+  }; }
+};
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaBackdrop.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaBackdrop.prototype, "vegaBackdropVisibleController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaBackdrop.prototype, "vegaBackdropRenderer", void 0);
+VegaBackdrop.style = vegaBackdropCss;
+
+exports.vega_backdrop = VegaBackdrop;

package/dist/cjs/vega-bar-chart.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
-const legendInputProcessor = require('./legendInputProcessor-12cf2dfe.js');
-const yAxisInputProcessor = require('./yAxisInputProcessor-c0f51130.js');
+const index = require('./index-1299d729.js');
+const legendInputProcessor = require('./legendInputProcessor-88c81168.js');
+const yAxisInputProcessor = require('./yAxisInputProcessor-b32e5aa0.js');
 require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-require('./array-e1e5ed1d.js');
+require('./array-5f977aa2.js');
 require('./number-7e7d9981.js');
 require('./typography-3d2ba97d.js');