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

package/dist/collection/components/vega-font/slimmers/controllers/vega-font-as-controller.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { LogUtility } from '../../../../utils/log';
 import responsiveFormatFacade from '../../../../helpers/formatter/responsive-map-formatter/responsiveFormatFacade';
 export const VEGA_FONT_AS_SAFE_LIST = [
@@ -28,102 +28,24 @@ export const VEGA_FONT_AS_SAFE_LIST = [
 ];
 /** The `VegaFontAsController` class is a TypeScript class that extends `VegaSlimmer` and provides methods for rendering and updating an extra node based on a specified `as` property. */
 export class VegaFontAsController extends VegaSlimmer {
-  /**
-   * check should render the extra node
-   */
-  checkAndRenderExtraNode() {
-    const tagName = this.getTagNameFromPropAs(this.as);
-    if (tagName) {
-      this.renderSlotContent(tagName);
-    }
-  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-font-responsive-as}
    */
   /* istanbul ignore next */
   /**
-   * update the extra node className
-   */
-  updateAsNodeClassNameOrTagName() {
-    const tagName = this.getTagNameFromPropAs(this.as);
-    const asNode = this.getAsNode();
-    if ((tagName && asNode && asNode.tagName.toLowerCase() !== tagName) ||
-      (!tagName && asNode) ||
-      (tagName && !asNode)) {
-      this.renderSlotContent(tagName);
-    }
-    else if (asNode) {
-      asNode.className = this.getAsNodeClassName();
-    }
-  }
-  /**
-   * update the extra node when prop as change
-   *
-   * @param {ResponsiveType<VegaFontAs>} newValue the new value
-   */
-  updateExtraNode(newValue) {
-    const newTagName = this.getTagNameFromPropAs(newValue);
-    this.renderSlotContent(newTagName);
-  }
-  /**
-   * The function `getSlotContent` returns a list of child nodes based on the as node.
-   *
-   * @returns {NodeListOf<ChildNode>} a NodeListOf<ChildNode>.
-   */
-  getSlotContent() {
-    const asNode = this.getAsNode();
-    if (asNode) {
-      return asNode.childNodes;
-    }
-    else {
-      return this.host.childNodes;
-    }
-  }
-  /**
-   * The function renders the content of a slot by creating a new element and appending the content to it, then replacing the existing element with the new one.
+   * The function `getTagNameFromPropAs` returns a `VegaFontAs` value based on the input
+   * `ResponsiveType<VegaFontAs>`.
    *
-   * @param {VegaFontAs} as - The "as" parameter is a string that represents the type of element to create. It is used to create a new element using the document.createElement() method.
+   * @returns {VegaFontAs} a value of type `VegaFontAs`.
    */
-  renderSlotContent(as) {
-    if (!this.isSafeAs(as)) {
-      LogUtility.warn(`The as value ${as} is invalid, it must be a value of: `, VEGA_FONT_AS_SAFE_LIST);
-    }
-    else {
-      const content = this.getSlotContent();
-      let extraNode = null;
-      try {
-        if (as) {
-          extraNode = document.createElement(as);
-          extraNode.className = this.getAsNodeClassName();
-        }
-        // eslint-disable-next-line no-empty
-      }
-      catch (e) { }
-      const nodeLength = content.length;
-      for (let i = 0; i < nodeLength; i++) {
-        if (extraNode) {
-          extraNode.appendChild(content[0]);
-        }
-        else {
-          this.host.appendChild(content[0]);
-        }
-      }
-      if (extraNode) {
-        if (this.host.childNodes.length > 0 && this.host.firstElementChild) {
-          this.host.replaceChild(extraNode, this.host.firstElementChild);
-        }
-        else {
-          this.host.appendChild(extraNode);
-        }
-      }
-      else {
-        const oldAsNode = this.getAsNode();
-        if (oldAsNode) {
-          oldAsNode.remove();
-        }
-      }
+  getTagNameFromPropAs() {
+    const result = responsiveFormatFacade.formatCustom(this.as) || '';
+    if (!this.isSafeAs(result)) {
+      LogUtility.warn(`The as value ${result} is invalid, it must be a value of: `, VEGA_FONT_AS_SAFE_LIST);
+      return '';
     }
+    return result;
   }
   /**
    * The function checks if a given value is safe to use as a VegaFontAs.
@@ -138,59 +60,7 @@ export class VegaFontAsController extends VegaSlimmer {
     }
     return false;
   }
-  /**
-   * The function returns the first element with the class "vega-font-as-node" as an HTMLElement or null if no such element exists.
-   *
-   * @returns {Nullable<HTMLElement>} The method is returning a Nullable<HTMLElement> object.
-   */
-  getAsNode() {
-    return this.host.querySelector('.vega-font-as-node');
-  }
-  /**
-   * The function returns a string that combines the class name from a classesController with the string "vega-font-as-node".
-   *
-   * @returns {string} The method is returning a string that is the concatenation of the result of the
-   * `getClassName()` method from the `classesController` object and the string "vega-font-as-node".
-   */
-  getAsNodeClassName() {
-    return `${this.classesController.getClassName()} vega-font-as-node`;
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-font-responsive-as}
-   */
-  /* istanbul ignore next */
-  /**
-   * The function `getTagNameFromPropAs` returns a `VegaFontAs` value based on the input
-   * `ResponsiveType<VegaFontAs>`.
-   *
-   * @param {ResponsiveType<VegaFontAs>} input - The input parameter is of type ResponsiveType<VegaFontAs>. It represents the font as
-   * a string or an object with breakpoints. The VegaFontAs type is a string type that represents the
-   * font name or alias.
-   * @returns {VegaFontAs} a value of type `VegaFontAs`.
-   */
-  getTagNameFromPropAs(input) {
-    return responsiveFormatFacade.formatCustom(input) || '';
-  }
 }
-__decorate([
-  MapToComponentField()
-], VegaFontAsController.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaFontAsController.prototype, "as", void 0);
-__decorate([
-  MapToComponentField()
-], VegaFontAsController.prototype, "currentBreakpoint", void 0);
-__decorate([
-  MapToComponentField()
-], VegaFontAsController.prototype, "classesController", void 0);
-__decorate([
-  MapToComponentMethod('componentDidLoad')
-], VegaFontAsController.prototype, "checkAndRenderExtraNode", null);
-__decorate([
-  MapToComponentMethod('componentDidUpdate')
-], VegaFontAsController.prototype, "updateAsNodeClassNameOrTagName", null);
-__decorate([
-  MapToComponentMethod('watchAsChange')
-], VegaFontAsController.prototype, "updateExtraNode", null);

package/dist/collection/components/vega-font/slimmers/renderers/vega-font-renderer.js

@@ -0,0 +1,18 @@
+var __decorate = (this && this.__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;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+/* The `VegaFontRenderer` class in TypeScript React extends `VegaSlimmer` and renders an HTML element based on specified properties. */
+export class VegaFontRenderer extends VegaSlimmer {
+  render(hostClasses) {
+    const tagName = this.asController.getTagNameFromPropAs();
+    return tagName ? h(tagName, { className: hostClasses }, [h("slot", null)]) : h("slot", null);
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaFontRenderer.prototype, "asController", void 0);

package/dist/collection/components/vega-font/vega-font.css

@@ -1616,4 +1616,4 @@
     line-height: 24px;
   }
 }
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */

package/dist/collection/components/vega-font/vega-font.js

@@ -6,13 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Element, Host, h, Prop, State, Watch } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
-import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, slotPlaceholder, } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { ComponentLoadRequired } from '../../decorators/method-decorators/componentLoadRequired';
 import { VegaFontVariantController } from './slimmers/controllers/vega-font-variant-controller';
 import { VegaFontAsController } from './slimmers/controllers/vega-font-as-controller';
 import { VegaFontClassesController } from './slimmers/controllers/vega-font-classes-controller';
+import { VegaFontRenderer } from './slimmers/renderers/vega-font-renderer';
 export class VegaFont {
   constructor() {
     this.globalSlimmers = {};
@@ -20,6 +21,7 @@ export class VegaFont {
     this.variantController = new VegaFontVariantController();
     this.asController = new VegaFontAsController();
     this.classesController = new VegaFontClassesController();
+    this.renderer = new VegaFontRenderer();
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
@@ -51,8 +53,8 @@ export class VegaFont {
   }
   render() {
     const hostClasses = this.classesController.getClassName();
-    return sanitizeVegaComponent(h(Host, { class: hostClasses },
-      h("slot", null)), this.host);
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { class: hostClasses }, this.renderer.render(hostClasses)), this.host);
   }
   static get is() { return "vega-font"; }
   static get encapsulation() { return "shadow"; }
@@ -183,6 +185,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFont.prototype, "classesController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFont.prototype, "renderer", void 0);
 __decorate([
   ComponentLoadRequired()
 ], VegaFont.prototype, "watchAsChange", null);

package/dist/collection/components/vega-form/vega-form.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: block;
 }

package/dist/collection/components/vega-form/vega-form.js

@@ -18,6 +18,8 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 import { VegaFormReset, VegaFormSubmit, VegaValidate } from '../../helpers/event-manager/eventID/vegaEventId';
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
+import domNodeSubjectFactory from '../../helpers/change-manager/subject/dom-node-subject/domNodeSubjectFactory';
+import { VegaInternalValid } from '../../helpers/event-manager/eventID/vegaInternalEventId';
 export class VegaForm {
   constructor() {
     this.globalSlimmers = {};
@@ -34,14 +36,6 @@ export class VegaForm {
         e.stopPropagation();
       },
     });
-    this.childValidateEventPrevent = new ChildNodesEventPreventSlimmer([VegaValidate], () => this.host, {
-      useCapture: true,
-      customPreventHandle: (e) => {
-        if (e.target['tagName'] !== 'VEGA-FORM') {
-          e.stopPropagation();
-        }
-      },
-    });
     this.childNotifyObserver = new ChildNodesNotifyObserverSlimmer(FORM_ELEMENT_VALIDATE, (input) => this.updateInternalValidStatus(input));
     this.childNodeValueChangeObserver = new ChildNodesNotifyObserverSlimmer(FORM_ELEMENT_VALUE_CHANGE, () => this.updateInternalTouchedStatus());
     this.invalidFieldPathMap = new ImmutableMap(new Map(), (newMap) => {
@@ -148,15 +142,16 @@ export class VegaForm {
   async valid(showError = true) {
     const result = { isValid: true, invalidFields: [] };
     await this.navigateVegaFormChildren(async (element, isForm) => {
-      if (typeof element['valid'] === 'function') {
-        if (isForm) {
-          const nestedFormValidationResult = await element.valid(showError);
-          if (!nestedFormValidationResult.isValid) {
-            result.isValid = false;
-            result.invalidFields.push(...nestedFormValidationResult.invalidFields);
-          }
+      if (typeof element['valid'] === 'function' && isForm) {
+        const nestedFormValidationResult = await element.valid(showError);
+        if (!nestedFormValidationResult.isValid) {
+          result.isValid = false;
+          result.invalidFields.push(...nestedFormValidationResult.invalidFields);
         }
-        else if (!(await element['valid'](showError))) {
+      }
+      else {
+        const isValid = await this.handleChildFormFieldElementValid(element, showError);
+        if (!isValid) {
           result.isValid = false;
           result.invalidFields.push(this.getFormFieldName(element));
         }
@@ -394,6 +389,22 @@ export class VegaForm {
   isElementInCurrentForm(element) {
     return this.invalidFieldPathMap.has(element) || isParent(element, this.host);
   }
+  async handleChildFormFieldElementValid(element, showError) {
+    const subject = domNodeSubjectFactory.getSubject(element, VegaInternalValid);
+    const isValid = await new Promise((resolve) => {
+      //This setTimeout method here to avoid the dom node subject observer not existing and blocks the promise status
+      const timerId = setTimeout(() => {
+        resolve(true);
+      }, 2000);
+      ChangeManager.notify(subject, {
+        host: element,
+        message: showError,
+        promiseResolve: resolve,
+        timerId,
+      });
+    });
+    return isValid;
+  }
   static get is() { return "vega-form"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -739,9 +750,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaForm.prototype, "childFormValidateEventPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaForm.prototype, "childValidateEventPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaForm.prototype, "childNotifyObserver", void 0);

package/dist/collection/components/vega-grid/vega-grid.css

@@ -343,7 +343,7 @@
     gap: 2px;
   }
 }
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: grid;
 }

package/dist/collection/components/vega-grid/vega-grid.js

@@ -74,7 +74,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridColumnType>",
-        "resolved": "2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -101,7 +101,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridRowType>",
-        "resolved": "2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 3 | 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",

package/dist/collection/components/vega-icon/vega-icon.css

@@ -366,9 +366,10 @@
   height: 2px;
 }
 
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-flex;
+  user-select: none;
 }
 
 i {

package/dist/collection/components/vega-image-uploader/slimmers/controllers/vega-image-uploader-actions-visibility-controller.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentMethod, MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-import { findParent } from '../../../../utils/ui';
+import { findParent, getDeepActiveElementInShadow } from '../../../../utils/ui';
 /** The `VegaImageUploaderActionsVisibilityController` class is responsible for handling the focus and hiding of backdrop and tooltip elements in a Vega Image Uploader component. */
 export class VegaImageUploaderActionsVisibilityController extends VegaSlimmer {
   /*
@@ -29,7 +29,7 @@ export 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();
     }

package/dist/collection/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-actions-renderer.js

@@ -21,7 +21,7 @@ export 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)));

package/dist/collection/components/vega-image-uploader/vega-image-uploader.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
   vertical-align: middle;

package/dist/collection/components/vega-image-uploader/vega-image-uploader.js

@@ -46,10 +46,10 @@ export class VegaImageUploader {
         },
       ],
       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);
@@ -110,16 +110,6 @@ export class VegaImageUploader {
   disconnectedCallback() {
     methodPlaceholder();
   }
-  /* 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.
@@ -452,48 +442,8 @@ export class VegaImageUploader {
         "resolved": "any",
         "references": {}
       }
-    }, {
-      "method": "vegaValidate",
-      "name": "vegaValidate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "vegaValidate is only used to listen on the vega-form component."
-          }],
-        "text": "An event emitter notifying the change in the validation result."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
     }]; }
   static get methods() { return {
-    "valid": {
-      "complexType": {
-        "signature": "(showError?: boolean | 'rule') => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Invoke this method to validate the image uploader component\n   with the current selected value.",
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }]
-      }
-    },
     "getContentURL": {
       "complexType": {
         "signature": "(file?: VegaFile) => Promise<Nullable<string>>",

package/dist/collection/components/vega-input/vega-input.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   cursor: text;
   display: block;