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

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

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
-const component = require('./component-de54cd0d.js');
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const placeholder = require('./placeholder-cb6d37ad.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-f83ef66f.js');
-const breakpoints = require('./breakpoints-96bd8c73.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-9751395d.js');
+const breakpoints = require('./breakpoints-97c1f5c8.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
-const vegaSlimmer = require('./vega-slimmer-f026897e.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-8bfed8eb.js');
-const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-8518443e.js');
 const log = require('./log-5d8066e0.js');
-const ui = require('./ui-25a66a2a.js');
-const designToken = require('./designToken-ed34a533.js');
-require('./featureFlagController-daf977be.js');
-require('./typeGuard-46915d8c.js');
+const ui = require('./ui-23cd9abb.js');
+const designToken = require('./designToken-a55d5476.js');
+require('./ui-ef822fe1.js');
+require('./typeGuard-70b919b6.js');
 require('./typography-3d2ba97d.js');
 require('./number-7e7d9981.js');
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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;
@@ -37,14 +37,14 @@ class VegaFontVariantController extends vegaSlimmer.VegaSlimmer {
     return responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.variant);
   }
 }
-__decorate$3([
+__decorate$4([
   vegaSlimmer.MapToComponentField()
 ], VegaFontVariantController.prototype, "variant", void 0);
-__decorate$3([
+__decorate$4([
   vegaSlimmer.MapToComponentField()
 ], VegaFontVariantController.prototype, "currentBreakpoint", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   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;
@@ -71,102 +71,24 @@ 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. */
 class VegaFontAsController extends vegaSlimmer.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)) {
-      log.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.ResponsiveFormatFacade.formatCustom(this.as) || '';
+    if (!this.isSafeAs(result)) {
+      log.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.
@@ -181,64 +103,12 @@ class VegaFontAsController extends vegaSlimmer.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.ResponsiveFormatFacade.formatCustom(input) || '';
-  }
 }
-__decorate$2([
-  vegaSlimmer.MapToComponentField()
-], VegaFontAsController.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   vegaSlimmer.MapToComponentField()
 ], VegaFontAsController.prototype, "as", void 0);
-__decorate$2([
-  vegaSlimmer.MapToComponentField()
-], VegaFontAsController.prototype, "currentBreakpoint", void 0);
-__decorate$2([
-  vegaSlimmer.MapToComponentField()
-], VegaFontAsController.prototype, "classesController", void 0);
-__decorate$2([
-  mapToComponentMethod.MapToComponentMethod('componentDidLoad')
-], VegaFontAsController.prototype, "checkAndRenderExtraNode", null);
-__decorate$2([
-  mapToComponentMethod.MapToComponentMethod('componentDidUpdate')
-], VegaFontAsController.prototype, "updateAsNodeClassNameOrTagName", null);
-__decorate$2([
-  mapToComponentMethod.MapToComponentMethod('watchAsChange')
-], VegaFontAsController.prototype, "updateExtraNode", null);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -266,16 +136,33 @@ class VegaFontClassesController extends vegaSlimmer.VegaSlimmer {
     return ui.arrayToClassString(hostClasses);
   }
 }
-__decorate$1([
+__decorate$2([
   vegaSlimmer.MapToComponentField()
 ], VegaFontClassesController.prototype, "color", void 0);
-__decorate$1([
+__decorate$2([
   vegaSlimmer.MapToComponentField()
 ], VegaFontClassesController.prototype, "disableResponsive", void 0);
-__decorate$1([
+__decorate$2([
   vegaSlimmer.MapToComponentField()
 ], VegaFontClassesController.prototype, "variantController", void 0);
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* The `VegaFontRenderer` class in TypeScript React extends `VegaSlimmer` and renders an HTML element based on specified properties. */
+class VegaFontRenderer extends vegaSlimmer.VegaSlimmer {
+  render(hostClasses) {
+    const tagName = this.asController.getTagNameFromPropAs();
+    return tagName ? index.h(tagName, { className: hostClasses }, [index.h("slot", null)]) : index.h("slot", null);
+  }
+}
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaFontRenderer.prototype, "asController", void 0);
+
 const vegaFontCss = ":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-font-h1),.v-font-h1{font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:50px;letter-spacing:0.42px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:50px;letter-spacing:2.52px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:48px;font-weight:700;line-height:56px;letter-spacing:0.96px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:60px;font-weight:700;line-height:70px;letter-spacing:1.8px}}:host(.v-font-h2),.v-font-h2{font-family:\"Inter\", sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:36px;font-weight:700;line-height:44px;letter-spacing:1.8px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:52px;letter-spacing:0.42px}}:host(.v-font-h3),.v-font-h3{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:32px;font-weight:500;line-height:44px;letter-spacing:0.32px}}:host(.v-font-h4),.v-font-h4{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}:host(.v-font-h5),.v-font-h5{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.v-font-h6),.v-font-h6{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host(.v-font-p1-short),.v-font-p1-short{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}:host(.v-font-p1-long),.v-font-p1-long{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:32px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}:host(.v-font-p2-short),.v-font-p2-short{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.v-font-p2-long),.v-font-p2-long{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}:host(.v-font-btn-label),.v-font-btn-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-btn-label-lg),.v-font-btn-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-btn-label-sm),.v-font-btn-label-sm{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host(.v-font-btn-link-label),.v-font-btn-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-btn-link-label-lg),.v-font-btn-link-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-btn-link-label-sm),.v-font-btn-link-label-sm{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host(.v-font-field-label),.v-font-field-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.v-font-field-label-sm),.v-font-field-label-sm{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.v-font-field-label-xs),.v-font-field-label-xs{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.v-font-field-label-lg),.v-font-field-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.v-font-field-label-em),.v-font-field-label-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}:host(.v-font-field-label-sm-em),.v-font-field-label-sm-em{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.v-font-field-label-xs-em),.v-font-field-label-xs-em{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.v-font-field-label-lg-em),.v-font-field-label-lg-em{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-field-value),.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.v-font-field-value-sm),.v-font-field-value-sm{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}:host(.v-font-field-value-em),.v-font-field-value-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-field-value-disabled),.v-font-field-value-disabled{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.v-font-sidebar-link),.v-font-sidebar-link{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.v-font-sidebar-link-em),.v-font-sidebar-link-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-footnote1-short),.v-font-footnote1-short{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-footnote1-long),.v-font-footnote1-long{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-footnote2-short),.v-font-footnote2-short{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}:host(.v-font-footnote2-long),.v-font-footnote2-long{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-h-modal),.v-font-h-modal{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}:host(.v-font-keypad-label),.v-font-keypad-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}:host(.v-font-keypad-label-large),.v-font-keypad-label-large{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -296,6 +183,7 @@ const VegaFont = class {
     this.variantController = new VegaFontVariantController();
     this.asController = new VegaFontAsController();
     this.classesController = new VegaFontClassesController();
+    this.renderer = new VegaFontRenderer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
@@ -324,7 +212,8 @@ const VegaFont = class {
   }
   render() {
     const hostClasses = this.classesController.getClassName();
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: hostClasses }, index.h("slot", null)), this.host);
+    placeholder.slotPlaceholder(index.h("slot", null));
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: hostClasses }, this.renderer.render(hostClasses)), this.host);
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {
@@ -346,6 +235,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaFont.prototype, "classesController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaFont.prototype, "renderer", void 0);
 __decorate([
   componentLoadRequired.ComponentLoadRequired()
 ], VegaFont.prototype, "watchAsChange", null);

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

@@ -2,32 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ced28bc0.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b50512f8.js');
+const index = require('./index-1299d729.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-69ea8396.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const observer = require('./observer-f49483e8.js');
-const staticSubjectTitle = require('./staticSubjectTitle-9a2a1b10.js');
-const array = require('./array-e1e5ed1d.js');
-const component = require('./component-de54cd0d.js');
-const ui = require('./ui-25a66a2a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const staticSubjectTitle = require('./staticSubjectTitle-b02c917c.js');
+const array = require('./array-5f977aa2.js');
+const component = require('./component-b50f0483.js');
+const ui = require('./ui-23cd9abb.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-63a34620.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-ab75a6a2.js');
-const vegaEventId = require('./vegaEventId-dfd382d2.js');
-const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-cc6d9d8d.js');
-require('./vega-slimmer-f026897e.js');
-require('./map-to-component-method-bdf875d3.js');
-require('./featureFlagController-daf977be.js');
-require('./log-5d8066e0.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-77d939be.js');
+require('./vega-slimmer-af488dc3.js');
 require('./string-21427167.js');
-require('./misc-3d30df91.js');
-require('./dynamic-slimmer-028b0e61.js');
-require('./pageResizeObserverSlimmer-f83ef66f.js');
-require('./breakpoints-96bd8c73.js');
+require('./misc-0197689b.js');
+require('./dynamic-slimmer-c718b7d9.js');
+require('./pageResizeObserverSlimmer-9751395d.js');
+require('./breakpoints-97c1f5c8.js');
+require('./ui-ef822fe1.js');
+require('./log-5d8066e0.js');
 require('./number-7e7d9981.js');
-require('./domNodeSubjectObserverFactory-8663ab4f.js');
-require('./internalVegaEventManager-a5ad4b61.js');
 
 /** The `ImmutableMap` class is a TypeScript implementation of an immutable map data structure that allows for mutation through a `withMutation` method. */
 class ImmutableMap {
@@ -157,27 +153,19 @@ const VegaForm = class {
     this.vegaFormReset = index.createEvent(this, "vegaFormReset", 7);
     this.formReset = index.createEvent(this, "formReset", 7);
     this.globalSlimmers = {};
-    this.submitEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, vegaEventId.VegaFormSubmit);
-    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, vegaEventId.VegaFormReset);
-    this.validateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, vegaEventId.VegaValidate);
-    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaFormSubmit, vegaEventId.VegaFormReset], () => this.host.querySelector('vega-form'), {
+    this.submitEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, internalVegaEventManager.VegaFormSubmit);
+    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, internalVegaEventManager.VegaFormReset);
+    this.validateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, internalVegaEventManager.VegaValidate);
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaFormSubmit, internalVegaEventManager.VegaFormReset], () => this.host.querySelector('vega-form'), {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.childFormValidateEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaValidate], () => this.host, {
+    this.childFormValidateEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaValidate], () => this.host, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.childValidateEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaValidate], () => this.host, {
-      useCapture: true,
-      customPreventHandle: (e) => {
-        if (e.target['tagName'] !== 'VEGA-FORM') {
-          e.stopPropagation();
-        }
-      },
-    });
     this.childNotifyObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.FORM_ELEMENT_VALIDATE, (input) => this.updateInternalValidStatus(input));
     this.childNodeValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, () => this.updateInternalTouchedStatus());
     this.invalidFieldPathMap = new ImmutableMap(new Map(), (newMap) => {
@@ -284,15 +272,16 @@ const VegaForm = class {
   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));
         }
@@ -462,7 +451,7 @@ const VegaForm = class {
    * delete operation is triggered
    */
   initFormFieldDisconnectedObserver() {
-    this.formFieldDisconnectedObserver = new observer.Observer(this.canAcceptFormFieldDisconnectedOperation.bind(this), this.updateInvalidFieldPath.bind(this));
+    this.formFieldDisconnectedObserver = new eventEmitSlimmer.Observer(this.canAcceptFormFieldDisconnectedOperation.bind(this), this.updateInvalidFieldPath.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_FIELD_ELEMENT_DISCONNECTED, this.formFieldDisconnectedObserver);
   }
   /**
@@ -482,7 +471,7 @@ const VegaForm = class {
     this.pendingValidFieldPathMap.delete(payload.host);
   }
   registerFormSubmitChangeManager() {
-    this.formEventsObserver = new observer.Observer(this.canAcceptFormSubmitEvent.bind(this), this.handleSubmitEvents.bind(this));
+    this.formEventsObserver = new eventEmitSlimmer.Observer(this.canAcceptFormSubmitEvent.bind(this), this.handleSubmitEvents.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_SUBMIT, this.formEventsObserver);
   }
   /**
@@ -501,7 +490,7 @@ const VegaForm = class {
     }
   }
   registerFormResetChangeManager() {
-    this.formEventsObserver = new observer.Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
+    this.formEventsObserver = new eventEmitSlimmer.Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET, this.formEventsObserver);
   }
   canAcceptFormResetEvent(payload) {
@@ -512,7 +501,7 @@ const VegaForm = class {
     this.resetEventEmitter.emit();
   }
   registerFormFieldPendingValidChangeManager() {
-    this.formFieldPendingValidObserver = new observer.Observer(this.canAcceptFormFieldPendingValid.bind(this), this.handleFieldPendingValid.bind(this));
+    this.formFieldPendingValidObserver = new eventEmitSlimmer.Observer(this.canAcceptFormFieldPendingValid.bind(this), this.handleFieldPendingValid.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_FIELD_PENDING_VALID_CHANGE, this.formFieldPendingValidObserver);
   }
   canAcceptFormFieldPendingValid(payload) {
@@ -529,6 +518,22 @@ const VegaForm = class {
   isElementInCurrentForm(element) {
     return this.invalidFieldPathMap.has(element) || ui.isParent(element, this.host);
   }
+  async handleChildFormFieldElementValid(element, showError) {
+    const subject = eventEmitSlimmer.domNodeSubjectFactory.getSubject(element, formFieldControllerSlimmer.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.ChangeManager.notify(subject, {
+        host: element,
+        message: showError,
+        promiseResolve: resolve,
+        timerId,
+      });
+    });
+    return isValid;
+  }
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "isValid": ["watchIsValid"]
@@ -552,9 +557,6 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaForm.prototype, "childFormValidateEventPrevent", void 0);
-__decorate([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaForm.prototype, "childValidateEventPrevent", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaForm.prototype, "childNotifyObserver", void 0);