@heartlandone/vega-angular 1.50.1 → 2.0.0-preview-1

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,56 @@ 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 {}
+export declare interface VegaBackdrop extends Components.VegaBackdrop {
+  /**
+   * An event emitter notifying the click event of the backdrop. 
+   */
+  vegaClick: EventEmitter<CustomEvent<void>>;
+
+}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['bgColor', 'size', 'text', 'textColor']
+  inputs: ['color', 'duration', 'visible']
 })
 @Component({
-  selector: 'vega-badge',
+  selector: 'vega-backdrop',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['bgColor', 'size', 'text', 'textColor']
+  inputs: ['color', 'duration', 'visible']
 })
-export class VegaBadge {
+export class VegaBackdrop {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['vegaClick']);
   }
 }
 
-import type { VegaBannerViewData as IVegaBannerVegaBannerViewData } from '@heartlandone/vega/dist/types/components/vega-banner/types';
-export declare interface VegaBanner extends Components.VegaBanner {
-  /**
-   * An event emitter notifying the click event of
-   the close button in the banner. 
-   */
-  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>>;
 
-}
+export declare interface VegaBadge extends Components.VegaBadge {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['mode', 'source']
+  inputs: ['bgColor', 'size', 'text', 'textColor']
 })
 @Component({
-  selector: 'vega-banner',
+  selector: 'vega-badge',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['mode', 'source']
+  inputs: ['bgColor', 'size', 'text', 'textColor']
 })
-export class VegaBanner {
+export class VegaBadge {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['vegaClose', 'vegaLoad', 'vegaClickCTA']);
   }
 }
 
@@ -196,6 +200,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 +222,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 +232,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 +254,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,6 +264,10 @@ 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>>;
 
 }
 
@@ -270,7 +286,7 @@ export class VegaButtonCircle {
   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 +296,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 +318,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 +327,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 +350,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,7 +374,7 @@ 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']);
   }
 }
 
@@ -364,6 +389,11 @@ export declare interface VegaCheckbox extends Components.VegaCheckbox {
    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>>;
 
 }
 
@@ -383,7 +413,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, ['vegaValidate', 'vegaChange', 'change']);
   }
 }
 
@@ -396,6 +426,13 @@ export declare interface VegaCheckboxGroup extends Components.VegaCheckboxGroup
   user interaction. 
    */
   vegaChange: EventEmitter<CustomEvent<string[]>>;
+  /**
+   * 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
+   */
+  change: 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.
@@ -420,7 +457,7 @@ export class VegaCheckboxGroup {
   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', 'vegaValidate']);
   }
 }
 
@@ -432,12 +469,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 +501,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']);
   }
 }
 
@@ -467,6 +512,11 @@ export declare interface VegaColorPicker extends Components.VegaColorPicker {
    whether triggered programmatically or through user interaction. 
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying changes in the value of the color picker,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
+   */
+  change: 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.
    */
@@ -490,7 +540,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', 'vegaValidate']);
   }
 }
 
@@ -501,6 +551,11 @@ export declare interface VegaComboBox extends Components.VegaComboBox {
    whether triggered programmatically or through user interaction. 
    */
   vegaChange: EventEmitter<CustomEvent<string[]>>;
+  /**
+   * An native event emitter notifying changes in the items of the combo box value,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
+   */
+  change: 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.
    */
@@ -514,11 +569,25 @@ 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>>;
 
 }
 
@@ -538,7 +607,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', 'vegaValidate', 'vegaCreate', 'create', 'vegaSearch', 'search']);
   }
 }
 
@@ -570,6 +639,11 @@ export declare interface VegaDatePicker extends Components.VegaDatePicker {
    whether triggered programmatically or through user interaction. 
    */
   vegaChange: EventEmitter<CustomEvent<string | string[]>>;
+  /**
+   * A native event emitter notifying the change of the value in the date picker,
+   whether triggered programmatically or through user interaction. @eventSemantics namespace:native
+   */
+  change: 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.
    */
@@ -593,7 +667,26 @@ export class VegaDatePicker {
   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', 'vegaValidate']);
+  }
+}
+
+
+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 +713,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 +754,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 +792,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 +842,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 +864,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 +922,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;
@@ -844,14 +986,26 @@ 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 +1025,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']);
   }
 }
 
@@ -942,14 +1096,26 @@ 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 removal of a value. @eventSemantics namespace:native
+   */
+  cancel: 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.
    */
@@ -973,7 +1139,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', 'vegaValidate']);
   }
 }
 
@@ -983,6 +1149,10 @@ export declare interface VegaInput extends Components.VegaInput {
    * An event emitter notifying a value change. 
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * An native event emitter notifying a value change. @eventSemantics namespace:native
+   */
+  change: 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.
    */
@@ -991,10 +1161,18 @@ export declare interface VegaInput extends Components.VegaInput {
    * 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>>;
 
 }
 
@@ -1014,7 +1192,7 @@ export class VegaInput {
   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', 'vegaValidate', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
   }
 }
 
@@ -1028,14 +1206,26 @@ export declare interface VegaInputCreditCard extends Components.VegaInputCreditC
    * 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>>;
 
 }
 
@@ -1055,7 +1245,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, ['vegaValidate', 'vegaChange', 'change', 'vegaBlur', 'blur', 'vegaFocus', 'focus']);
   }
 }
 
@@ -1066,6 +1256,10 @@ export declare interface VegaInputSelect extends Components.VegaInputSelect {
    * An event emitter notifying the change of the select value. 
    */
   vegaChange: EventEmitter<CustomEvent<IVegaInputSelectSelectValueType<IVegaInputSelectSelectType>>>;
+  /**
+   * An native event emitter notifying the change of the select value. @eventSemantics namespace:native
+   */
+  change: 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.
    */
@@ -1074,6 +1268,10 @@ export declare interface VegaInputSelect extends Components.VegaInputSelect {
    * 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>>;
 
 }
 
@@ -1093,7 +1291,7 @@ export class VegaInputSelect {
   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', 'vegaValidate', 'vegaSearch', 'search']);
   }
 }
 
@@ -1103,6 +1301,10 @@ 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>>;
 
 }
 
@@ -1121,7 +1323,7 @@ export class VegaItemToggle {
   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 +1333,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 +1356,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 +1366,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 +1388,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 +1398,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 +1420,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 +1468,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 +1513,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 +1544,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 +1570,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 +1592,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 +1616,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 +1648,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 +1680,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 +1711,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 +1740,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 +1763,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 +1773,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 +1813,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']);
   }
 }
 
@@ -1532,6 +1824,11 @@ export declare interface VegaRadioGroup extends Components.VegaRadioGroup {
    checked radio button in the radio group. 
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying the change of the
+   checked radio button in the radio group. @eventSemantics namespace:native
+   */
+  change: 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.
@@ -1556,7 +1853,7 @@ export class VegaRadioGroup {
   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', 'vegaValidate']);
   }
 }
 
@@ -1660,10 +1957,13 @@ 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 value of the stepper component. @eventSemantics namespace:native
+   */
+  change: 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.
@@ -1688,7 +1988,7 @@ export class VegaStepper {
   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', 'vegaValidate']);
   }
 }
 
@@ -1699,6 +1999,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 +2022,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 +2056,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 +2109,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 +2137,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 +2199,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 +2221,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 +2252,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 +2274,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']);
   }
 }
 
@@ -1974,6 +2306,11 @@ export declare interface VegaTextarea extends Components.VegaTextarea {
    of the text area. 
    */
   vegaChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * An event emitter notifying about changes in the value
+   of the text area. @eventSemantics namespace:native
+   */
+  change: 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.
@@ -1984,6 +2321,11 @@ export declare interface VegaTextarea extends Components.VegaTextarea {
    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>>;
 
 }
 
@@ -2003,7 +2345,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', 'vegaValidate', 'vegaBlur', 'blur']);
   }
 }
 
@@ -2013,6 +2355,10 @@ export declare interface VegaTimePicker extends Components.VegaTimePicker {
    * An event emitter notifying changes in the value of the time picker. 
    */
   vegaChange: EventEmitter<CustomEvent<string | string[]>>;
+  /**
+   * An event emitter notifying changes in the value of the time picker. @eventSemantics namespace:native
+   */
+  change: 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.
@@ -2037,7 +2383,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', 'vegaValidate']);
+  }
+}
+
+
+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 +2412,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 +2434,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 +2460,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 +2506,8 @@ export default [
   VegaAccordion,
   VegaAppFooter,
   VegaAppHeaderButton,
+  VegaBackdrop,
   VegaBadge,
-  VegaBanner,
   VegaBarChart,
   VegaBox,
   VegaBreadcrumb,
@@ -2133,8 +2523,10 @@ export default [
   VegaComboBox,
   VegaCounterBadge,
   VegaDatePicker,
+  VegaDatePickerCalendar,
   VegaDialog,
   VegaDropdown,
+  VegaDropdownContentBox,
   VegaDropdownGroup,
   VegaDropdownItem,
   VegaFieldError,
@@ -2156,14 +2548,16 @@ export default [
   VegaLeftNavLink,
   VegaLeftNavSection,
   VegaLineChart,
+  VegaLoaderWrapper,
   VegaLoadingIndicator,
   VegaModal,
   VegaNavCard,
-  VegaOption,
   VegaPageNotification,
+  VegaPageNotificationList,
   VegaPagination,
   VegaPieChart,
   VegaPopover,
+  VegaPopoverContentBox,
   VegaProgressTracker,
   VegaRadio,
   VegaRadioGroup,
@@ -2185,7 +2579,9 @@ export default [
   VegaText,
   VegaTextarea,
   VegaTimePicker,
+  VegaTimePickerDropdown,
   VegaToggleSwitch,
   VegaTooltip,
+  VegaTooltipContentBox,
   VegaVirtualScroll,
 ];