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

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

@@ -143,13 +143,6 @@ export class VegaInput {
      *    during the user's input.
      */
     this.autoValidation = true;
-    /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-    /**
-     * Controls the behavior of field validation when its value is updated.
-     *
-     * @deprecated This property will be removed soon
-     */
-    this.formValidation = 0;
     /**
      * Defines custom validation rules for the input field.
      */
@@ -211,15 +204,6 @@ export class VegaInput {
       detail: this.value,
     });
   }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-valid-with-form-validation-e2e}
-   * @see{module:vega-input-form-validation-change-isValid-prop}
-   */
-  /* istanbul ignore next */
-  watchFormValidation() {
-    void this.valid(true);
-  }
   watchValidationRules() {
     methodPlaceholder();
   }
@@ -248,15 +232,6 @@ export class VegaInput {
   handleValueInput() {
     this.value = this.inputRef.value;
   }
-  /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-  /**
-   * Invoke this method to validate the current input value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  async valid(showErrorText = true) {
-    return methodPlaceholder(showErrorText);
-  }
   /**
    * Invoke this method to focus the current input.
    */
@@ -618,27 +593,6 @@ export class VegaInput {
       "reflect": true,
       "defaultValue": "true"
     },
-    "formValidation": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }],
-        "text": "Controls the behavior of field validation when its value is updated."
-      },
-      "attribute": "form-validation",
-      "reflect": false,
-      "defaultValue": "0"
-    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,
@@ -778,31 +732,13 @@ export class VegaInput {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An native event emitter notifying a value change."
+        "text": "An event emitter notifying a value change."
       },
       "complexType": {
         "original": "string",
         "resolved": "string",
         "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": {}
-      }
     }, {
       "method": "vegaBlur",
       "name": "vegaBlur",
@@ -829,7 +765,7 @@ export class VegaInput {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An native event emitter notifying the blur of the inner input element."
+        "text": "An event emitter notifying the blur of the inner input element."
       },
       "complexType": {
         "original": "undefined",
@@ -862,7 +798,7 @@ export class VegaInput {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An native event emitter notifying the focus of the inner input element."
+        "text": "An event emitter notifying the focus of the inner input element."
       },
       "complexType": {
         "original": "undefined",
@@ -871,28 +807,6 @@ export class VegaInput {
       }
     }]; }
   static get methods() { return {
-    "valid": {
-      "complexType": {
-        "signature": "(showErrorText?: boolean | 'rule') => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Invoke this method to validate the current input value.",
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }]
-      }
-    },
     "doFocus": {
       "complexType": {
         "signature": "() => Promise<void>",
@@ -930,9 +844,6 @@ export class VegaInput {
   static get watchers() { return [{
       "propName": "value",
       "methodName": "watchValue"
-    }, {
-      "propName": "formValidation",
-      "methodName": "watchFormValidation"
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"

package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.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;
   width: 100%;

package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.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 { Component, Host, h, Element, Prop, Method, Event, Watch } from '@stencil/core';
+import { Component, Host, h, Element, Prop, Event, Watch } from '@stencil/core';
 import { CARDS_INFO } from '../../constants/cardConfig';
 import { RequiredFieldRule } from '../../helpers/validator/rules/requiredFieldRule';
 import { ValidCreditCardNumberRule } from '../../helpers/validator/rules/validCreditCardNumberRule';
@@ -110,13 +110,13 @@ export class VegaInputCreditCard {
           ? this.getCreditCardType(this.value).iconName
           : 'regular-credit-card', maskConfig: this.getCreditCardType(this.value) ? this.getCreditCardType(this.value).maskConfig : null, placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (e) => {
           this.inputRef = e;
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaChange, (input) => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaChange, (input) => {
             this.handleVegaChange(input);
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaBlur, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaBlur, () => {
             this.handleVegaBlur();
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(e, VegaFocus, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, VegaFocus, () => {
             this.handleVegaFocus();
           });
         } }));
@@ -147,12 +147,6 @@ export class VegaInputCreditCard {
       detail: value,
     });
   }
-  /**
-   * Invoke this method to validate the input credit card with the current value.
-   */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderInputContainer()), this.host);
   }
@@ -385,24 +379,6 @@ export class VegaInputCreditCard {
     }
   }; }
   static get events() { return [{
-      "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": {}
-      }
-    }, {
       "method": "vegaChange",
       "name": "vegaChange",
       "bubbles": true,
@@ -461,7 +437,7 @@ export class VegaInputCreditCard {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "A native event emitter notifying the blur event of the credit card element."
+        "text": "An event emitter notifying the blur event of the credit card element."
       },
       "complexType": {
         "original": "undefined",
@@ -494,7 +470,7 @@ export class VegaInputCreditCard {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "A native event emitter notifying the focus of the credit card element."
+        "text": "An event emitter notifying the focus of the credit card element."
       },
       "complexType": {
         "original": "undefined",
@@ -502,27 +478,6 @@ export class VegaInputCreditCard {
         "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 input credit card with the current value.",
-        "tags": []
-      }
-    }
-  }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
       "propName": "validationRules",

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js

@@ -40,16 +40,16 @@ export class VegaInputSelectDropdownController extends VegaSlimmer {
    * @param {HTMLElement} dropdownRef - The `dropdownRef` parameter is a reference to the HTML element representing the dropdown component.
    */
   addDropdownObserver(dropdownRef) {
-    DomNodeSubjectObserverFactory.addObserverToNode(dropdownRef, VegaDropdownShow, () => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownShow, () => {
       this.onDropdownShow();
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(dropdownRef, VegaDropdownHide, () => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownHide, () => {
       this.onDropdownHide();
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(dropdownRef, VegaDropdownClick, async (payload) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownClick, async (payload) => {
       this.vegaInputSelectValueController.setValue(await payload.host.getSelection());
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(dropdownRef, VegaDropdownSearch, (payload) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownSearch, (payload) => {
       this.searchEventEmitter.emit(payload.detail);
     });
   }

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js

@@ -14,7 +14,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderContainer = () => {
-      return (h("div", { role: 'button', class: "vega-input-select-container", tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), onBlur: this.preventBlur },
+      return (h("div", { role: 'button', class: "vega-input-select-container", ref: (ref) => (this.inputSelectContainer = ref), tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), onBlur: this.preventBlur },
         this.renderPrefixIcon(),
         this.renderSelectContainer(),
         this.renderToggleIcon()));
@@ -60,6 +60,12 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   hide() {
     return this.dropdown.hide();
   }
+  getDropdownRef() {
+    return this.dropdown;
+  }
+  getInputSelectContainerRef() {
+    return this.inputSelectContainer;
+  }
   render() {
     return (h("vega-dropdown", Object.assign({ trigger: "click", source: this.dropdownSource, selectType: this.selectType, selectedSourceKey: this.value, matchTargetWidth: true }, this.getVegaDropdownProperties(), { ref: (ref) => {
         this.dropdown = ref;

package/dist/collection/components/vega-input-select/vega-input-select.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;
   width: 100%;

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -33,10 +33,10 @@ export class VegaInputSelect {
         },
       ],
       validationRulesName: 'validationRules',
-      inputContainerSelector: 'vega-dropdown',
-      touchableAreaSelector: '.vega-input-select-container',
       defaultValue: (target) => (target.selectType === 'multiple' ? [] : ''),
       attributeGetter: (propertyName) => this[propertyName],
+      inputContainerGetter: () => this.vegaInputSelectDropdownRenderer.getDropdownRef(),
+      touchableAreaGetter: () => [this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()],
     });
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaChange);
@@ -96,13 +96,6 @@ export class VegaInputSelect {
      *    submission or proceeding further.
      */
     this.autoValidation = true;
-    /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-    /**
-     * Initiates the validation process for the user's selection in the field when updated.
-     *
-     * @deprecated This property will be removed soon
-     */
-    this.formValidation = 0;
     /**
      * Allows setting custom criteria or constraints that
      *    the user's selection in the dropdown menu must
@@ -138,9 +131,6 @@ export class VegaInputSelect {
   watchValue(newValue, oldValue) {
     methodPlaceholder(newValue, oldValue);
   }
-  watchFormValidation() {
-    void this.valid();
-  }
   watchValidationRules() {
     methodPlaceholder();
   }
@@ -166,15 +156,6 @@ export class VegaInputSelect {
   async doChange(value) {
     this.vegaInputSelectValueController.setValue(value);
   }
-  /* Linked issue: https://gitlab.com/heartland1/vega/tiger/-/issues/582 */
-  /**
-   * Invoke this method to validate the select element with the current value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   render() {
     return sanitizeVegaComponent(this.vegaInputSelectRenderer.render(), this.host);
   }
@@ -351,27 +332,6 @@ export class VegaInputSelect {
       "reflect": false,
       "defaultValue": "true"
     },
-    "formValidation": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }],
-        "text": "Initiates the validation process for the user's selection in the field when updated."
-      },
-      "attribute": "form-validation",
-      "reflect": false,
-      "defaultValue": "0"
-    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,
@@ -552,7 +512,7 @@ export class VegaInputSelect {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An native event emitter notifying the change of the select value."
+        "text": "An event emitter notifying the change of the select value."
       },
       "complexType": {
         "original": "SelectValueType<SelectType>",
@@ -568,24 +528,6 @@ export class VegaInputSelect {
           }
         }
       }
-    }, {
-      "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": {}
-      }
     }, {
       "method": "vegaSearch",
       "name": "vegaSearch",
@@ -679,28 +621,6 @@ export class VegaInputSelect {
         "text": "Invoke this method to change the ID of the select source item.",
         "tags": []
       }
-    },
-    "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 select element with the current value.",
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }]
-      }
     }
   }; }
   static get elementRef() { return "host"; }
@@ -710,9 +630,6 @@ export class VegaInputSelect {
     }, {
       "propName": "value",
       "methodName": "watchValue"
-    }, {
-      "propName": "formValidation",
-      "methodName": "watchFormValidation"
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"

package/dist/collection/components/vega-item-toggle/vega-item-toggle.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;
   text-align: left;
@@ -66,10 +66,6 @@ vega-button-circle::part(button):active {
   color: rgba(var(--v-text-success, 1, 128, 31, 1));
 }
 
-:host(.vega-error-status:not(.vega-toggled-status)) > div {
-  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
-}
-
 :host(.vega-toggled-status) vega-button-circle::part(button) {
   border: 2px solid rgba(var(--v-border-success, 1, 128, 31, 1));
   cursor: default;
@@ -83,14 +79,6 @@ vega-button-circle::part(button):active {
   color: rgba(var(--v-text-success, 1, 128, 31, 1));
 }
 
-:host(.vega-error-status:not(.vega-toggled-status)) vega-button-circle::part(button) {
-  border: 2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));
-}
-
-:host(.vega-error-status:not(.vega-toggled-status)) vega-button-circle::part(icon) {
-  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
-}
-
 @keyframes fadein {
   0% {
     opacity: 0;

package/dist/collection/components/vega-item-toggle/vega-item-toggle.js

@@ -7,7 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, h, Host, Prop, State, Event, Element, Watch } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { ItemToggleTransitionMillisecond } from '../../constants/ui';
-import { FeatureFlag } from '../../helpers/publicApi';
 import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subject/dom-node-subject/domNodeSubjectObserverFactory';
 import { VegaClick, VegaToggleStatus } from '../../helpers/event-manager/eventID/vegaEventId';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
@@ -32,12 +31,6 @@ export class VegaItemToggle {
      * Determines whether the item is toggled on.
      */
     this.isToggled = false;
-    /**
-     * Determines whether the toggle represents an error state.
-     *
-     * @deprecated This functionality will be removed in a future release.
-     */
-    this.isError = false;
     this.handleToggle = () => {
       if (!this.isTogglingOrUnToggling()) {
         this.updateToggleStatus();
@@ -53,7 +46,6 @@ export class VegaItemToggle {
   render() {
     return sanitizeVegaComponent(h(Host, { class: {
         'vega-toggled-status': this.isTogglingOrUnToggling(),
-        'vega-error-status': this.getIsError(),
       } },
       this.renderLabelDom(),
       h("vega-button-circle", { size: "small", variant: "secondary", icon: this.toggleItemStatus === 'unToggled'
@@ -61,7 +53,7 @@ export class VegaItemToggle {
           : this.toggleItemStatus === 'toggled'
             ? this.itemToggleStatusMap.toggledIcon || 'delete-bin'
             : 'checkmark', ref: (ref) => {
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, this.handleToggle);
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, this.handleToggle);
         } })), this.host);
   }
   renderLabelDom() {
@@ -109,15 +101,6 @@ export class VegaItemToggle {
     this.isToggled ? (this.toggleItemStatus = 'toggled') : (this.toggleItemStatus = 'unToggled');
     this.toggleStatusEventEmitter.emit(this.isToggled);
   }
-  /**
-   * It checks if the feature flag `VEGA_ITEM_TOGGLE_ISERROR_DEPRECATED` is enabled. If the feature flag is enabled, it
-   * returns `false`. Otherwise, it returns the value of the `isError` property
-   *
-   * @returns {boolean} a boolean value
-   */
-  getIsError() {
-    return FeatureFlag.isEnabled('VEGA_ITEM_TOGGLE_ISERROR_DEPRECATED') ? false : this.isError;
-  }
   static get is() { return "vega-item-toggle"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -165,27 +148,6 @@ export class VegaItemToggle {
       "attribute": "is-toggled",
       "reflect": false,
       "defaultValue": "false"
-    },
-    "isError": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "This functionality will be removed in a future release."
-          }],
-        "text": "Determines whether the toggle represents an error state."
-      },
-      "attribute": "is-error",
-      "reflect": false,
-      "defaultValue": "false"
     }
   }; }
   static get states() { return {
@@ -217,7 +179,7 @@ export class VegaItemToggle {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "A native event emitter notifying an item toggle event."
+        "text": "An event emitter notifying an item toggle event."
       },
       "complexType": {
         "original": "boolean",

package/dist/collection/components/vega-loader-wrapper/vega-loader-wrapper.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;
   display: inline-flex;

package/dist/collection/components/vega-loader-wrapper/vega-loader-wrapper.js

@@ -1,5 +1,15 @@
+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 { Component, Host, h } from '@stencil/core';
+import { InjectVegaGlobalSlimmer } from 'vega-slimmer/core';
 export class VegaLoaderWrapper {
+  constructor() {
+    this.globalSlimmers = {};
+  }
   render() {
     return (h(Host, { class: "vega-loader-wrapper" },
       h("slot", null)));
@@ -13,3 +23,6 @@ export class VegaLoaderWrapper {
     "$": ["vega-loader-wrapper.css"]
   }; }
 }
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaLoaderWrapper.prototype, "globalSlimmers", void 0);

package/dist/collection/components/vega-loading-indicator/vega-loading-indicator.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;
 }

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

@@ -2519,7 +2519,7 @@
     padding-left: 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: none;
   box-sizing: border-box;