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

package/dist/esm/vega-icon.entry.js

@@ -0,0 +1,206 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
+import { g as getIconFromToken, I as Icons } from './icons-42174059.js';
+import { h as Spacing } from './typeGuard-5e282437.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
+import { i as formatAndValidTextColor } from './designToken-9b27a244.js';
+import { a as arrayToClassString } from './ui-6e5294cb.js';
+import { V as VegaIconManager } from './iconManager-48bebc43.js';
+import './global-slimmer-registry-b91c742d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
+import './typography-03d285b4.js';
+import './log-a824be80.js';
+import './responsiveFormatFacade-e91e14ac.js';
+import './number-400b3bf2.js';
+
+const vegaIconCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 89, 96, 99, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";
+
+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 VegaIcon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    /**
+     * Specifies the width and height of the icon.
+     *    For Third Party Icons (e.g., Font Awesome),
+     *    it sets the icon's font-size.
+     */
+    this.size = 'size-16';
+    /**
+     * The below method is e2e-test covered in
+     * @see {module:console-warn-when-load-fa-lib-timeout}
+     */
+    /* istanbul ignore next */
+    this.cloneFAIconStyles = () => {
+      const isFAIcon = !Icons.find((icon) => icon === this.icon);
+      if (isFAIcon) {
+        const iconStyleHTML = this.getIconStyleHTML();
+        if (iconStyleHTML) {
+          this.appendStyles(iconStyleHTML);
+        }
+        let count = 0;
+        const timerId = window.setInterval(() => {
+          if (count < 10) {
+            count++;
+            const iconStyleHTML = this.getIconStyleHTML();
+            if (iconStyleHTML) {
+              this.appendStyles(iconStyleHTML);
+              clearInterval(timerId);
+              return;
+            }
+          }
+          else {
+            console.warn('[Vega] Loading Font Awesome timeout.');
+            clearInterval(timerId);
+            return;
+          }
+        }, 300);
+      }
+    };
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:icon-changed-from-vega-icon-to-fa-icon-class}
+   */
+  /* istanbul ignore next */
+  watchIcon() {
+    this.cloneFAIconStyles();
+  }
+  componentWillLoad() {
+    this.cloneFAIconStyles();
+  }
+  render() {
+    const iconFromTokenIndex = Icons.findIndex((icon) => {
+      return icon === this.icon;
+    });
+    if (VegaIconManager.hasIcon(this.icon)) {
+      const { icon, autoSize } = VegaIconManager.getIcon(this.icon);
+      const iconSize = autoSize ? null : this.size;
+      return this.renderForVegaIconToken(icon, iconSize, autoSize);
+    }
+    else if (iconFromTokenIndex > -1) {
+      return this.renderForVegaIconToken(getIconFromToken(this.icon), this.size);
+    }
+    else {
+      /**
+       * The below method is e2e-test covered in
+       * @see {module:render-correct-size-with-fa-icon}
+       * @see {module:append-fa-icon-styles-to-shadow-dom}
+       */
+      /* istanbul ignore next */
+      return this.renderForThirdPartyIcon();
+    }
+  }
+  renderForVegaIconToken(icon, size, isAutoSize = false) {
+    const sizeClassName = size ? this.formatAndValidSize(this.size) : null;
+    return sanitizeVegaComponent(h(Host, { class: arrayToClassString([
+        sizeClassName,
+        this.color && formatAndValidTextColor(this.color),
+        isAutoSize && 'vega-auto-size',
+      ]), innerHTML: icon }, h("slot", null)), this.host);
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:render-correct-size-with-fa-icon}
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
+  /* istanbul ignore next */
+  renderForThirdPartyIcon() {
+    return sanitizeVegaComponent(h(Host, { class: arrayToClassString([this.color && formatAndValidTextColor(this.color)]), style: this.formatThirdPartyIconSize(this.size) }, h("i", { part: "icon", class: this.icon })), this.host);
+  }
+  formatAndValidSize(size) {
+    return `v-w-${size} v-h-${size}`;
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:render-correct-size-with-fa-icon}
+   */
+  /* istanbul ignore next */
+  formatThirdPartyIconSize(size) {
+    return { 'font-size': `${Spacing[size]}px` };
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
+  /* istanbul ignore next */
+  appendStyles(iconStyles) {
+    var _a;
+    if (iconStyles) {
+      const styleElement = (_a = this.host.shadowRoot.querySelector('#fa-icon-styles')) !== null && _a !== void 0 ? _a : document.createElement('style');
+      styleElement.id = 'fa-icon-styles';
+      styleElement.innerHTML = iconStyles;
+      this.host.shadowRoot.appendChild(styleElement);
+    }
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see {module:append-fa-icon-styles-to-shadow-dom}
+   */
+  /* istanbul ignore next */
+  getIconStyleHTML() {
+    var _a;
+    if (VegaIcon.iconStyleCache.has(this.icon)) {
+      return VegaIcon.iconStyleCache.get(this.icon);
+    }
+    else {
+      const iconElement = document.createElement('i');
+      iconElement.className = this.icon;
+      iconElement.style.display = 'none';
+      document.body.appendChild(iconElement);
+      const computedStyle = getComputedStyle(iconElement);
+      // `fontFamily` is null in spec test. Skip it by using '?'
+      if ((_a = computedStyle.fontFamily) === null || _a === void 0 ? void 0 : _a.includes('Font Awesome')) {
+        const pseudoBeforeElementStyle = getComputedStyle(iconElement, '::before');
+        const pseudoAfterElementStyle = getComputedStyle(iconElement, '::after');
+        const styleHTML = `
+				i {
+					font-weight: ${computedStyle.fontWeight};
+					font-family: ${computedStyle.fontFamily};
+					font-style: ${computedStyle.fontStyle};
+					position: ${computedStyle.position};
+					letter-spacing: ${computedStyle.letterSpacing};
+				}
+				i::before {
+					content: ${pseudoBeforeElementStyle.content};
+					position: ${pseudoBeforeElementStyle.position};
+					opacity: ${pseudoBeforeElementStyle.opacity};
+				}
+				i::after {
+					content: ${pseudoAfterElementStyle.content};
+					position: ${pseudoAfterElementStyle.position};
+					opacity: ${pseudoAfterElementStyle.opacity};
+				}
+			`.replace(/[\n\t]/gi, '');
+        VegaIcon.iconStyleCache.set(this.icon, styleHTML);
+        document.body.removeChild(iconElement);
+        return styleHTML;
+      }
+      else {
+        document.body.removeChild(iconElement);
+        return null;
+      }
+    }
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "icon": ["watchIcon"]
+  }; }
+};
+VegaIcon.iconStyleCache = new Map();
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaIcon.prototype, "globalSlimmers", void 0);
+VegaIcon.style = vegaIconCss;
+
+export { VegaIcon as vega_icon };

package/dist/esm/vega-image-uploader.entry.js

@@ -1,30 +1,26 @@
-import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-3e41c219.js';
-import { s as sanitizeVegaComponent } from './component-ff56c5f5.js';
+import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-c3505689.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
 import { R as RequiredFieldRule } from './requiredFieldRule-f549a39d.js';
-import { M as MapToComponentField, V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
+import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod } from './vega-slimmer-ce2e45d1.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-8aeac4b6.js';
-import { a as VegaClick, d as VegaChange, n as VegaRemove, o as VegaCancel } from './vegaEventId-78665c18.js';
-import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js';
-import { c as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-ba738b9d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { D as DomNodeSubjectObserverFactory, c as createEventEmitSlimmer } from './eventEmitSlimmer-d605ac81.js';
+import { V as VegaClick, g as VegaChange, n as VegaRemove, o as VegaCancel } from './internalVegaEventManager-efa77ebb.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-bb1e9570.js';
 import { C as ChangeManager } from './changeManager-935d420b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { V as VegaDialog } from './vegaDialogController-a23aae0f.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-4b2250b8.js';
-import { f as findParent } from './ui-608b4032.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-7229b70d.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-da1fd54e.js';
-import './featureFlagController-5d7e64f1.js';
+import { V as VegaDialog } from './vegaDialogController-69cc3f35.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-862c5c79.js';
+import { f as findParent, d as getDeepActiveElementInShadow } from './ui-6e5294cb.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-65a53b20.js';
 import './log-a824be80.js';
-import './observer-3959f9dd.js';
-import './misc-9fdbcfbb.js';
+import './dynamic-slimmer-c8ad78de.js';
+import './misc-c21a85c9.js';
 import './string-be824360.js';
-import './dynamic-slimmer-16826d2b.js';
-import './pageResizeObserverSlimmer-ee15d7fd.js';
-import './breakpoints-3152fa9c.js';
-import './internalVegaEventManager-4ab886bc.js';
+import './pageResizeObserverSlimmer-b476bb1f.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
 
 var __decorate$b = (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;
@@ -182,7 +178,7 @@ class VegaImageUploaderActionsRenderer extends VegaSlimmer {
     this.renderActionButton = (actionType) => {
       const options = this.getButtonOptions(actionType);
       return (h("vega-button-circle", Object.assign({ size: "small", variant: "icon-only", iconColor: "text-inverted-primary", role: "menuitem", ref: (ref) => {
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.handleClick(actionType);
           });
         } }, options)));
@@ -597,7 +593,7 @@ class VegaImageUploaderActionsVisibilityController extends VegaSlimmer {
    * The activeElement should be div.image-preview-container and replace button
    */
   hideBackDropAndActions() {
-    const activeElement = document.activeElement;
+    const activeElement = getDeepActiveElementInShadow();
     if (activeElement && findParent(activeElement, 'vega-image-uploader') === this.host) {
       activeElement.blur();
     }
@@ -635,7 +631,6 @@ const VegaImageUploader = class {
     this.remove = createEvent(this, "remove", 7);
     this.vegaCancel = createEvent(this, "vegaCancel", 7);
     this.cancel = createEvent(this, "cancel", 7);
-    this.vegaValidate = createEvent(this, "vegaValidate", 7);
     this.globalSlimmers = {};
     this.vegaImageUploaderRenderer = new VegaImageUploaderRenderer();
     this.vegaImageUploaderUploadingContentRenderer = new VegaImageUploaderUploadingContentRenderer();
@@ -656,10 +651,10 @@ const VegaImageUploader = class {
         },
       ],
       validationRulesName: 'validationRules',
-      inputContainerSelector: '.vega-image-uploader-select',
       defaultValue: null,
       attributeGetter: (propertyName) => this[propertyName],
       inputContainerGetter: () => this.vegaImageUploaderRenderer.getImageUploaderContainer(),
+      touchableAreaGetter: () => [this.vegaImageUploaderInputRenderer.getFileInputRef()],
     });
     this.changeEventEmitter = createEventEmitSlimmer(VegaImageUploader, VegaChange);
     this.removeEventEmitter = createEventEmitSlimmer(VegaImageUploader, VegaRemove);
@@ -717,16 +712,6 @@ const VegaImageUploader = class {
   }
   disconnectedCallback() {
   }
-  /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-  /**
-   * Invoke this method to validate the image uploader component
-   *    with the current selected value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   /**
    * Invoke this method to retrieve the image preview URL for
    *    the current selection in the `vega-image-uploader` component.

package/dist/esm/vega-input-credit-card.entry.js

@@ -1,30 +1,25 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3e41c219.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { R as RequiredFieldRule } from './requiredFieldRule-f549a39d.js';
 import { a as isCardNumberValid } from './number-400b3bf2.js';
-import { s as sanitizeVegaComponent } from './component-ff56c5f5.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
-import { m as methodPlaceholder } from './placeholder-bf562081.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-4b2250b8.js';
-import { c as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-ba738b9d.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-862c5c79.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-bb1e9570.js';
 import { C as ChangeManager } from './changeManager-935d420b.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-da1fd54e.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-7229b70d.js';
-import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-8aeac4b6.js';
-import { d as VegaChange, p as VegaFocus, q as VegaBlur } from './vegaEventId-78665c18.js';
+import { c as createEventEmitSlimmer, D as DomNodeSubjectObserverFactory } from './eventEmitSlimmer-d605ac81.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-65a53b20.js';
+import { g as VegaChange, p as VegaFocus, q as VegaBlur } from './internalVegaEventManager-efa77ebb.js';
 import { V as VegaIconManager } from './iconManager-48bebc43.js';
-import './featureFlagController-5d7e64f1.js';
 import './log-a824be80.js';
-import './vega-slimmer-d63e92d9.js';
-import './map-to-component-method-4e36ea1f.js';
+import './vega-slimmer-ce2e45d1.js';
 import './string-be824360.js';
-import './observer-3959f9dd.js';
-import './ui-608b4032.js';
-import './misc-9fdbcfbb.js';
-import './dynamic-slimmer-16826d2b.js';
-import './pageResizeObserverSlimmer-ee15d7fd.js';
-import './breakpoints-3152fa9c.js';
-import './internalVegaEventManager-4ab886bc.js';
+import './ui-6e5294cb.js';
+import './misc-c21a85c9.js';
+import './dynamic-slimmer-c8ad78de.js';
+import './pageResizeObserverSlimmer-b476bb1f.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
 
 const CARDS_INFO = [
   {
@@ -190,7 +185,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaInputCreditCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.vegaValidate = createEvent(this, "vegaValidate", 7);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
     this.vegaBlur = createEvent(this, "vegaBlur", 7);
@@ -286,13 +280,13 @@ const VegaInputCreditCard = class {
           ? this.getCreditCardType(this.value).iconName
           : 'regular-credit-card', maskConfig: this.getCreditCardType(this.value) ? this.getCreditCardType(this.value).maskConfig : null, placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (e) => {
           this.inputRef = e;
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaChange, (input) => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaChange, (input) => {
             this.handleVegaChange(input);
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaBlur, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaBlur, () => {
             this.handleVegaBlur();
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaFocus, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaFocus, () => {
             this.handleVegaFocus();
           });
         } }));
@@ -322,12 +316,6 @@ const VegaInputCreditCard = class {
       detail: value,
     });
   }
-  /**
-   * Invoke this method to validate the input credit card with the current value.
-   */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderInputContainer()), this.host);
   }