@heartlandone/vega 2.34.0 → 2.35.0-RTE-preview

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

@@ -2,33 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const component = require('./component-63af66ea.js');
-const designToken = require('./design-token-908e3f69.js');
-const ui = require('./ui-b5906704.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const component = require('./component-73a88c4e.js');
+const designToken = require('./design-token-30c069c1.js');
+const ui = require('./ui-5fd9b267.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
-const changeManager = require('./change-manager-bda1d107.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
+const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-74079f1b.js');
+require('./responsive-format-facade-4363a00d.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-d32a1098.js');
-require('./icon-manager-36dcfb65.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./state-background-color-formatter-e585a027.js');
+require('./icon-manager-edc2400b.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
 require('./regex-c1f70fd4.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.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;
@@ -38,7 +40,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         'accordion': true,
         'background': this.drawsBackground,
         'expanded': this.expand,
@@ -49,21 +51,21 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.renderContent()));
   }
   renderHeader() {
-    const titleDom = (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+    const titleDom = (index.h(index.Fragment, null,
       this.renderPrefixIcon(),
       this.accordionTitle ? this.renderTitle() : this.renderTitleSlot()));
-    return (globalSlimmerRegistry.h("div", { class: "accordion-header" },
-      globalSlimmerRegistry.h("vega-flex", { gap: "size-8", "align-items": "start" },
+    return (index.h("div", { class: "accordion-header" },
+      index.h("vega-flex", { gap: "size-8", "align-items": "start" },
         this.expandIconAlign === 'left' && this.renderExpandIcon(),
         titleDom,
         this.expandIconAlign === 'right' && this.renderExpandIcon())));
   }
   renderPrefixIcon() {
-    return (this.prefixIcon && (globalSlimmerRegistry.h("div", { class: "accordion-prefix-icon" },
-      globalSlimmerRegistry.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
+    return (this.prefixIcon && (index.h("div", { class: "accordion-prefix-icon" },
+      index.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
   }
   renderTitle() {
-    return globalSlimmerRegistry.h("div", { class: "accordion-title" }, this.accordionTitle);
+    return index.h("div", { class: "accordion-title" }, this.accordionTitle);
   }
   renderExpandIcon() {
     const classes = [
@@ -71,22 +73,22 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       `accordion-expand-icon-align-${this.expandIconAlign}`,
       designToken.formatAndValidResponsiveToken(this.showExpandIcon, 'display'),
     ];
-    return (globalSlimmerRegistry.h("div", { class: `${ui.arrayToClassString(classes)}` },
-      globalSlimmerRegistry.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+    return (index.h("div", { class: `${ui.arrayToClassString(classes)}` },
+      index.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
             this.expandController.flipExpand();
           });
         } })));
   }
   renderContent() {
-    return (globalSlimmerRegistry.h("div", { class: "accordion-content" },
-      globalSlimmerRegistry.h("slot", { name: "content" }),
-      globalSlimmerRegistry.h("slot", { name: "accordion-content" })));
+    return (index.h("div", { class: "accordion-content" },
+      index.h("slot", { name: "content" }),
+      index.h("slot", { name: "accordion-content" })));
   }
   renderTitleSlot() {
-    return (globalSlimmerRegistry.h("div", { class: "accordion-title-slot" },
-      globalSlimmerRegistry.h("slot", { name: "title" }),
-      globalSlimmerRegistry.h("slot", { name: "accordion-title" })));
+    return (index.h("div", { class: "accordion-title-slot" },
+      index.h("slot", { name: "title" }),
+      index.h("slot", { name: "accordion-title" })));
   }
 }
 (() => {
@@ -140,7 +142,7 @@ class VegaAccordionExpandController extends globalSlimmerRegistry.VegaSlimmer {
     this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
-    this.observer = new domNodeSubjectObserverFactory.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+    this.observer = new domNodeSubjectFactory.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.ACCORDION_EXPAND_TOPIC, this.observer);
   }
   unregisterObserver() {
@@ -191,13 +193,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAccordion = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaExpand = globalSlimmerRegistry.createEvent(this, "vegaExpand", 7);
-    this.accordionExpand = globalSlimmerRegistry.createEvent(this, "accordionExpand", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaExpand = index.createEvent(this, "vegaExpand", 7);
+    this.accordionExpand = index.createEvent(this, "accordionExpand", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaAccordionRenderer();
     this.expandController = new VegaAccordionExpandController();
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, domNodeSubjectObserverFactory.VegaExpand, 'accordionExpand');
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, domNodeSubjectFactory.VegaExpand, 'accordionExpand');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines whether the accordion block should be displayed
@@ -240,10 +242,10 @@ const VegaAccordion = class {
   watchExpand() {
   }
   render() {
-    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
+    placeholder.slotPlaceholder(index.h("slot", null));
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "expand": ["watchExpand"]
   }; }

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
@@ -25,7 +26,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAppFooter = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.googlePrivacyPolicyUrl = HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
@@ -115,27 +116,27 @@ const VegaAppFooter = class {
     this.disclaimerUrlTarget = '_self';
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: "v-text-center" }, this.renderContent(), this.renderLinks(), this.renderDisclaimer()), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: "v-text-center" }, this.renderContent(), this.renderLinks(), this.renderDisclaimer()), this.host);
   }
   renderContent() {
-    return globalSlimmerRegistry.h("div", { class: "vega-app-footer-content" }, this.content);
+    return index.h("div", { class: "vega-app-footer-content" }, this.content);
   }
   renderLinks() {
-    return (globalSlimmerRegistry.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
+    return (index.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
   }
   renderDefaultLinks() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("a", { target: this.termOfUseUrlTarget, href: this.termOfUseUrl }, this.termOfUseLabel), globalSlimmerRegistry.h("span", { class: "v-separator" }), globalSlimmerRegistry.h("a", { target: this.privacyPolicyUrlTarget, href: this.privacyPolicyUrl }, this.privacyPolicyLabel)));
+    return (index.h(index.Fragment, null, index.h("a", { target: this.termOfUseUrlTarget, href: this.termOfUseUrl }, this.termOfUseLabel), index.h("span", { class: "v-separator" }), index.h("a", { target: this.privacyPolicyUrlTarget, href: this.privacyPolicyUrl }, this.privacyPolicyLabel)));
   }
   renderAdditionalLinks() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, !this.hideDefaultLinks ? globalSlimmerRegistry.h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index) => {
+    return (index.h(index.Fragment, null, !this.hideDefaultLinks ? index.h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index$1) => {
       return (link.URL &&
-        link.label && (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("a", { target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index + 1 ? null : (globalSlimmerRegistry.h("span", { class: "v-separator" })))));
+        link.label && (index.h(index.Fragment, null, index.h("a", { target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index$1 + 1 ? null : (index.h("span", { class: "v-separator" })))));
     })));
   }
   renderDisclaimer() {
-    return (this.showDisclaimer && (globalSlimmerRegistry.h("div", { class: "vega-app-footer-disclaimer" }, globalSlimmerRegistry.h("div", { class: "h-separator" }), globalSlimmerRegistry.h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', globalSlimmerRegistry.h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', globalSlimmerRegistry.h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
+    return (this.showDisclaimer && (index.h("div", { class: "vega-app-footer-disclaimer" }, index.h("div", { class: "h-separator" }), index.h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,18 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const ui = require('./ui-b5906704.js');
-const designToken = require('./design-token-908e3f69.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const ui = require('./ui-5fd9b267.js');
+const designToken = require('./design-token-30c069c1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 require('./type-guard-4ba85fdc.js');
@@ -21,18 +23,18 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
-require('./icon-manager-36dcfb65.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
+require('./icon-manager-edc2400b.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 
 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;
@@ -42,8 +44,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaMenuArrowIconRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (globalSlimmerRegistry.h("span", { class: "toggle-icon-wrapper" },
-      globalSlimmerRegistry.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.isDropdownShow ? 'chevron-up' : 'chevron-down') })));
+    return (index.h("span", { class: "toggle-icon-wrapper" },
+      index.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.isDropdownShow ? 'chevron-up' : 'chevron-down') })));
   }
 }
 (() => {
@@ -70,24 +72,24 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAppHeaderButton = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
-    this.vegaDropdownClick = globalSlimmerRegistry.createEvent(this, "vegaDropdownClick", 7);
-    this.dropdownClick = globalSlimmerRegistry.createEvent(this, "dropdownClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.vegaDropdownClick = index.createEvent(this, "vegaDropdownClick", 7);
+    this.dropdownClick = index.createEvent(this, "dropdownClick", 7);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-app-header-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick, domNodeSubjectObserverFactory.VegaDropdownClick], () => this.dropdownRef, {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick, domNodeSubjectFactory.VegaDropdownClick], () => this.dropdownRef, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaClick);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaDropdownClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaClick);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaDropdownClick);
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -157,14 +159,14 @@ const VegaAppHeaderButton = class {
     this.selected = false;
     this.renderButton = (arrowDownIconVisible, labelVisible) => {
       const isIconBtnType = !this.avatar.src && !this.avatar.fallbackText;
-      return (globalSlimmerRegistry.h("button", { type: "button", "aria-label": this.label || 'No label defined', class: ui.arrayToClassString([
+      return (index.h("button", { type: "button", "aria-label": this.label || 'No label defined', class: ui.arrayToClassString([
           'vega-app-header-button-container',
           isIconBtnType && 'icon',
           this.showBorder && 'with-border',
           arrowDownIconVisible && 'with-menu-arrow-icon',
         ]),
         /* eslint-disable-next-line react/jsx-no-bind */
-        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (globalSlimmerRegistry.h("div", { class: "right-container" }, labelVisible && globalSlimmerRegistry.h("span", { class: "label" }, this.label), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
+        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (index.h("div", { class: "right-container" }, labelVisible && index.h("span", { class: "label" }, this.label), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
     };
     this.renderAvatar = () => {
       const isProfileType = !this.avatar.icon && (!!this.avatar.fallbackText || !!this.avatar.src);
@@ -197,14 +199,14 @@ const VegaAppHeaderButton = class {
           ? designToken.formatAndValidTextColor(this.avatar.fallbackTextColor)
           : 'v-text-black',
       ]);
-      return globalSlimmerRegistry.h("span", { class: defaultAvatarClass }, fallbackText);
+      return index.h("span", { class: defaultAvatarClass }, fallbackText);
     };
     /**
      * The below method is e2e-test covered in
      * @see{module:render-avatar-fallbackText-when-avatar-image-load-failure}
      */
     this.renderImgAvatar = () => {
-      return (globalSlimmerRegistry.h("img", { class: "vega-avatar profile", src: this.avatar.src, alt: "",
+      return (index.h("img", { class: "vega-avatar profile", src: this.avatar.src, alt: "",
         /* eslint-disable-next-line react/jsx-no-bind */
         onError: /* istanbul ignore next */ () => this.handleImgAvatarLoadError(),
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -214,19 +216,19 @@ const VegaAppHeaderButton = class {
       if (!this.avatar.icon)
         return;
       const iconSize = this.size === 'small' ? 'size-16' : 'size-20';
-      return (globalSlimmerRegistry.h("span", { class: "avatar-icon-wrapper" }, globalSlimmerRegistry.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
+      return (index.h("span", { class: "avatar-icon-wrapper" }, index.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
     };
     this.renderDropdownContainer = (children) => {
-      return this.dropdown ? (globalSlimmerRegistry.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
+      return this.dropdown ? (index.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
           this.dropdownRef = ref;
           this.dropdownEventPrevent.setup();
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownShow, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownShow, () => {
             this.onDropdownShow();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownHide, () => {
             this.onDropdownHide();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
         } }), children)) : (children);
     };
     this.onDropdownShow = () => {
@@ -250,7 +252,7 @@ const VegaAppHeaderButton = class {
     /* istanbul ignore next */
     this.handleImgAvatarLoadError = () => {
       this.setAvatarImgLoaded(false);
-      globalSlimmerRegistry.forceUpdate(this.host);
+      index.forceUpdate(this.host);
     };
     /**
      * emit dropdown click event when component get dropdown item click
@@ -281,9 +283,9 @@ const VegaAppHeaderButton = class {
       responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size),
       this.selected && 'selected',
     ].filter(Boolean));
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (globalSlimmerRegistry.h("vega-tooltip", { text: 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 globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "avatar": ["watchAvatar"]
   }; }

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const ui = require('./ui-b5906704.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const ui = require('./ui-5fd9b267.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;
@@ -75,7 +76,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 class VegaBackdropRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     const { duration = 0, color } = this;
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { style: {
+    return (index.h(index.Host, { style: {
         transitionDuration: duration ? `${duration}ms` : '',
       }, class: ui.arrayToClassString([color]), 
       /* eslint-disable-next-line react/jsx-no-bind */
@@ -109,8 +110,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBackdrop = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.globalSlimmers = {};
     this.vegaBackdropVisibleController = new VegaBackdropVisibleController();
     this.vegaBackdropRenderer = new VegaBackdropRenderer();
@@ -133,7 +134,7 @@ const VegaBackdrop = class {
   render() {
     return component.sanitizeVegaComponent(this.vegaBackdropRenderer.render(), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "visible": ["watchVisible"]
   }; }

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

@@ -2,22 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const component = require('./component-63af66ea.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const ui = require('./ui-b5906704.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-require('./icon-manager-36dcfb65.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
+const ui = require('./ui-5fd9b267.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+require('./icon-manager-edc2400b.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 
 var __decorate$3 = (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;
@@ -51,8 +53,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.isMobileDevice && 'banner-mobile',
       !this.isOpen && 'banner-hidden',
     ].filter(Boolean);
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString(hostClassName), padding: this.space },
-      globalSlimmerRegistry.h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
+    return (index.h(index.Host, { class: ui.arrayToClassString(hostClassName), padding: this.space },
+      index.h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
         this.renderPrefixIcon(),
         this.renderBannerContent(),
         this.renderCloseButton()),
@@ -64,13 +66,13 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the banner content element
    */
   renderBannerContent() {
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         ['banner-content-container']: true,
         ['linear']: !this.isMobileDevice && (!this.content || !this.bannerTitle),
       } },
       this.renderBannerTitle(),
-      globalSlimmerRegistry.h("div", { class: "banner-content" },
-        globalSlimmerRegistry.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
+      index.h("div", { class: "banner-content" },
+        index.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
         this.isMobileDevice ? null : this.actionButtonRenderer.render())));
   }
   /**
@@ -80,7 +82,7 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderBannerTitle() {
     if (this.bannerTitle) {
-      return (globalSlimmerRegistry.h("vega-font", { class: "banner-title", variant: this.isMobileDevice ? 'font-h6' : 'font-h5', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.bannerTitle));
+      return (index.h("vega-font", { class: "banner-title", variant: this.isMobileDevice ? 'font-h6' : 'font-h5', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.bannerTitle));
     }
   }
   /**
@@ -90,8 +92,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderCloseButton() {
     if (this.showCloseButton) {
-      return (globalSlimmerRegistry.h("div", { class: "banner-close-button", "aria-label": "Close Button", role: 'button', tabIndex: 0, onClick: this.handleCloseButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-        globalSlimmerRegistry.h("vega-icon", { size: this.isMobileDevice ? 'size-12' : 'size-16', icon: this.iconController.getCloseIcon() })));
+      return (index.h("div", { class: "banner-close-button", "aria-label": "Close Button", role: 'button', tabIndex: 0, onClick: this.handleCloseButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+        index.h("vega-icon", { size: this.isMobileDevice ? 'size-12' : 'size-16', icon: this.iconController.getCloseIcon() })));
     }
   }
   /**
@@ -100,8 +102,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the icon element
    */
   renderPrefixIcon() {
-    return (globalSlimmerRegistry.h("div", { class: "banner-prefix-icon" },
-      globalSlimmerRegistry.h("vega-icon", { size: this.space, icon: this.iconController.getIconByType() })));
+    return (index.h("div", { class: "banner-prefix-icon" },
+      index.h("vega-icon", { size: this.space, icon: this.iconController.getIconByType() })));
   }
 }
 __decorate$3([
@@ -216,7 +218,7 @@ class VegaBannerActionButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     var _a;
     if (((_a = this.actionButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return (globalSlimmerRegistry.h("div", { class: "banner-buttons" }, this.actionButtons.map((buttonProps, index) => {
+      return (index.h("div", { class: "banner-buttons" }, this.actionButtons.map((buttonProps, index) => {
         return this.renderButtonItem(buttonProps, `${buttonProps.label}${index}`);
       })));
     }
@@ -229,8 +231,8 @@ class VegaBannerActionButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLVegaButtonElement} vega button element
    */
   renderButtonItem(buttonProps, key) {
-    return (globalSlimmerRegistry.h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, () => {
+    return (index.h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, () => {
           if (!featureFlagController.FeatureFlag.isEnabled('VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK') &&
             typeof buttonProps.vegaClick === 'function') {
             buttonProps.vegaClick(buttonProps);
@@ -261,18 +263,18 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBanner = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClose = globalSlimmerRegistry.createEvent(this, "vegaClose", 7);
-    this.close = globalSlimmerRegistry.createEvent(this, "close", 7);
-    this.vegaActionButtonClick = globalSlimmerRegistry.createEvent(this, "vegaActionButtonClick", 7);
-    this.actionButtonClick = globalSlimmerRegistry.createEvent(this, "actionButtonClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClose = index.createEvent(this, "vegaClose", 7);
+    this.close = index.createEvent(this, "close", 7);
+    this.vegaActionButtonClick = index.createEvent(this, "vegaActionButtonClick", 7);
+    this.actionButtonClick = index.createEvent(this, "actionButtonClick", 7);
     this.globalSlimmers = {};
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaClose);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaClose);
     this.renderer = new VegaBannerRenderer();
     this.actionButtonRenderer = new VegaBannerActionButtonRenderer();
     this.iconController = new VegaBannerIconController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaActionButtonClick);
+    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaActionButtonClick);
     /**
      * Specifies the type of the banner.
      *
@@ -324,7 +326,7 @@ const VegaBanner = class {
   render() {
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()