@siemens/ix-angular 1.6.3 → 2.0.0-beta.1

package/components.d.ts

@@ -6,6 +6,7 @@ import type { LegacyDateChangeEvent as IIxDatePickerLegacyDateChangeEvent } from
 import type { DateChangeEvent as IIxDatePickerDateChangeEvent } from '@siemens/ix';
 import type { DateTimeDateChangeEvent as IIxDatetimePickerDateTimeDateChangeEvent } from '@siemens/ix';
 import type { DateTimeSelectEvent as IIxDatetimePickerDateTimeSelectEvent } from '@siemens/ix';
+import type { TabClickDetail as IIxTabItemTabClickDetail } from '@siemens/ix';
 import * as i0 from "@angular/core";
 export declare class IxActionCard {
     protected z: NgZone;
@@ -16,43 +17,30 @@ export declare class IxActionCard {
 }
 export declare interface IxActionCard extends Components.IxActionCard {
 }
-export declare class IxAnimatedTab {
+export declare class IxApplicationHeader {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxAnimatedTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxAnimatedTab, "ix-animated-tab", never, { "count": "count"; "icon": "icon"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxApplicationHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "name": "name"; }, {}, never, ["*"]>;
 }
-export declare interface IxAnimatedTab extends Components.IxAnimatedTab {
+export declare interface IxApplicationHeader extends Components.IxApplicationHeader {
 }
-export declare class IxAnimatedTabs {
+export declare class IxAvatar {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxAnimatedTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxAnimatedTabs, "ix-animated-tabs", never, { "selectedIndex": "selectedIndex"; "tabPlacement": "tabPlacement"; }, {}, never, ["*"]>;
-}
-export declare interface IxAnimatedTabs extends Components.IxAnimatedTabs {
-    /**
-     * Tab navigated
-     */
-    tabClick: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxAvatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxAvatar, "ix-avatar", never, { "image": "image"; "initials": "initials"; }, {}, never, ["*"]>;
 }
-export declare class IxApplicationHeader {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxApplicationHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "name": "name"; }, {}, never, ["*"]>;
-}
-export declare interface IxApplicationHeader extends Components.IxApplicationHeader {
+export declare interface IxAvatar extends Components.IxAvatar {
 }
 export declare class IxBasicNavigation {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBasicNavigation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxBasicNavigation, "ix-basic-navigation", never, { "applicationName": "applicationName"; "hideHeader": "hideHeader"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBasicNavigation, "ix-basic-navigation", never, { "applicationName": "applicationName"; "breakpoints": "breakpoints"; "forceBreakpoint": "forceBreakpoint"; "hideHeader": "hideHeader"; }, {}, never, ["*"]>;
 }
 export declare interface IxBasicNavigation extends Components.IxBasicNavigation {
 }
@@ -61,7 +49,7 @@ export declare class IxBlind {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBlind, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxBlind, "ix-blind", never, { "collapsed": "collapsed"; "icon": "icon"; "label": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBlind, "ix-blind", never, { "collapsed": "collapsed"; "icon": "icon"; "label": "label"; "sublabel": "sublabel"; }, {}, never, ["*"]>;
 }
 export declare interface IxBlind extends Components.IxBlind {
     /**
@@ -74,7 +62,7 @@ export declare class IxBreadcrumb {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumb, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumb, "ix-breadcrumb", never, { "ghost": "ghost"; "nextItems": "nextItems"; "visibleItemCount": "visibleItemCount"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumb, "ix-breadcrumb", never, { "ariaLabelPreviousButton": "ariaLabelPreviousButton"; "ghost": "ghost"; "nextItems": "nextItems"; "visibleItemCount": "visibleItemCount"; }, {}, never, ["*"]>;
 }
 export declare interface IxBreadcrumb extends Components.IxBreadcrumb {
     /**
@@ -103,7 +91,7 @@ export declare class IxButton {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": "disabled"; "ghost": "ghost"; "invisible": "invisible"; "outline": "outline"; "selected": "selected"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxButton extends Components.IxButton {
 }
@@ -173,9 +161,13 @@ export declare class IxCategoryFilter {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCategoryFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "categories": "categories"; "filterState": "filterState"; "hideIcon": "hideIcon"; "i18nPlainText": "i18nPlainText"; "icon": "icon"; "initialState": "initialState"; "labelCategories": "labelCategories"; "nonSelectableCategories": "nonSelectableCategories"; "placeholder": "placeholder"; "repeatCategories": "repeatCategories"; "suggestions": "suggestions"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "categories": "categories"; "disabled": "disabled"; "filterState": "filterState"; "hideIcon": "hideIcon"; "i18nPlainText": "i18nPlainText"; "icon": "icon"; "labelCategories": "labelCategories"; "nonSelectableCategories": "nonSelectableCategories"; "placeholder": "placeholder"; "readonly": "readonly"; "repeatCategories": "repeatCategories"; "suggestions": "suggestions"; }, {}, never, ["*"]>;
 }
 export declare interface IxCategoryFilter extends Components.IxCategoryFilter {
+    /**
+     * Event dispatched whenever the a category gets selected in the dropdown
+     */
+    categoryChanged: EventEmitter<CustomEvent<string>>;
     /**
      * Event dispatched whenever the text input changes.
      */
@@ -202,6 +194,15 @@ export declare interface IxChip extends Components.IxChip {
      */
     closeChip: EventEmitter<CustomEvent<any>>;
 }
+export declare class IxCol {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxCol, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCol, "ix-col", never, { "size": "size"; "sizeLg": "sizeLg"; "sizeMd": "sizeMd"; "sizeSm": "sizeSm"; }, {}, never, ["*"]>;
+}
+export declare interface IxCol extends Components.IxCol {
+}
 export declare class IxContentHeader {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -215,15 +216,6 @@ export declare interface IxContentHeader extends Components.IxContentHeader {
      */
     backButtonClick: EventEmitter<CustomEvent<void>>;
 }
-export declare class IxCounterPill {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxCounterPill, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxCounterPill, "ix-counter-pill", never, { "alignLeft": "alignLeft"; "background": "background"; "color": "color"; "outline": "outline"; "variant": "variant"; }, {}, never, ["*"]>;
-}
-export declare interface IxCounterPill extends Components.IxCounterPill {
-}
 export declare class IxDatePicker {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -311,7 +303,7 @@ export declare class IxDropdown {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdown, "ix-dropdown", never, { "adjustDropdownWidthToReferenceWidth": "adjustDropdownWidthToReferenceWidth"; "adjustDropdownWidthToReferenceWith": "adjustDropdownWidthToReferenceWith"; "anchor": "anchor"; "closeBehavior": "closeBehavior"; "header": "header"; "placement": "placement"; "positioningStrategy": "positioningStrategy"; "show": "show"; "trigger": "trigger"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdown, "ix-dropdown", never, { "anchor": "anchor"; "closeBehavior": "closeBehavior"; "header": "header"; "placement": "placement"; "positioningStrategy": "positioningStrategy"; "show": "show"; "suppressAutomaticPlacement": "suppressAutomaticPlacement"; "trigger": "trigger"; }, {}, never, ["*"]>;
 }
 export declare interface IxDropdown extends Components.IxDropdown {
     /**
@@ -324,10 +316,19 @@ export declare class IxDropdownButton {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownButton, "ix-dropdown-button", never, { "active": "active"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "label": "label"; "outline": "outline"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownButton, "ix-dropdown-button", never, { "active": "active"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "label": "label"; "outline": "outline"; "placement": "placement"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxDropdownButton extends Components.IxDropdownButton {
 }
+export declare class IxDropdownHeader {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownHeader, "ix-dropdown-header", never, { "label": "label"; }, {}, never, ["*"]>;
+}
+export declare interface IxDropdownHeader extends Components.IxDropdownHeader {
+}
 export declare class IxDropdownItem {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -403,7 +404,7 @@ export declare class IxFilterChip {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFilterChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "disabled": "disabled"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "disabled": "disabled"; "readonly": "readonly"; }, {}, never, ["*"]>;
 }
 export declare interface IxFilterChip extends Components.IxFilterChip {
     /**
@@ -416,7 +417,7 @@ export declare class IxFlipTile {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "footer": "footer"; "height": "height"; "state": "state"; "width": "width"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "height": "height"; "state": "state"; "width": "width"; }, {}, never, ["*"]>;
 }
 export declare interface IxFlipTile extends Components.IxFlipTile {
 }
@@ -429,6 +430,24 @@ export declare class IxFlipTileContent {
 }
 export declare interface IxFlipTileContent extends Components.IxFlipTileContent {
 }
+export declare class IxFormField {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxFormField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFormField, "ix-form-field", never, { "label": "label"; }, {}, never, ["*"]>;
+}
+export declare interface IxFormField extends Components.IxFormField {
+}
+export declare class IxGrid {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxGrid, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxGrid, "ix-grid", never, { "columns": "columns"; "noPadding": "noPadding"; "noRowGap": "noRowGap"; }, {}, never, ["*"]>;
+}
+export declare interface IxGrid extends Components.IxGrid {
+}
 export declare class IxGroup {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -459,15 +478,6 @@ export declare class IxGroupContextMenu {
 }
 export declare interface IxGroupContextMenu extends Components.IxGroupContextMenu {
 }
-export declare class IxGroupDropdownItem {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxGroupDropdownItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupDropdownItem, "ix-group-dropdown-item", never, { "icon": "icon"; "label": "label"; }, {}, never, ["*"]>;
-}
-export declare interface IxGroupDropdownItem extends Components.IxGroupDropdownItem {
-}
 export declare class IxGroupItem {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -495,10 +505,23 @@ export declare class IxIconButton {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "color": "color"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "invisible": "invisible"; "outline": "outline"; "oval": "oval"; "selected": "selected"; "size": "size"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "color": "color"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "oval": "oval"; "size": "size"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxIconButton extends Components.IxIconButton {
 }
+export declare class IxIconToggleButton {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxIconToggleButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "pressed": "pressed"; "size": "size"; "variant": "variant"; }, {}, never, ["*"]>;
+}
+export declare interface IxIconToggleButton extends Components.IxIconToggleButton {
+    /**
+     * Pressed change event
+     */
+    pressedChange: EventEmitter<CustomEvent<boolean>>;
+}
 export declare class IxInputGroup {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -535,6 +558,15 @@ export declare class IxKpi {
 }
 export declare interface IxKpi extends Components.IxKpi {
 }
+export declare class IxLinkButton {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxLinkButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxLinkButton, "ix-link-button", never, { "disabled": "disabled"; "target": "target"; "url": "url"; }, {}, never, ["*"]>;
+}
+export declare interface IxLinkButton extends Components.IxLinkButton {
+}
 export declare class IxMapNavigation {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -570,7 +602,7 @@ export declare class IxMenu {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": "applicationDescription"; "applicationName": "applicationName"; "enableMapExpand": "enableMapExpand"; "enableSettings": "enableSettings"; "enableToggleTheme": "enableToggleTheme"; "expand": "expand"; "i18nCollapse": "i18nCollapse"; "i18nExpand": "i18nExpand"; "i18nLegal": "i18nLegal"; "i18nMore": "i18nMore"; "i18nSettings": "i18nSettings"; "i18nToggleTheme": "i18nToggleTheme"; "maxVisibleMenuItems": "maxVisibleMenuItems"; "showAbout": "showAbout"; "showSettings": "showSettings"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": "applicationDescription"; "applicationName": "applicationName"; "enableMapExpand": "enableMapExpand"; "enableSettings": "enableSettings"; "enableToggleTheme": "enableToggleTheme"; "expand": "expand"; "i18nCollapse": "i18nCollapse"; "i18nExpand": "i18nExpand"; "i18nExpandSidebar": "i18nExpandSidebar"; "i18nLegal": "i18nLegal"; "i18nSettings": "i18nSettings"; "i18nToggleTheme": "i18nToggleTheme"; "maxVisibleMenuItems": "maxVisibleMenuItems"; "pinned": "pinned"; "showAbout": "showAbout"; "showSettings": "showSettings"; }, {}, never, ["*"]>;
 }
 export declare interface IxMenu extends Components.IxMenu {
     /**
@@ -593,7 +625,10 @@ export declare interface IxMenuAbout extends Components.IxMenuAbout {
     /**
      * About and Legal closed
      */
-    close: EventEmitter<CustomEvent<MouseEvent>>;
+    close: EventEmitter<CustomEvent<{
+        nativeEvent: MouseEvent;
+        name: string;
+    }>>;
 }
 export declare class IxMenuAboutItem {
     protected z: NgZone;
@@ -647,12 +682,21 @@ export declare interface IxMenuAvatarItem extends Components.IxMenuAvatarItem {
      */
     itemClick: EventEmitter<CustomEvent<MouseEvent>>;
 }
+export declare class IxMenuCategory {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuCategory, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuCategory, "ix-menu-category", never, { "icon": "icon"; "label": "label"; "notifications": "notifications"; }, {}, never, ["*"]>;
+}
+export declare interface IxMenuCategory extends Components.IxMenuCategory {
+}
 export declare class IxMenuItem {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuItem, "ix-menu-item", never, { "active": "active"; "bottom": "bottom"; "disabled": "disabled"; "home": "home"; "notifications": "notifications"; "tabIcon": "tabIcon"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuItem, "ix-menu-item", never, { "active": "active"; "bottom": "bottom"; "disabled": "disabled"; "home": "home"; "icon": "icon"; "notifications": "notifications"; "tabIcon": "tabIcon"; }, {}, never, ["*"]>;
 }
 export declare interface IxMenuItem extends Components.IxMenuItem {
 }
@@ -667,7 +711,10 @@ export declare interface IxMenuSettings extends Components.IxMenuSettings {
     /**
      * Popover closed
      */
-    close: EventEmitter<CustomEvent<MouseEvent>>;
+    close: EventEmitter<CustomEvent<{
+        nativeEvent: MouseEvent;
+        name: string;
+    }>>;
 }
 export declare class IxMenuSettingsItem {
     protected z: NgZone;
@@ -696,26 +743,26 @@ export declare class IxModal {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "animation": "animation"; "ariaDescribedBy": "ariaDescribedBy"; "ariaLabelledBy": "ariaLabelledBy"; "backdrop": "backdrop"; "backdropClass": "backdropClass"; "beforeDismiss": "beforeDismiss"; "centered": "centered"; "content": "content"; "headerTitle": "headerTitle"; "icon": "icon"; "iconColor": "iconColor"; "keyboard": "keyboard"; "modalDialogClass": "modalDialogClass"; "scrollable": "scrollable"; "size": "size"; "windowClass": "windowClass"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "animation": "animation"; "backdrop": "backdrop"; "beforeDismiss": "beforeDismiss"; "centered": "centered"; "closeOnBackdropClick": "closeOnBackdropClick"; "keyboard": "keyboard"; "size": "size"; }, {}, never, ["*"]>;
 }
 export declare interface IxModal extends Components.IxModal {
     /**
-     * Modal closed
+     * Dialog close
      */
-    closed: EventEmitter<CustomEvent<any>>;
+    dialogClose: EventEmitter<CustomEvent<any>>;
     /**
-     * Modal dismissed
+     * Dialog cancel
      */
-    dismissed: EventEmitter<CustomEvent<any>>;
+    dialogDismiss: EventEmitter<CustomEvent<any>>;
 }
-export declare class IxModalContainer {
+export declare class IxModalContent {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxModalContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalContainer, "ix-modal-container", never, {}, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxModalContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalContent, "ix-modal-content", never, {}, {}, never, ["*"]>;
 }
-export declare interface IxModalContainer extends Components.IxModalContainer {
+export declare interface IxModalContent extends Components.IxModalContent {
 }
 export declare class IxModalExample {
     protected z: NgZone;
@@ -726,6 +773,28 @@ export declare class IxModalExample {
 }
 export declare interface IxModalExample extends Components.IxModalExample {
 }
+export declare class IxModalFooter {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxModalFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalFooter, "ix-modal-footer", never, {}, {}, never, ["*"]>;
+}
+export declare interface IxModalFooter extends Components.IxModalFooter {
+}
+export declare class IxModalHeader {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxModalHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalHeader, "ix-modal-header", never, { "hideClose": "hideClose"; "icon": "icon"; "iconColor": "iconColor"; }, {}, never, ["*"]>;
+}
+export declare interface IxModalHeader extends Components.IxModalHeader {
+    /**
+     * Close icon is clicked
+     */
+    closeClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
 export declare class IxPagination {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -761,18 +830,35 @@ export declare class IxPushCard {
 }
 export declare interface IxPushCard extends Components.IxPushCard {
 }
+export declare class IxRow {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRow, "ix-row", never, {}, {}, never, ["*"]>;
+}
+export declare interface IxRow extends Components.IxRow {
+}
 export declare class IxSelect {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": "allowClear"; "disabled": "disabled"; "editable": "editable"; "hideListHeader": "hideListHeader"; "i18nNoMatches": "i18nNoMatches"; "i18nPlaceholder": "i18nPlaceholder"; "i18nPlaceholderEditable": "i18nPlaceholderEditable"; "i18nSelectListHeader": "i18nSelectListHeader"; "mode": "mode"; "readonly": "readonly"; "selectedIndices": "selectedIndices"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": "allowClear"; "disabled": "disabled"; "editable": "editable"; "hideListHeader": "hideListHeader"; "i18nNoMatches": "i18nNoMatches"; "i18nPlaceholder": "i18nPlaceholder"; "i18nPlaceholderEditable": "i18nPlaceholderEditable"; "i18nSelectListHeader": "i18nSelectListHeader"; "mode": "mode"; "readonly": "readonly"; "selectedIndices": "selectedIndices"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface IxSelect extends Components.IxSelect {
     /**
-     * Item selection changed
+     * Value changed @since 2.0.0
      */
-    itemSelectionChange: EventEmitter<CustomEvent<string | string[]>>;
+    valueChange: EventEmitter<CustomEvent<string | string[]>>;
+    /**
+     * Item selection changed @deprecated since 2.0.0. Use `valueChange` instead.
+     */
+    itemSelectionChange: EventEmitter<CustomEvent<string[]>>;
+    /**
+     * Event dispatched whenever the text input changes. @since 2.0.0
+     */
+    inputChange: EventEmitter<CustomEvent<string>>;
     /**
      * Item added to selection
      */
@@ -805,7 +891,7 @@ export declare class IxSplitButton {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSplitButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "invisible": "invisible"; "label": "label"; "outline": "outline"; "placement": "placement"; "splitIcon": "splitIcon"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "label": "label"; "outline": "outline"; "placement": "placement"; "splitIcon": "splitIcon"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxSplitButton extends Components.IxSplitButton {
     /**
@@ -834,6 +920,10 @@ export declare class IxTabItem {
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabItem, "ix-tab-item", never, { "counter": "counter"; "disabled": "disabled"; "icon": "icon"; "layout": "layout"; "placement": "placement"; "rounded": "rounded"; "selected": "selected"; "small": "small"; }, {}, never, ["*"]>;
 }
 export declare interface IxTabItem extends Components.IxTabItem {
+    /**
+     * On tab click @since 2.0.0
+     */
+    tabClick: EventEmitter<CustomEvent<IIxTabItemTabClickDetail>>;
 }
 export declare class IxTabs {
     protected z: NgZone;
@@ -843,6 +933,10 @@ export declare class IxTabs {
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabs, "ix-tabs", never, { "layout": "layout"; "placement": "placement"; "rounded": "rounded"; "selected": "selected"; "small": "small"; }, {}, never, ["*"]>;
 }
 export declare interface IxTabs extends Components.IxTabs {
+    /**
+     * `selected` property changed @since 2.0.0
+     */
+    selectedChange: EventEmitter<CustomEvent<number>>;
 }
 export declare class IxTile {
     protected z: NgZone;
@@ -897,7 +991,7 @@ export declare class IxToggle {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "hideText": "hideText"; "indeterminate": "indeterminate"; "textIndeterminate": "textIndeterminate"; "textOff": "textOff"; "textOn": "textOn"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": "checked"; "disabled": "disabled"; "hideText": "hideText"; "indeterminate": "indeterminate"; "textIndeterminate": "textIndeterminate"; "textOff": "textOff"; "textOn": "textOn"; }, {}, never, ["*"]>;
 }
 export declare interface IxToggle extends Components.IxToggle {
     /**
@@ -905,6 +999,19 @@ export declare interface IxToggle extends Components.IxToggle {
      */
     checkedChange: EventEmitter<CustomEvent<boolean>>;
 }
+export declare class IxToggleButton {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxToggleButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggleButton, "ix-toggle-button", never, { "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "pressed": "pressed"; "variant": "variant"; }, {}, never, ["*"]>;
+}
+export declare interface IxToggleButton extends Components.IxToggleButton {
+    /**
+     * Pressed change event
+     */
+    pressedChange: EventEmitter<CustomEvent<boolean>>;
+}
 export declare class IxTooltip {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -931,6 +1038,15 @@ export declare interface IxTreeItem extends Components.IxTreeItem {
      */
     itemClick: EventEmitter<CustomEvent<void>>;
 }
+export declare class IxTypography {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxTypography, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTypography, "ix-typography", never, { "bold": "bold"; "color": "color"; "format": "format"; "textDecoration": "textDecoration"; }, {}, never, ["*"]>;
+}
+export declare interface IxTypography extends Components.IxTypography {
+}
 export declare class IxUpload {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -949,7 +1065,7 @@ export declare class IxValidationTooltip {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxValidationTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxValidationTooltip, "ix-validation-tooltip", never, { "message": "message"; "placement": "placement"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxValidationTooltip, "ix-validation-tooltip", never, { "message": "message"; "placement": "placement"; "suppressAutomaticPlacement": "suppressAutomaticPlacement"; }, {}, never, ["*"]>;
 }
 export declare interface IxValidationTooltip extends Components.IxValidationTooltip {
 }
@@ -958,7 +1074,7 @@ export declare class IxWorkflowStep {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowStep, "ix-workflow-step", never, { "clickable": "clickable"; "disabled": "disabled"; "position": "position"; "selected": "selected"; "status": "status"; "vertical": "vertical"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowStep, "ix-workflow-step", never, { "clickable": "clickable"; "disabled": "disabled"; "selected": "selected"; "status": "status"; "vertical": "vertical"; }, {}, never, ["*"]>;
 }
 export declare interface IxWorkflowStep extends Components.IxWorkflowStep {
 }
@@ -967,7 +1083,7 @@ export declare class IxWorkflowSteps {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowSteps, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowSteps, "ix-workflow-steps", never, { "clickable": "clickable"; "linear": "linear"; "selectedIndex": "selectedIndex"; "vertical": "vertical"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowSteps, "ix-workflow-steps", never, { "clickable": "clickable"; "selectedIndex": "selectedIndex"; "vertical": "vertical"; }, {}, never, ["*"]>;
 }
 export declare interface IxWorkflowSteps extends Components.IxWorkflowSteps {
     /**

package/declare-components.d.ts

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.IxActionCard | typeof d.IxAnimatedTab | typeof d.IxAnimatedTabs | typeof d.IxApplicationHeader | typeof d.IxBasicNavigation | typeof d.IxBlind | typeof d.IxBreadcrumb | typeof d.IxBreadcrumbItem | typeof d.IxButton | typeof d.IxCard | typeof d.IxCardAccordion | typeof d.IxCardContent | typeof d.IxCardList | typeof d.IxCardTitle | typeof d.IxCategoryFilter | typeof d.IxChip | typeof d.IxContentHeader | typeof d.IxCounterPill | typeof d.IxDatePicker | typeof d.IxDatetimePicker | typeof d.IxDivider | typeof d.IxDrawer | typeof d.IxDropdown | typeof d.IxDropdownButton | typeof d.IxDropdownItem | typeof d.IxDropdownQuickActions | typeof d.IxEmptyState | typeof d.IxEventList | typeof d.IxEventListItem | typeof d.IxExpandingSearch | typeof d.IxFilterChip | typeof d.IxFlipTile | typeof d.IxFlipTileContent | typeof d.IxGroup | typeof d.IxGroupContextMenu | typeof d.IxGroupDropdownItem | typeof d.IxGroupItem | typeof d.IxIcon | typeof d.IxIconButton | typeof d.IxInputGroup | typeof d.IxKeyValue | typeof d.IxKeyValueList | typeof d.IxKpi | typeof d.IxMapNavigation | typeof d.IxMapNavigationOverlay | typeof d.IxMenu | typeof d.IxMenuAbout | typeof d.IxMenuAboutItem | typeof d.IxMenuAboutNews | typeof d.IxMenuAvatar | typeof d.IxMenuAvatarItem | typeof d.IxMenuItem | typeof d.IxMenuSettings | typeof d.IxMenuSettingsItem | typeof d.IxMessageBar | typeof d.IxModal | typeof d.IxModalContainer | typeof d.IxModalExample | typeof d.IxPagination | typeof d.IxPill | typeof d.IxPushCard | typeof d.IxSelect | typeof d.IxSelectItem | typeof d.IxSpinner | typeof d.IxSplitButton | typeof d.IxSplitButtonItem | typeof d.IxTabItem | typeof d.IxTabs | typeof d.IxTile | typeof d.IxTimePicker | typeof d.IxToast | typeof d.IxToastContainer | typeof d.IxToggle | typeof d.IxTooltip | typeof d.IxTreeItem | typeof d.IxUpload | typeof d.IxValidationTooltip | typeof d.IxWorkflowStep | typeof d.IxWorkflowSteps)[];
+export declare const DIRECTIVES: (typeof d.IxActionCard | typeof d.IxApplicationHeader | typeof d.IxAvatar | typeof d.IxBasicNavigation | typeof d.IxBlind | typeof d.IxBreadcrumb | typeof d.IxBreadcrumbItem | typeof d.IxButton | typeof d.IxCard | typeof d.IxCardAccordion | typeof d.IxCardContent | typeof d.IxCardList | typeof d.IxCardTitle | typeof d.IxCategoryFilter | typeof d.IxChip | typeof d.IxCol | typeof d.IxContentHeader | typeof d.IxDatePicker | typeof d.IxDatetimePicker | typeof d.IxDivider | typeof d.IxDrawer | typeof d.IxDropdown | typeof d.IxDropdownButton | typeof d.IxDropdownHeader | typeof d.IxDropdownItem | typeof d.IxDropdownQuickActions | typeof d.IxEmptyState | typeof d.IxEventList | typeof d.IxEventListItem | typeof d.IxExpandingSearch | typeof d.IxFilterChip | typeof d.IxFlipTile | typeof d.IxFlipTileContent | typeof d.IxFormField | typeof d.IxGrid | typeof d.IxGroup | typeof d.IxGroupContextMenu | typeof d.IxGroupItem | typeof d.IxIcon | typeof d.IxIconButton | typeof d.IxIconToggleButton | typeof d.IxInputGroup | typeof d.IxKeyValue | typeof d.IxKeyValueList | typeof d.IxKpi | typeof d.IxLinkButton | typeof d.IxMapNavigation | typeof d.IxMapNavigationOverlay | typeof d.IxMenu | typeof d.IxMenuAbout | typeof d.IxMenuAboutItem | typeof d.IxMenuAboutNews | typeof d.IxMenuAvatar | typeof d.IxMenuAvatarItem | typeof d.IxMenuCategory | typeof d.IxMenuItem | typeof d.IxMenuSettings | typeof d.IxMenuSettingsItem | typeof d.IxMessageBar | typeof d.IxModal | typeof d.IxModalContent | typeof d.IxModalExample | typeof d.IxModalFooter | typeof d.IxModalHeader | typeof d.IxPagination | typeof d.IxPill | typeof d.IxPushCard | typeof d.IxRow | typeof d.IxSelect | typeof d.IxSelectItem | typeof d.IxSpinner | typeof d.IxSplitButton | typeof d.IxSplitButtonItem | typeof d.IxTabItem | typeof d.IxTabs | typeof d.IxTile | typeof d.IxTimePicker | typeof d.IxToast | typeof d.IxToastContainer | typeof d.IxToggle | typeof d.IxToggleButton | typeof d.IxTooltip | typeof d.IxTreeItem | typeof d.IxTypography | typeof d.IxUpload | typeof d.IxValidationTooltip | typeof d.IxWorkflowStep | typeof d.IxWorkflowSteps)[];