@heartlandone/vega-angular 1.51.0 → 2.0.0-preview-2

package/src/lib/stencil-generated/components.ts

@@ -13,6 +13,11 @@ export declare interface VegaAccordion extends Components.VegaAccordion {
    * An event emitter notifying the expand event of the accordion. 
    */
   vegaExpand: EventEmitter<CustomEvent<boolean>>;
+  /**
+   * An event emitter notifying the expand event of the accordion.
+expand is an attribute, so the event name here uses accordionExpand @eventSemantics namespace:native
+   */
+  accordionExpand: EventEmitter<CustomEvent<boolean>>;
 
 }
 
@@ -31,7 +36,7 @@ export class VegaAccordion {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaExpand']);
+    proxyOutputs(this, this.el, ['vegaExpand', 'accordionExpand']);
   }
 }
 
@@ -62,11 +67,20 @@ export declare interface VegaAppHeaderButton extends Components.VegaAppHeaderBut
    * An event emitter notifying the click event of an app header button. 
    */
   vegaClick: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the click event of an app header button. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the click event of a dropdown item
    in the app header. 
    */
   vegaDropdownClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the click event of a dropdown item
+   in the app header. @eventSemantics namespace:native
+   */
+  dropdownClick: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -85,66 +99,35 @@ export class VegaAppHeaderButton {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick', 'vegaDropdownClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click', 'vegaDropdownClick', 'dropdownClick']);
   }
 }
 
 
-export declare interface VegaBadge extends Components.VegaBadge {}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['bgColor', 'size', 'text', 'textColor']
-})
-@Component({
-  selector: 'vega-badge',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['bgColor', 'size', 'text', 'textColor']
-})
-export class VegaBadge {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-import type { VegaBannerViewData as IVegaBannerVegaBannerViewData } from '@heartlandone/vega/dist/types/components/vega-banner/types';
-export declare interface VegaBanner extends Components.VegaBanner {
+export declare interface VegaBackdrop extends Components.VegaBackdrop {
   /**
-   * An event emitter notifying the click event of
-   the close button in the banner. 
+   * An event emitter notifying the click event of the backdrop. 
    */
-  vegaClose: EventEmitter<CustomEvent<IVegaBannerVegaBannerViewData>>;
-  /**
-   * An event emitter notifying the completion of the banner loading. 
-   */
-  vegaLoad: EventEmitter<CustomEvent<any>>;
-  /**
-   * An event emitter notifying the click event of
-   the Call to Action link. 
-   */
-  vegaClickCTA: EventEmitter<CustomEvent<IVegaBannerVegaBannerViewData>>;
+  vegaClick: EventEmitter<CustomEvent<void>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['mode', 'source']
+  inputs: ['color', 'duration', 'visible']
 })
 @Component({
-  selector: 'vega-banner',
+  selector: 'vega-backdrop',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['mode', 'source']
+  inputs: ['color', 'duration', 'visible']
 })
-export class VegaBanner {
+export class VegaBackdrop {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClose', 'vegaLoad', 'vegaClickCTA']);
+    proxyOutputs(this, this.el, ['vegaClick']);
   }
 }
 
@@ -174,13 +157,13 @@ export declare interface VegaBox extends Components.VegaBox {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['display', 'margin', 'padding']
+  inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
 })
 @Component({
   selector: 'vega-box',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['display', 'margin', 'padding']
+  inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
 })
 export class VegaBox {
   protected el: HTMLElement;
@@ -196,6 +179,10 @@ export declare interface VegaBreadcrumb extends Components.VegaBreadcrumb {
    * An event emitter notifying that a breadcrumb item has been clicked. 
    */
   vegaClick: EventEmitter<CustomEvent<IVegaBreadcrumbVegaBreadcrumbItemType>>;
+  /**
+   * An native event emitter notifying that a breadcrumb item has been clicked. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<IVegaBreadcrumbVegaBreadcrumbItemType>>;
 
 }
 
@@ -214,7 +201,7 @@ export class VegaBreadcrumb {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -224,6 +211,10 @@ export declare interface VegaButton extends Components.VegaButton {
    * An event emitter notifying the click event of the button. 
    */
   vegaClick: EventEmitter<CustomEvent<any>>;
+  /**
+   * An native event emitter notifying the click event of the button. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<any>>;
 
 }
 
@@ -242,7 +233,7 @@ export class VegaButton {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -252,25 +243,29 @@ export declare interface VegaButtonCircle extends Components.VegaButtonCircle {
    * An event emitter notifying the click event of the circular button. 
    */
   vegaClick: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the click event of the circular button. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<any>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'size', 'type', 'variant']
+  inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
 })
 @Component({
   selector: 'vega-button-circle',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'size', 'type', 'variant']
+  inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
 })
 export class VegaButtonCircle {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -280,6 +275,10 @@ export declare interface VegaButtonLink extends Components.VegaButtonLink {
    * An event emitter notifying the click event of the button. 
    */
   vegaClick: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the click event of the button. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<any>>;
 
 }
 
@@ -298,7 +297,7 @@ export class VegaButtonLink {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -307,13 +306,13 @@ export declare interface VegaCard extends Components.VegaCard {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['backgroundColor', 'margin', 'padding', 'shadow', 'variant']
+  inputs: ['backgroundColor', 'margin', 'padding', 'variant']
 })
 @Component({
   selector: 'vega-card',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['backgroundColor', 'margin', 'padding', 'shadow', 'variant']
+  inputs: ['backgroundColor', 'margin', 'padding', 'variant']
 })
 export class VegaCard {
   protected el: HTMLElement;
@@ -330,6 +329,11 @@ export declare interface VegaCarousel extends Components.VegaCarousel {
    whether triggered programmatically or through user interaction. 
    */
   vegaPageUpdate: EventEmitter<CustomEvent<number>>;
+  /**
+   * A native event emitter notifying the transition of the carousel to another page,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
+   */
+  pageUpdate: EventEmitter<CustomEvent<number>>;
 
 }
 
@@ -349,28 +353,29 @@ export class VegaCarousel {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaPageUpdate']);
+    proxyOutputs(this, this.el, ['vegaPageUpdate', 'pageUpdate']);
   }
 }
 
 
 export declare interface VegaCheckbox extends Components.VegaCheckbox {
-  /**
-   * An event emitter notifying changes in the validation result of the checkbox. @deprecated vegaValidate is only used to listen on the vega-form component.
-   */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
   /**
    * An event emitter notifying changes in the value of the checkbox,
    whether triggered programmatically or through user interaction. 
    */
   vegaChange: EventEmitter<CustomEvent<string | boolean>>;
+  /**
+   * An event emitter notifying changes in the value of the checkbox,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<string | boolean>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['checked', 'disabled', 'identifier', 'isValid', 'required', 'size', 'value'],
-  methods: ['valid', 'setValue']
+  methods: ['setValue']
 })
 @Component({
   selector: 'vega-checkbox',
@@ -383,7 +388,7 @@ export class VegaCheckbox {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -397,30 +402,31 @@ export declare interface VegaCheckboxGroup extends Components.VegaCheckboxGroup
    */
   vegaChange: EventEmitter<CustomEvent<string[]>>;
   /**
-   * An event emitter notifying changes in the
-   validation result of the checkbox group. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value
+  of any nested checkbox within the checkbox group,
+  whether triggered programmatically or through
+  user interaction. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string[]>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp'],
-  methods: ['valid']
+  inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
 })
 @Component({
   selector: 'vega-checkbox-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+  inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
 })
 export class VegaCheckboxGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -432,12 +438,20 @@ export declare interface VegaChip extends Components.VegaChip {
 This event is only dispatched when the `showCloseIcon` property is set to `true`. 
    */
   vegaClose: EventEmitter<CustomEvent<void>>;
+  /**
+   * An event emitter notifying the click event of the close button of the chip. @eventSemantics namespace:native
+   */
+  close: EventEmitter<CustomEvent<void>>;
   /**
    * An event emitter notifying the click event of the chip.
 
 This event is only dispatched when the `clickable` property is set to `true`. 
    */
   vegaClick: EventEmitter<CustomEvent<void>>;
+  /**
+   * An event emitter notifying the click event of the chip. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<void>>;
 
 }
 
@@ -456,7 +470,7 @@ export class VegaChip {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClose', 'vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClose', 'close', 'vegaClick', 'click']);
   }
 }
 
@@ -468,16 +482,16 @@ export declare interface VegaColorPicker extends Components.VegaColorPicker {
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
   /**
-   * An event emitter notifying changes in the validation result of the color picker. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value of the color picker,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'colors', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value'],
-  methods: ['valid']
+  inputs: ['autoValidation', 'colors', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value']
 })
 @Component({
   selector: 'vega-color-picker',
@@ -490,7 +504,7 @@ export class VegaColorPicker {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -502,9 +516,10 @@ export declare interface VegaComboBox extends Components.VegaComboBox {
    */
   vegaChange: EventEmitter<CustomEvent<string[]>>;
   /**
-   * An event emitter notifying changes in the validation result of the combo box. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An native event emitter notifying changes in the items of the combo box value,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string[]>>;
   /**
    * An event emitter notifying when the user has chosen to add a new value
    to the source and value of the combo box.
@@ -514,18 +529,32 @@ The event's `detail` property contains the new value.
 The combo box _does not_ automatically add the new value to its `source` and `value`. 
    */
   vegaCreate: EventEmitter<CustomEvent<string>>;
+  /**
+   * An native event emitter notifying when the user has chosen to add a new value
+   to the source and value of the combo box.
+
+The event's `detail` property contains the new value.
+
+The combo box _does not_ automatically add the new value to its `source` and `value`. @eventSemantics namespace:native
+   */
+  create: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the user's search action in the combo box,
    but only if the `useDefaultFilter` property is set to `false`. 
    */
   vegaSearch: EventEmitter<CustomEvent<string>>;
+  /**
+   * An native event emitter notifying the user's search action in the combo box,
+   but only if the `useDefaultFilter` property is set to `false`. @eventSemantics namespace:native
+   */
+  search: EventEmitter<CustomEvent<string>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'source', 'useDefaultFilter', 'validationRules', 'value', 'vegaDropdownProps'],
-  methods: ['close', 'open', 'valid']
+  methods: ['close', 'open']
 })
 @Component({
   selector: 'vega-combo-box',
@@ -538,7 +567,7 @@ export class VegaComboBox {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaCreate', 'vegaSearch']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaCreate', 'create', 'vegaSearch', 'search']);
   }
 }
 
@@ -571,29 +600,49 @@ export declare interface VegaDatePicker extends Components.VegaDatePicker {
    */
   vegaChange: EventEmitter<CustomEvent<string | string[]>>;
   /**
-   * An event emitter notifying the change in the validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * A native event emitter notifying the change of the value in the date picker,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string | string[]>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'formValidation', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value'],
-  methods: ['valid', 'doClose', 'doOpen']
+  inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value'],
+  methods: ['doClose', 'doOpen']
 })
 @Component({
   selector: 'vega-date-picker',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'formValidation', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value']
+  inputs: ['allowRepick', 'autoValidation', 'clearButton', 'disabled', 'dropdownConfig', 'format', 'isValid', 'label', 'maxDate', 'minDate', 'mode', 'placeholder', 'readOnly', 'required', 'size', 'validationRules', 'value']
 })
 export class VegaDatePicker {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
+  }
+}
+
+
+export declare interface VegaDatePickerCalendar extends Components.VegaDatePickerCalendar {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'vega-date-picker-calendar',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class VegaDatePickerCalendar {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
   }
 }
 
@@ -620,26 +669,38 @@ export class VegaDialog {
 
 
 export declare interface VegaDropdown extends Components.VegaDropdown {
-  /**
-   *  @deprecated This property will be removed soon *
-   */
-  vegaClick: EventEmitter<CustomEvent<string | string[]>>;
   /**
    * An event emitter notifying that a dropdown item has been clicked.
 
 The event's `detail` property contains the key of the clicked item. 
    */
   vegaDropdownClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying that a dropdown item has been clicked.
+
+The event's `detail` property contains the key of the clicked item. @eventSemantics namespace:native
+   */
+  dropdownClick: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying that the dropdown has been displayed,
    either programmatically or via user interaction. 
    */
   vegaShow: EventEmitter<CustomEvent<string>>;
+  /**
+   * An native event emitter notifying that the dropdown has been displayed,
+   either programmatically or via user interaction. The name is not `show` because already has a method `show`. @eventSemantics namespace:native
+   */
+  dropdownShow: EventEmitter<CustomEvent<string>>;
   /**
    * Event emitter notifying that the dropdown has been dismissed,
    either programmatically or via user interaction. 
    */
   vegaHide: EventEmitter<CustomEvent<string>>;
+  /**
+   * An native event emitter notifying that the dropdown has been dismissed,
+   either programmatically or via user interaction. The name is not `hide` because already has a method `hide`. @eventSemantics namespace:native
+   */
+  dropdownHide: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the addition of a new value
    to the dropdown source list.
@@ -649,11 +710,25 @@ The event's `detail` property contains the new value.
 The dropdown _does not_ automatically add the new value to the source list. 
    */
   vegaCreate: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the addition of a new value
+   to the dropdown source list.
+
+The event's `detail` property contains the new value.
+
+The dropdown _does not_ automatically add the new value to the source list. @eventSemantics namespace:native
+   */
+  create: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the search event in the dropdown,
    but only if `useDefaultFilter` is set to `false`. 
    */
   vegaSearch: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the search event in the dropdown,
+   but only if `useDefaultFilter` is set to `false`. The name is not `search` because already has a method `search`. @eventSemantics namespace:native
+   */
+  dropdownSearch: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -673,7 +748,26 @@ export class VegaDropdown {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick', 'vegaDropdownClick', 'vegaShow', 'vegaHide', 'vegaCreate', 'vegaSearch']);
+    proxyOutputs(this, this.el, ['vegaDropdownClick', 'dropdownClick', 'vegaShow', 'dropdownShow', 'vegaHide', 'dropdownHide', 'vegaCreate', 'create', 'vegaSearch', 'dropdownSearch']);
+  }
+}
+
+
+export declare interface VegaDropdownContentBox extends Components.VegaDropdownContentBox {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'vega-dropdown-content-box',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class VegaDropdownContentBox {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
   }
 }
 
@@ -704,6 +798,10 @@ export declare interface VegaDropdownItem extends Components.VegaDropdownItem {
    * An event emitter notifying the dropdown item has been clicked. 
    */
   vegaClick: EventEmitter<CustomEvent<IVegaDropdownItemVegaDropdownItemClickEvent>>;
+  /**
+   * An native event emitter notifying the dropdown item has been clicked. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<IVegaDropdownItemVegaDropdownItemClickEvent>>;
 
 }
 
@@ -722,7 +820,7 @@ export class VegaDropdownItem {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -780,13 +878,13 @@ export declare interface VegaFlex extends Components.VegaFlex {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['alignItem', 'alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+  inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
 })
 @Component({
   selector: 'vega-flex',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['alignItem', 'alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+  inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
 })
 export class VegaFlex {
   protected el: HTMLElement;
@@ -818,40 +916,31 @@ export class VegaFont {
 }
 
 
-export declare interface VegaFooter extends Components.VegaFooter {}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['privacyUrl', 'tosUrl']
-})
-@Component({
-  selector: 'vega-footer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['privacyUrl', 'tosUrl']
-})
-export class VegaFooter {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
 export declare interface VegaForm extends Components.VegaForm {
   /**
    * An event emitter notifying the change in the validation result. 
    */
   vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  /**
+   * An event emitter notifying the change in the validation result. @eventSemantics namespace:native
+   */
+  validate: EventEmitter<CustomEvent<boolean>>;
   /**
    * An event emitter notifying the submission of the form. 
    */
   vegaFormSubmit: EventEmitter<CustomEvent<unknown>>;
+  /**
+   * An event emitter notifying the submission of the form. @eventSemantics namespace:native
+   */
+  formSubmit: EventEmitter<CustomEvent<unknown>>;
   /**
    * An event emitter notifying the reset of the form. 
    */
   vegaFormReset: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the reset of the form. @eventSemantics namespace:native
+   */
+  formReset: EventEmitter<CustomEvent<any>>;
 
 }
 
@@ -871,7 +960,7 @@ export class VegaForm {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaValidate', 'vegaFormSubmit', 'vegaFormReset']);
+    proxyOutputs(this, this.el, ['vegaValidate', 'validate', 'vegaFormSubmit', 'formSubmit', 'vegaFormReset', 'formReset']);
   }
 }
 
@@ -897,25 +986,6 @@ export class VegaGrid {
 }
 
 
-export declare interface VegaHeader extends Components.VegaHeader {}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined
-})
-@Component({
-  selector: 'vega-header',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>'
-})
-export class VegaHeader {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
 export declare interface VegaIcon extends Components.VegaIcon {}
 
 @ProxyCmp({
@@ -942,25 +1012,33 @@ export declare interface VegaImageUploader extends Components.VegaImageUploader
    * An event emitter notifying a value change. 
    */
   vegaChange: EventEmitter<CustomEvent<IVegaImageUploaderVegaFileOptional>>;
+  /**
+   * An event emitter notifying a value change. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the removal of a value. 
    */
   vegaRemove: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the removal of a value. @eventSemantics namespace:native
+   */
+  remove: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the cancellation of an uploading event. 
    */
   vegaCancel: EventEmitter<CustomEvent<any>>;
   /**
-   * An event emitter notifying the change in the validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying the removal of a value. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  cancel: EventEmitter<CustomEvent<any>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['accept', 'autoValidation', 'disabled', 'isValid', 'required', 'showPreviewButton', 'showRemoveButton', 'showReplaceButton', 'status', 'validationRules', 'value'],
-  methods: ['valid', 'getContentURL']
+  methods: ['getContentURL']
 })
 @Component({
   selector: 'vega-image-uploader',
@@ -973,7 +1051,7 @@ export class VegaImageUploader {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaRemove', 'vegaCancel', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRemove', 'remove', 'vegaCancel', 'cancel']);
   }
 }
 
@@ -984,65 +1062,80 @@ export declare interface VegaInput extends Components.VegaInput {
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
   /**
-   * An event emitter notifying the change in the validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An native event emitter notifying a value change. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the blur of the inner input element. 
    */
   vegaBlur: EventEmitter<CustomEvent<undefined>>;
+  /**
+   * An native event emitter notifying the blur of the inner input element. @eventSemantics namespace:native
+   */
+  blur: EventEmitter<CustomEvent<undefined>>;
   /**
    * An event emitter notifying the focus of the inner input element. 
    */
   vegaFocus: EventEmitter<CustomEvent<undefined>>;
+  /**
+   * An native event emitter notifying the focus of the inner input element. @eventSemantics namespace:native
+   */
+  focus: EventEmitter<CustomEvent<undefined>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'formValidation', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value'],
-  methods: ['valid', 'doFocus', 'doBlur']
+  inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value'],
+  methods: ['doFocus', 'doBlur']
 })
 @Component({
   selector: 'vega-input',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'formValidation', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value']
+  inputs: ['autoValidation', 'autocomplete', 'disabled', 'email', 'hint', 'isValid', 'label', 'maskConfig', 'max', 'maxLength', 'min', 'minLength', 'placeholder', 'prefixIcon', 'required', 'showClearIcon', 'size', 'type', 'validationRules', 'value']
 })
 export class VegaInput {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaBlur', 'vegaFocus']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
   }
 }
 
 
 export declare interface VegaInputCreditCard extends Components.VegaInputCreditCard {
-  /**
-   * An event emitter notifying the change in the validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
-   */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
   /**
    * An event emitter notifying a value change. 
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native change event emitter notifying a value change. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the blur event of the credit card element. 
    */
   vegaBlur: EventEmitter<CustomEvent<undefined>>;
+  /**
+   * A native event emitter notifying the blur event of the credit card element. @eventSemantics namespace:native
+   */
+  blur: EventEmitter<CustomEvent<undefined>>;
   /**
    * An event emitter notifying the focus of the credit card element. 
    */
   vegaFocus: EventEmitter<CustomEvent<undefined>>;
+  /**
+   * A native event emitter notifying the focus of the credit card element. @eventSemantics namespace:native
+   */
+  focus: EventEmitter<CustomEvent<undefined>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'validationRules', 'value'],
-  methods: ['valid']
+  inputs: ['autoValidation', 'disabled', 'hideCardNumberOnBlur', 'hint', 'isValid', 'label', 'placeholder', 'required', 'size', 'validationRules', 'value']
 })
 @Component({
   selector: 'vega-input-credit-card',
@@ -1055,7 +1148,7 @@ export class VegaInputCreditCard {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaValidate', 'vegaChange', 'vegaBlur', 'vegaFocus']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
   }
 }
 
@@ -1067,33 +1160,37 @@ export declare interface VegaInputSelect extends Components.VegaInputSelect {
    */
   vegaChange: EventEmitter<CustomEvent<IVegaInputSelectSelectValueType<IVegaInputSelectSelectType>>>;
   /**
-   * An event emitter notifying the change in the validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An native event emitter notifying the change of the select value. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<IVegaInputSelectSelectValueType<IVegaInputSelectSelectType>>>;
   /**
    * An event emitter notifying the search of the dropdown. 
    */
   vegaSearch: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the search of the dropdown. @eventSemantics namespace:native
+   */
+  search: EventEmitter<CustomEvent<string>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'disabled', 'formValidation', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps'],
-  methods: ['doClose', 'doOpen', 'doChange', 'valid']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps'],
+  methods: ['doClose', 'doOpen', 'doChange']
 })
 @Component({
   selector: 'vega-input-select',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoValidation', 'disabled', 'formValidation', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'placeholder', 'prefixIcon', 'required', 'selectType', 'selectedLabel', 'size', 'source', 'validationRules', 'value', 'vegaDropdownProps']
 })
 export class VegaInputSelect {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaSearch']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaSearch', 'search']);
   }
 }
 
@@ -1103,25 +1200,29 @@ export declare interface VegaItemToggle extends Components.VegaItemToggle {
    * An event emitter notifying an item toggle event. 
    */
   vegaToggleStatus: EventEmitter<CustomEvent<boolean>>;
+  /**
+   * A native event emitter notifying an item toggle event. @eventSemantics namespace:native
+   */
+  toggleStatus: EventEmitter<CustomEvent<boolean>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['isError', 'isToggled', 'itemToggleStatusMap']
+  inputs: ['isToggled', 'itemToggleStatusMap']
 })
 @Component({
   selector: 'vega-item-toggle',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['isError', 'isToggled', 'itemToggleStatusMap']
+  inputs: ['isToggled', 'itemToggleStatusMap']
 })
 export class VegaItemToggle {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaToggleStatus']);
+    proxyOutputs(this, this.el, ['vegaToggleStatus', 'toggleStatus']);
   }
 }
 
@@ -1131,6 +1232,10 @@ export declare interface VegaLeftNav extends Components.VegaLeftNav {
    * An event emitter notifying that the left-nav's open state has changed. 
    */
   vegaStateUpdate: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter notifying that the left-nav's open state has changed. @eventSemantics namespace:native
+   */
+  stateUpdate: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1150,7 +1255,7 @@ export class VegaLeftNav {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaStateUpdate']);
+    proxyOutputs(this, this.el, ['vegaStateUpdate', 'stateUpdate']);
   }
 }
 
@@ -1160,6 +1265,10 @@ export declare interface VegaLeftNavGroup extends Components.VegaLeftNavGroup {
    * event emitter used for notifying consumers the click event 
    */
   vegaGroupClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter used for notifying consumers the click event @eventSemantics namespace:native
+   */
+  groupClick: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1178,7 +1287,7 @@ export class VegaLeftNavGroup {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaGroupClick']);
+    proxyOutputs(this, this.el, ['vegaGroupClick', 'groupClick']);
   }
 }
 
@@ -1188,6 +1297,10 @@ export declare interface VegaLeftNavLink extends Components.VegaLeftNavLink {
    * event emitter used for notifying consumers the click event 
    */
   vegaMenuClick: EventEmitter<CustomEvent<any>>;
+  /**
+   * event emitter used for notifying consumers the click event @eventSemantics namespace:native
+   */
+  menuClick: EventEmitter<CustomEvent<any>>;
 
 }
 
@@ -1206,7 +1319,7 @@ export class VegaLeftNavLink {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaMenuClick']);
+    proxyOutputs(this, this.el, ['vegaMenuClick', 'menuClick']);
   }
 }
 
@@ -1254,6 +1367,25 @@ export class VegaLineChart {
 }
 
 
+export declare interface VegaLoaderWrapper extends Components.VegaLoaderWrapper {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'vega-loader-wrapper',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class VegaLoaderWrapper {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
 export declare interface VegaLoadingIndicator extends Components.VegaLoadingIndicator {}
 
 @ProxyCmp({
@@ -1280,10 +1412,18 @@ export declare interface VegaModal extends Components.VegaModal {
    * An event emitter notifying the modal close event. 
    */
   vegaClose: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the modal close event. @eventSemantics namespace:native
+   */
+  close: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the modal open event. 
    */
   vegaOpen: EventEmitter<CustomEvent<any>>;
+  /**
+   * An native event emitter notifying the modal open event. The event name is not `open` because already has a property `open` @eventSemantics namespace:native
+   */
+  modalOpen: EventEmitter<CustomEvent<any>>;
 
 }
 
@@ -1303,7 +1443,7 @@ export class VegaModal {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClose', 'vegaOpen']);
+    proxyOutputs(this, this.el, ['vegaClose', 'close', 'vegaOpen', 'modalOpen']);
   }
 }
 
@@ -1329,19 +1469,20 @@ export class VegaNavCard {
 }
 
 
-export declare interface VegaOption extends Components.VegaOption {}
+export declare interface VegaPageNotification extends Components.VegaPageNotification {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['icon', 'label', 'subLabel']
+  inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type'],
+  methods: ['close']
 })
 @Component({
-  selector: 'vega-option',
+  selector: 'vega-page-notification',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['icon', 'label', 'subLabel']
+  inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type']
 })
-export class VegaOption {
+export class VegaPageNotification {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1350,20 +1491,17 @@ export class VegaOption {
 }
 
 
-export declare interface VegaPageNotification extends Components.VegaPageNotification {}
+export declare interface VegaPageNotificationList extends Components.VegaPageNotificationList {}
 
 @ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type'],
-  methods: ['close']
+  defineCustomElementFn: undefined
 })
 @Component({
-  selector: 'vega-page-notification',
+  selector: 'vega-page-notification-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['actionButtons', 'duration', 'message', 'notificationTitle', 'showCloseButton', 'type']
+  template: '<ng-content></ng-content>'
 })
-export class VegaPageNotification {
+export class VegaPageNotificationList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1377,11 +1515,20 @@ export declare interface VegaPagination extends Components.VegaPagination {
    * An event emitter notifying the current page change. 
    */
   vegaChange: EventEmitter<CustomEvent<number>>;
+  /**
+   * An event emitter notifying the current page change. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<number>>;
   /**
    * An event emitter notifying a change in the number of
    data items displayed per page. 
    */
   vegaPageSizeChange: EventEmitter<CustomEvent<number>>;
+  /**
+   * An event emitter notifying a change in the number of
+   data items displayed per page. @eventSemantics namespace:native
+   */
+  pageSizeChange: EventEmitter<CustomEvent<number>>;
 
 }
 
@@ -1400,7 +1547,7 @@ export class VegaPagination {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaPageSizeChange']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaPageSizeChange', 'pageSizeChange']);
   }
 }
 
@@ -1432,10 +1579,18 @@ export declare interface VegaPopover extends Components.VegaPopover {
    * An event emitter notifying the popover show event. 
    */
   vegaPopoverShow: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter notifying the popover show event. @eventSemantics namespace:native
+   */
+  popoverShow: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the popover hide event. 
    */
   vegaPopoverHide: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter notifying the popover hide event. @eventSemantics namespace:native
+   */
+  popoverHide: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1455,7 +1610,26 @@ export class VegaPopover {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaPopoverShow', 'vegaPopoverHide']);
+    proxyOutputs(this, this.el, ['vegaPopoverShow', 'popoverShow', 'vegaPopoverHide', 'popoverHide']);
+  }
+}
+
+
+export declare interface VegaPopoverContentBox extends Components.VegaPopoverContentBox {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'vega-popover-content-box',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class VegaPopoverContentBox {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
   }
 }
 
@@ -1465,6 +1639,10 @@ export declare interface VegaProgressTracker extends Components.VegaProgressTrac
    * An event emitter notifying that the current step has changed. 
    */
   vegaCurrentStepUpdate: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter notifying that the current step has changed. @eventSemantics namespace:native
+   */
+  currentStepUpdate: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1484,7 +1662,7 @@ export class VegaProgressTracker {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaCurrentStepUpdate']);
+    proxyOutputs(this, this.el, ['vegaCurrentStepUpdate', 'currentStepUpdate']);
   }
 }
 
@@ -1494,15 +1672,28 @@ export declare interface VegaRadio extends Components.VegaRadio {
    * An event emitter notifying the focus event of the radio input. 
    */
   vegaFocus: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the focus event of the radio input. @eventSemantics namespace:native
+   */
+  focus: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the blur event of the radio input. 
    */
   vegaBlur: EventEmitter<CustomEvent<any>>;
+  /**
+   * An event emitter notifying the blur event of the radio input. @eventSemantics namespace:native
+   */
+  blur: EventEmitter<CustomEvent<any>>;
   /**
    * An event emitter notifying the change in the check status
    of the radio input. 
    */
   vegaChange: EventEmitter<CustomEvent<boolean>>;
+  /**
+   * An event emitter notifying the change in the check status
+   of the radio input. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<boolean>>;
 
 }
 
@@ -1521,7 +1712,7 @@ export class VegaRadio {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaFocus', 'vegaBlur', 'vegaChange']);
+    proxyOutputs(this, this.el, ['vegaFocus', 'focus', 'vegaBlur', 'blur', 'vegaChange', 'change']);
   }
 }
 
@@ -1533,108 +1724,29 @@ export declare interface VegaRadioGroup extends Components.VegaRadioGroup {
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
   /**
-   * An event emitter notifying the change in the
-   validation result. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying the change of the
+   checked radio button in the radio group. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp'],
-  methods: ['valid']
+  inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
 })
 @Component({
   selector: 'vega-radio-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'formValidation', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+  inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
 })
 export class VegaRadioGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
-  }
-}
-
-
-export declare interface VegaSidenav extends Components.VegaSidenav {
-  /**
-   * An event emitter notifying the completion of a navigation menu close operation. 
-   */
-  vegaStateUpdate: EventEmitter<CustomEvent<string>>;
-
-}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['footnote', 'headerConfig', 'openByDefault', 'source'],
-  methods: ['toggle']
-})
-@Component({
-  selector: 'vega-sidenav',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['footnote', 'headerConfig', 'openByDefault', 'source']
-})
-export class VegaSidenav {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaStateUpdate']);
-  }
-}
-
-
-export declare interface VegaSidenavGroup extends Components.VegaSidenavGroup {}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['icon', 'label']
-})
-@Component({
-  selector: 'vega-sidenav-group',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['icon', 'label']
-})
-export class VegaSidenavGroup {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface VegaSidenavLink extends Components.VegaSidenavLink {
-  /**
-   * An event emitter notifying about the occurrence of a click event. 
-   */
-  vegaClick: EventEmitter<CustomEvent<any>>;
-
-}
-
-@ProxyCmp({
-  defineCustomElementFn: undefined,
-  inputs: ['icon', 'selected', 'showSideBarOnClickLink', 'url']
-})
-@Component({
-  selector: 'vega-sidenav-link',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  inputs: ['icon', 'selected', 'showSideBarOnClickLink', 'url']
-})
-export class VegaSidenavLink {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -1660,35 +1772,32 @@ export class VegaSlotContainer {
 
 export declare interface VegaStepper extends Components.VegaStepper {
   /**
-   * An event emitter notifying changes in the value of
-   the stepper component. 
+   * An event emitter notifying changes in the value of the stepper component. 
    */
   vegaChange: EventEmitter<CustomEvent<number>>;
   /**
-   * An event emitter notifying changes in the validation
-   result of the stepper component. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value of the stepper component. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<number>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
-  methods: ['valid']
+  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
 })
 @Component({
   selector: 'vega-stepper',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+  inputs: ['autoValidation', 'buttonVariant', 'disabled', 'inputDisabled', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
 })
 export class VegaStepper {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -1699,6 +1808,11 @@ export declare interface VegaTabGroup extends Components.VegaTabGroup {
    in the tab group. 
    */
   vegaClick: EventEmitter<CustomEvent<string>>;
+  /**
+   * A native event emitter notifying the click event of a tab
+   in the tab group. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<string>>;
 
 }
 
@@ -1717,7 +1831,7 @@ export class VegaTabGroup {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -1751,21 +1865,40 @@ export declare interface VegaTable extends Components.VegaTable {
    * An event emitter notifying changes in the table data. 
    */
   vegaChange: EventEmitter<CustomEvent<IVegaTableVegaTableChangePropType>>;
+  /**
+   * An event emitter notifying changes in the table data. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<IVegaTableVegaTableChangePropType>>;
   /**
    * An event emitter notifying the click event of a row
    in the table. 
    */
   vegaRowClick: EventEmitter<CustomEvent<IVegaTableVegaTableRowClickPropType>>;
+  /**
+   * An event emitter notifying the click event of a row
+   in the table. @eventSemantics namespace:native
+   */
+  rowClick: EventEmitter<CustomEvent<IVegaTableVegaTableRowClickPropType>>;
   /**
    * An event emitter notifying the selection or deselection
    of a row in the table. 
    */
   vegaSelectChange: EventEmitter<CustomEvent<IVegaTableVegaTableRowSelectProp>>;
+  /**
+   * An event emitter notifying the selection or deselection
+   of a row in the table. @eventSemantics namespace:native
+   */
+  selectChange: EventEmitter<CustomEvent<IVegaTableVegaTableRowSelectProp>>;
   /**
    * An event emitter notifying changes in the selection of checkboxes,
    particularly the "Select All" checkbox in the table header. 
    */
   vegaSelectAllChange: EventEmitter<CustomEvent<IVegaTableVegaTableSelectAllProp>>;
+  /**
+   * An event emitter notifying changes in the selection of checkboxes,
+   particularly the "Select All" checkbox in the table header. @eventSemantics namespace:native
+   */
+  selectAllChange: EventEmitter<CustomEvent<IVegaTableVegaTableSelectAllProp>>;
 
 }
 
@@ -1785,7 +1918,7 @@ export class VegaTable {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaRowClick', 'vegaSelectChange', 'vegaSelectAllChange']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaRowClick', 'rowClick', 'vegaSelectChange', 'selectChange', 'vegaSelectAllChange', 'selectAllChange']);
   }
 }
 
@@ -1813,13 +1946,13 @@ export declare interface VegaTableCell extends Components.VegaTableCell {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['breakpoint', 'ellipsis', 'overflow', 'textAlign', 'width']
+  inputs: ['breakpoint', 'overflow', 'textAlign', 'width']
 })
 @Component({
   selector: 'vega-table-cell',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['breakpoint', 'ellipsis', 'overflow', 'textAlign', 'width']
+  inputs: ['breakpoint', 'overflow', 'textAlign', 'width']
 })
 export class VegaTableCell {
   protected el: HTMLElement;
@@ -1875,6 +2008,10 @@ export declare interface VegaTableHeadCell extends Components.VegaTableHeadCell
    * An event emitter notifying that the head cell has been clicked. 
    */
   vegaClick: EventEmitter<CustomEvent<IVegaTableHeadCellVegaTableHeadCellClickEvent>>;
+  /**
+   * An event emitter notifying that the head cell has been clicked. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<IVegaTableHeadCellVegaTableHeadCellClickEvent>>;
 
 }
 
@@ -1893,7 +2030,7 @@ export class VegaTableHeadCell {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -1924,6 +2061,10 @@ export declare interface VegaTableRow extends Components.VegaTableRow {
    * An event emitter notifying that the row has been clicked. 
    */
   vegaClick: EventEmitter<CustomEvent<IVegaTableRowVegaTableRowClickEvent>>;
+  /**
+   * An event emitter notifying that the row has been clicked. @eventSemantics namespace:native
+   */
+  click: EventEmitter<CustomEvent<IVegaTableRowVegaTableRowClickEvent>>;
 
 }
 
@@ -1942,7 +2083,7 @@ export class VegaTableRow {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClick']);
+    proxyOutputs(this, this.el, ['vegaClick', 'click']);
   }
 }
 
@@ -1975,22 +2116,26 @@ export declare interface VegaTextarea extends Components.VegaTextarea {
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
   /**
-   * An event emitter notifying changes in the validation result
-   of the text area. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying about changes in the value
+   of the text area. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string>>;
   /**
    * An event emitter notifying the blur event of the inner
    textarea element within the text area. 
    */
   vegaBlur: EventEmitter<CustomEvent<undefined>>;
+  /**
+   * An event emitter notifying the blur event of the inner
+   textarea element within the text area. @eventSemantics namespace:native
+   */
+  blur: EventEmitter<CustomEvent<undefined>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxLength', 'minLength', 'placeholder', 'required', 'showCounter', 'validationRules', 'value'],
-  methods: ['valid']
+  inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'maxLength', 'minLength', 'placeholder', 'required', 'showCounter', 'validationRules', 'value']
 })
 @Component({
   selector: 'vega-textarea',
@@ -2003,7 +2148,7 @@ export class VegaTextarea {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate', 'vegaBlur']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change', 'vegaBlur', 'blur']);
   }
 }
 
@@ -2014,17 +2159,15 @@ export declare interface VegaTimePicker extends Components.VegaTimePicker {
    */
   vegaChange: EventEmitter<CustomEvent<string | string[]>>;
   /**
-   * An event emitter notifying changes in the validation result
-   of the time picker. @deprecated vegaValidate is only used to listen on the vega-form component.
+   * An event emitter notifying changes in the value of the time picker. @eventSemantics namespace:native
    */
-  vegaValidate: EventEmitter<CustomEvent<boolean>>;
+  change: EventEmitter<CustomEvent<string | string[]>>;
 
 }
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'required', 'size', 'timeFormat', 'validationRules', 'value'],
-  methods: ['valid']
+  inputs: ['autoValidation', 'disabled', 'increments', 'isValid', 'label', 'mode', 'placeholder', 'positionRelativeTo', 'required', 'size', 'timeFormat', 'validationRules', 'value']
 })
 @Component({
   selector: 'vega-time-picker',
@@ -2037,7 +2180,26 @@ export class VegaTimePicker {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange', 'vegaValidate']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
+  }
+}
+
+
+export declare interface VegaTimePickerDropdown extends Components.VegaTimePickerDropdown {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'vega-time-picker-dropdown',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class VegaTimePickerDropdown {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
   }
 }
 
@@ -2047,6 +2209,10 @@ export declare interface VegaToggleSwitch extends Components.VegaToggleSwitch {
    * An event emitter notifying changes in the toggle switch. 
    */
   vegaChange: EventEmitter<CustomEvent<boolean>>;
+  /**
+   * An native event emitter notifying changes in the toggle switch. @eventSemantics namespace:native
+   */
+  change: EventEmitter<CustomEvent<boolean>>;
 
 }
 
@@ -2065,7 +2231,7 @@ export class VegaToggleSwitch {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaChange']);
+    proxyOutputs(this, this.el, ['vegaChange', 'change']);
   }
 }
 
@@ -2091,6 +2257,27 @@ export class VegaTooltip {
 }
 
 
+export declare interface VegaTooltipContentBox extends Components.VegaTooltipContentBox {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['content']
+})
+@Component({
+  selector: 'vega-tooltip-content-box',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['content']
+})
+export class VegaTooltipContentBox {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
 export declare interface VegaVirtualScroll extends Components.VegaVirtualScroll {}
 
 @ProxyCmp({
@@ -2116,8 +2303,7 @@ export default [
   VegaAccordion,
   VegaAppFooter,
   VegaAppHeaderButton,
-  VegaBadge,
-  VegaBanner,
+  VegaBackdrop,
   VegaBarChart,
   VegaBox,
   VegaBreadcrumb,
@@ -2133,18 +2319,18 @@ export default [
   VegaComboBox,
   VegaCounterBadge,
   VegaDatePicker,
+  VegaDatePickerCalendar,
   VegaDialog,
   VegaDropdown,
+  VegaDropdownContentBox,
   VegaDropdownGroup,
   VegaDropdownItem,
   VegaFieldError,
   VegaFieldLabel,
   VegaFlex,
   VegaFont,
-  VegaFooter,
   VegaForm,
   VegaGrid,
-  VegaHeader,
   VegaIcon,
   VegaImageUploader,
   VegaInput,
@@ -2156,20 +2342,19 @@ export default [
   VegaLeftNavLink,
   VegaLeftNavSection,
   VegaLineChart,
+  VegaLoaderWrapper,
   VegaLoadingIndicator,
   VegaModal,
   VegaNavCard,
-  VegaOption,
   VegaPageNotification,
+  VegaPageNotificationList,
   VegaPagination,
   VegaPieChart,
   VegaPopover,
+  VegaPopoverContentBox,
   VegaProgressTracker,
   VegaRadio,
   VegaRadioGroup,
-  VegaSidenav,
-  VegaSidenavGroup,
-  VegaSidenavLink,
   VegaSlotContainer,
   VegaStepper,
   VegaTabGroup,
@@ -2185,7 +2370,9 @@ export default [
   VegaText,
   VegaTextarea,
   VegaTimePicker,
+  VegaTimePickerDropdown,
   VegaToggleSwitch,
   VegaTooltip,
+  VegaTooltipContentBox,
   VegaVirtualScroll,
 ];