@heartlandone/vega-angular 2.88.0 → 2.89.0

package/dist/fesm2020/globalpayments-vega-angular-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalpayments-vega-angular-testing.mjs","sources":["../../testing/index.ts","../../testing/public-api.ts","../../testing/globalpayments-vega-angular-testing.ts"],"sourcesContent":["import { FeatureFlag } from '@globalpayments/vega';\nimport { waitForVega } from '@globalpayments/vega';\nimport type { RenderResult } from '@testing-library/angular';\n\ntype Nullable<T> = T | undefined | null;\n\n/**\n * @deprecated This utility is deprecated. Use `waitForVega` from `@heartlandone/vega-testing-library` directly.\n * The `vega-testing-library` package supports Jest fake timers and does not require a `RenderResult` argument.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport async function waitForVegaReady(\n  renderResult: RenderResult<unknown, unknown>,\n  delay: number = 300,\n): Promise<RenderResult<unknown, unknown>> {\n  await waitForVega();\n\n  /*\n     * The following code is added to load the vega component, and the attribute value is set after each component is loaded.\n     * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,\n     * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded\n     *\n     code link: ./node_modules/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}\n    */\n  await sleep(delay);\n  return renderResult;\n}\n\n/**\n * @deprecated This type is deprecated. Use `MockedResizeObserverController` from `@heartlandone/vega-testing-library` directly.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport type MockedResizeObserverController = {\n  hide: (selector: string, container?: HTMLElement) => void;\n  show: (selector: string, container?: HTMLElement) => void;\n};\n\n/**\n * @deprecated This function is deprecated. Use `mockResizeObserver` from `@heartlandone/vega-testing-library` directly.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport function mockResizeObserver(): MockedResizeObserverController {\n  type MockedResizeObserver = ResizeObserver & {\n    show: () => void;\n    hide: () => void;\n  };\n  FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');\n  const resizeObserverElementMap: Map<HTMLElement, MockedResizeObserver> = new Map();\n  const VegaResizeObserver: unknown = class {\n    private readonly callback: ResizeObserverCallback;\n    private observedElements: HTMLElement[] = [];\n    constructor(callback: ResizeObserverCallback) {\n      this.callback = callback;\n    }\n\n    observe(element: HTMLElement): void {\n      if (!this.isObserved(element)) {\n        resizeObserverElementMap.set(element, this);\n        this.observedElements.push(element);\n      }\n    }\n\n    unobserve(element: HTMLElement): void {\n      if (this.isObserved(element)) {\n        resizeObserverElementMap.delete(element);\n        this.observedElements = this.observedElements.filter(\n          (observedElement: HTMLElement) => observedElement !== element,\n        );\n      }\n    }\n\n    disconnect(): void {\n      for (const element of this.observedElements) {\n        resizeObserverElementMap.delete(element);\n      }\n      this.observedElements = [];\n    }\n\n    show(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 100 } }] as any, this);\n    }\n\n    hide(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 0 } }] as any, this);\n    }\n\n    private isObserved(element: HTMLElement): boolean {\n      return this.observedElements.includes(element);\n    }\n  };\n  Object.assign(window, { VegaResizeObserver });\n  return {\n    show: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.show();\n          }\n        });\n    },\n    hide: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.hide();\n          }\n        });\n    },\n  };\n}\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve: () => void) => {\n    setTimeout(resolve, ms);\n  });\n}\n","/*\n * Public API Surface of vega-angular\n */\nexport * from './index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"globalpayments-vega-angular-testing.mjs","sources":["../../testing/index.ts","../../testing/public-api.ts","../../testing/globalpayments-vega-angular-testing.ts"],"sourcesContent":["import { FeatureFlag } from '@heartlandone/vega';\nimport { waitForVega } from '@heartlandone/vega';\nimport type { RenderResult } from '@testing-library/angular';\n\ntype Nullable<T> = T | undefined | null;\n\n/**\n * @deprecated This utility is deprecated. Use `waitForVega` from `@heartlandone/vega-testing-library` directly.\n * The `vega-testing-library` package supports Jest fake timers and does not require a `RenderResult` argument.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport async function waitForVegaReady(\n  renderResult: RenderResult<unknown, unknown>,\n  delay: number = 300,\n): Promise<RenderResult<unknown, unknown>> {\n  await waitForVega();\n\n  /*\n     * The following code is added to load the vega component, and the attribute value is set after each component is loaded.\n     * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,\n     * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded\n     *\n     code link: ./node_modules/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}\n    */\n  await sleep(delay);\n  return renderResult;\n}\n\n/**\n * @deprecated This type is deprecated. Use `MockedResizeObserverController` from `@heartlandone/vega-testing-library` directly.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport type MockedResizeObserverController = {\n  hide: (selector: string, container?: HTMLElement) => void;\n  show: (selector: string, container?: HTMLElement) => void;\n};\n\n/**\n * @deprecated This function is deprecated. Use `mockResizeObserver` from `@heartlandone/vega-testing-library` directly.\n * Install it separately: `npm install @heartlandone/vega-testing-library`\n */\nexport function mockResizeObserver(): MockedResizeObserverController {\n  type MockedResizeObserver = ResizeObserver & {\n    show: () => void;\n    hide: () => void;\n  };\n  FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');\n  const resizeObserverElementMap: Map<HTMLElement, MockedResizeObserver> = new Map();\n  const VegaResizeObserver: unknown = class {\n    private readonly callback: ResizeObserverCallback;\n    private observedElements: HTMLElement[] = [];\n    constructor(callback: ResizeObserverCallback) {\n      this.callback = callback;\n    }\n\n    observe(element: HTMLElement): void {\n      if (!this.isObserved(element)) {\n        resizeObserverElementMap.set(element, this);\n        this.observedElements.push(element);\n      }\n    }\n\n    unobserve(element: HTMLElement): void {\n      if (this.isObserved(element)) {\n        resizeObserverElementMap.delete(element);\n        this.observedElements = this.observedElements.filter(\n          (observedElement: HTMLElement) => observedElement !== element,\n        );\n      }\n    }\n\n    disconnect(): void {\n      for (const element of this.observedElements) {\n        resizeObserverElementMap.delete(element);\n      }\n      this.observedElements = [];\n    }\n\n    show(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 100 } }] as any, this);\n    }\n\n    hide(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 0 } }] as any, this);\n    }\n\n    private isObserved(element: HTMLElement): boolean {\n      return this.observedElements.includes(element);\n    }\n  };\n  Object.assign(window, { VegaResizeObserver });\n  return {\n    show: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.show();\n          }\n        });\n    },\n    hide: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.hide();\n          }\n        });\n    },\n  };\n}\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve: () => void) => {\n    setTimeout(resolve, ms);\n  });\n}\n","/*\n * Public API Surface of vega-angular\n */\nexport * from './index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/fesm2020/globalpayments-vega-angular.mjs

@@ -666,7 +666,7 @@ let VegaCheckbox = class VegaCheckbox {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change']);
+        proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
     }
 };
 VegaCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -692,7 +692,7 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['vegaChange', 'change']);
+        proxyOutputs(this, this.el, ['vegaChange', 'vegaUserChange', 'userChange', 'change']);
     }
 };
 VegaCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -772,11 +772,11 @@ let VegaColorPicker = class VegaColorPicker {
     }
 };
 VegaColorPicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", columns: "columns", disabled: "disabled", hint: "hint", isInline: "isInline", isValid: "isValid", label: "label", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaColorPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaColorPicker, selector: "vega-color-picker", inputs: { autoValidation: "autoValidation", colors: "colors", columns: "columns", disabled: "disabled", hint: "hint", isInline: "isInline", isValid: "isValid", label: "label", optional: "optional", required: "required", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaColorPicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'required', 'validationRules', 'value']
+        inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
     })
 ], VegaColorPicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaColorPicker, decorators: [{
@@ -785,7 +785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-color-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'required', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'colors', 'columns', 'disabled', 'hint', 'isInline', 'isValid', 'label', 'optional', 'required', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaColorSwatch = class VegaColorSwatch {
@@ -847,11 +847,11 @@ let VegaComboBox = class VegaComboBox {
     }
 };
 VegaComboBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComboBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaComboBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaComboBox, selector: "vega-combo-box", inputs: { autoValidation: "autoValidation", containerMaxHeight: "containerMaxHeight", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", optional: "optional", placeholder: "placeholder", required: "required", size: "size", source: "source", useDefaultFilter: "useDefaultFilter", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaComboBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['close', 'open']
     })
 ], VegaComboBox);
@@ -861,7 +861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-combo-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'containerMaxHeight', 'disabled', 'hint', 'isValid', 'label', 'optional', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaCounterBadge = class VegaCounterBadge {
@@ -897,11 +897,11 @@ let VegaDatePicker = class VegaDatePicker {
     }
 };
 VegaDatePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", format: "format", isDateDisabled: "isDateDisabled", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", placeholder: "placeholder", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", showYearMonthDropdowns: "showYearMonthDropdowns", size: "size", timezone: "timezone", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaDatePicker, selector: "vega-date-picker", inputs: { allowRepick: "allowRepick", autoValidation: "autoValidation", clearButton: "clearButton", disabled: "disabled", dropdownConfig: "dropdownConfig", format: "format", isDateDisabled: "isDateDisabled", isValid: "isValid", label: "label", maxDate: "maxDate", minDate: "minDate", mode: "mode", optional: "optional", placeholder: "placeholder", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", showYearMonthDropdowns: "showYearMonthDropdowns", size: "size", timezone: "timezone", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaDatePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
+        inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value'],
         methods: ['doClose', 'doOpen']
     })
 ], VegaDatePicker);
@@ -911,7 +911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-date-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value']
+                    inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isDateDisabled', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'optional', 'placeholder', 'readOnly', 'required', 'showClearIcon', 'showYearMonthDropdowns', 'size', 'timezone', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaDatePickerCalendar = class VegaDatePickerCalendar {
@@ -1336,11 +1336,11 @@ let VegaImageUploader = class VegaImageUploader {
     }
 };
 VegaImageUploader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaImageUploader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", actionSubTitle: "actionSubTitle", actionTitle: "actionTitle", autoValidation: "autoValidation", disabled: "disabled", height: "height", hint: "hint", isValid: "isValid", label: "label", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaImageUploader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaImageUploader, selector: "vega-image-uploader", inputs: { accept: "accept", actionSubTitle: "actionSubTitle", actionTitle: "actionTitle", autoValidation: "autoValidation", disabled: "disabled", height: "height", hint: "hint", isValid: "isValid", label: "label", optional: "optional", required: "required", showPreviewButton: "showPreviewButton", showRemoveButton: "showRemoveButton", showReplaceButton: "showReplaceButton", status: "status", validationRules: "validationRules", value: "value", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaImageUploader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
+        inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width'],
         methods: ['getContentURL']
     })
 ], VegaImageUploader);
@@ -1350,7 +1350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-image-uploader',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width']
+                    inputs: ['accept', 'actionSubTitle', 'actionTitle', 'autoValidation', 'disabled', 'height', 'hint', 'isValid', 'label', 'optional', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInput = class VegaInput {
@@ -1413,11 +1413,11 @@ let VegaInputNumeric = class VegaInputNumeric {
     }
 };
 VegaInputNumeric.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputNumeric, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputNumeric.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputNumeric, selector: "vega-input-numeric", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", integerOnly: "integerOnly", isValid: "isValid", label: "label", majorIncrement: "majorIncrement", max: "max", min: "min", minorIncrement: "minorIncrement", placeholder: "placeholder", prefixIcon: "prefixIcon", prefixText: "prefixText", required: "required", showClearIcon: "showClearIcon", size: "size", suffixText: "suffixText", thousandComma: "thousandComma", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputNumeric.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputNumeric, selector: "vega-input-numeric", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", integerOnly: "integerOnly", isValid: "isValid", label: "label", majorIncrement: "majorIncrement", max: "max", min: "min", minorIncrement: "minorIncrement", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", prefixText: "prefixText", required: "required", showClearIcon: "showClearIcon", size: "size", suffixText: "suffixText", thousandComma: "thousandComma", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputNumeric = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
     })
 ], VegaInputNumeric);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputNumeric, decorators: [{
@@ -1426,7 +1426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-numeric',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'integerOnly', 'isValid', 'label', 'majorIncrement', 'max', 'min', 'minorIncrement', 'optional', 'placeholder', 'prefixIcon', 'prefixText', 'required', 'showClearIcon', 'size', 'suffixText', 'thousandComma', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputPasscode = class VegaInputPasscode {
@@ -1488,11 +1488,11 @@ let VegaInputRange = class VegaInputRange {
     }
 };
 VegaInputRange.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputRange, selector: "vega-input-range", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", max: "max", min: "min", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", stack: "stack", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputRange, selector: "vega-input-range", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", max: "max", min: "min", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", showClearIcon: "showClearIcon", size: "size", stack: "stack", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputRange = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
     })
 ], VegaInputRange);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputRange, decorators: [{
@@ -1501,7 +1501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-range',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'max', 'min', 'optional', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'stack', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaInputSelect = class VegaInputSelect {
@@ -1513,11 +1513,11 @@ let VegaInputSelect = class VegaInputSelect {
     }
 };
 VegaInputSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaInputSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", dropdownItemTooltipProps: "dropdownItemTooltipProps", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", selectedLabelTooltipProps: "selectedLabelTooltipProps", size: "size", source: "source", sourceLazyLoadCallback: "sourceLazyLoadCallback", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaInputSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaInputSelect, selector: "vega-input-select", inputs: { autoValidation: "autoValidation", disabled: "disabled", dropdownItemTooltipProps: "dropdownItemTooltipProps", hint: "hint", isValid: "isValid", label: "label", labelSuffixButtonConfig: "labelSuffixButtonConfig", optional: "optional", placeholder: "placeholder", prefixIcon: "prefixIcon", required: "required", selectType: "selectType", selectedLabel: "selectedLabel", selectedLabelTooltipProps: "selectedLabelTooltipProps", size: "size", source: "source", sourceLazyLoadCallback: "sourceLazyLoadCallback", validationRules: "validationRules", value: "value", vegaDropdownProps: "vegaDropdownProps" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaInputSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
+        inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps'],
         methods: ['doClose', 'doOpen', 'doChange']
     })
 ], VegaInputSelect);
@@ -1527,7 +1527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-input-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps']
+                    inputs: ['autoValidation', 'disabled', 'dropdownItemTooltipProps', 'hint', 'isValid', 'label', 'labelSuffixButtonConfig', 'optional', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'selectedLabelTooltipProps', 'size', 'source', 'sourceLazyLoadCallback', 'validationRules', 'value', 'vegaDropdownProps']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaItemToggle = class VegaItemToggle {
@@ -2430,11 +2430,11 @@ let VegaSelectionTileGroup = class VegaSelectionTileGroup {
     }
 };
 VegaSelectionTileGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionTileGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSelectionTileGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionTileGroup, selector: "vega-selection-tile-group", inputs: { disabled: "disabled", distributeEvenly: "distributeEvenly", hint: "hint", isValid: "isValid", label: "label", layout: "layout", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSelectionTileGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSelectionTileGroup, selector: "vega-selection-tile-group", inputs: { disabled: "disabled", distributeEvenly: "distributeEvenly", hint: "hint", isValid: "isValid", label: "label", layout: "layout", optional: "optional", required: "required", selectType: "selectType", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSelectionTileGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'required', 'selectType', 'validationRules', 'value']
+        inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
     })
 ], VegaSelectionTileGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSelectionTileGroup, decorators: [{
@@ -2443,7 +2443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-selection-tile-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'required', 'selectType', 'validationRules', 'value']
+                    inputs: ['disabled', 'distributeEvenly', 'hint', 'isValid', 'label', 'layout', 'optional', 'required', 'selectType', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSidenav = class VegaSidenav {
@@ -2530,11 +2530,11 @@ let VegaSignatureCapture = class VegaSignatureCapture {
     }
 };
 VegaSignatureCapture.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaSignatureCapture, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaSignatureCapture.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSignatureCapture, selector: "vega-signature-capture", inputs: { autoValidation: "autoValidation", disabled: "disabled", height: "height", isValid: "isValid", label: "label", mode: "mode", placeholder: "placeholder", placeholderIcon: "placeholderIcon", required: "required", showClearBtn: "showClearBtn", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaSignatureCapture.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaSignatureCapture, selector: "vega-signature-capture", inputs: { autoValidation: "autoValidation", disabled: "disabled", height: "height", isValid: "isValid", label: "label", mode: "mode", optional: "optional", placeholder: "placeholder", placeholderIcon: "placeholderIcon", required: "required", showClearBtn: "showClearBtn", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaSignatureCapture = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
+        inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value'],
         methods: ['clear']
     })
 ], VegaSignatureCapture);
@@ -2544,7 +2544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-signature-capture',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'height', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'placeholderIcon', 'required', 'showClearBtn', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSkeleton = class VegaSkeleton {
@@ -2935,11 +2935,11 @@ let VegaText = class VegaText {
     }
 };
 VegaText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaText, selector: "vega-text", inputs: { overflow: "overflow", text: "text", tooltip: "tooltip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaText = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['overflow', 'tooltip']
+        inputs: ['overflow', 'text', 'tooltip']
     })
 ], VegaText);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaText, decorators: [{
@@ -2948,7 +2948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['overflow', 'tooltip']
+                    inputs: ['overflow', 'text', 'tooltip']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTextarea = class VegaTextarea {
@@ -2985,11 +2985,11 @@ let VegaTimePicker = class VegaTimePicker {
     }
 };
 VegaTimePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaTimePicker, selector: "vega-time-picker", inputs: { autoValidation: "autoValidation", disabled: "disabled", increments: "increments", isValid: "isValid", label: "label", mode: "mode", optional: "optional", placeholder: "placeholder", positionRelativeTo: "positionRelativeTo", readOnly: "readOnly", required: "required", showClearIcon: "showClearIcon", size: "size", timeFormat: "timeFormat", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTimePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
+        inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
     })
 ], VegaTimePicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaTimePicker, decorators: [{
@@ -2998,7 +2998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-time-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'optional', 'placeholder', 'positionRelativeTo', 'readOnly', 'required', 'showClearIcon', 'size', 'timeFormat', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTimePickerDropdown = class VegaTimePickerDropdown {
@@ -3032,11 +3032,11 @@ let VegaToggleSwitch = class VegaToggleSwitch {
     }
 };
 VegaToggleSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { autoValidation: "autoValidation", checked: "checked", disabled: "disabled", isValid: "isValid", label: "label", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaToggleSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaToggleSwitch, selector: "vega-toggle-switch", inputs: { autoValidation: "autoValidation", checked: "checked", disabled: "disabled", isValid: "isValid", label: "label", optional: "optional", required: "required", size: "size", validationRules: "validationRules", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaToggleSwitch = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'required', 'size', 'validationRules', 'value']
+        inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
     })
 ], VegaToggleSwitch);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaToggleSwitch, decorators: [{
@@ -3045,7 +3045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-toggle-switch',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'required', 'size', 'validationRules', 'value']
+                    inputs: ['autoValidation', 'checked', 'disabled', 'isValid', 'label', 'optional', 'required', 'size', 'validationRules', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTooltip = class VegaTooltip {