@siemens/ix-angular 5.0.0 → 5.1.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import { Components, BreadcrumbClick, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeInputValidityState, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState, ModalInstance, ToastPosition, ShowToastResult } from '@siemens/ix';
 export * from '@siemens/ix';
 import * as i0 from '@angular/core';
-import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, ComponentFactoryResolver, Injector, ModuleWithProviders } from '@angular/core';
+import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, EnvironmentInjector, Injector, ModuleWithProviders } from '@angular/core';
 import { Components as Components$1 } from '@siemens/ix-icons';
 import { TreeBaseDirective, ModalService as ModalService$1, ModalConfig, ToastService as ToastService$1, ToastConfig, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DatetimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal, ModalConfig, ModalContext, ToastConfig } from '@siemens/ix-angular/common';
@@ -573,7 +573,7 @@ declare class IxFilterChip {
     closeClick: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFilterChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], false, never>;
 }
 declare interface IxFilterChip extends Components.IxFilterChip {
     /**
@@ -776,7 +776,7 @@ declare class IxMenu {
     openAbout: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nAriaLabelMenu": { "alias": "i18nAriaLabelMenu"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nNavigationHint": { "alias": "i18nNavigationHint"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], false, never>;
 }
 declare interface IxMenu extends Components.IxMenu {
     /**
@@ -1053,7 +1053,7 @@ declare class IxPane {
     borderlessChanged: EventEmitter<CustomEvent<BorderlessChangedEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPane, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "ariaLabelCollapseCloseButton": { "alias": "ariaLabelCollapseCloseButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "expandedChanged": "expandedChanged"; "variantChanged": "variantChanged"; "borderlessChanged": "borderlessChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "ariaLabelCollapseCloseButton": { "alias": "ariaLabelCollapseCloseButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "noPadding": { "alias": "noPadding"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "expandedChanged": "expandedChanged"; "variantChanged": "variantChanged"; "borderlessChanged": "borderlessChanged"; }, never, ["*"], false, never>;
 }
 declare interface IxPane extends Components.IxPane {
     /**
@@ -1087,6 +1087,67 @@ declare class IxPill {
 }
 declare interface IxPill extends Components.IxPill {
 }
+declare class IxPopover {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverElement;
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    showChanged: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopover, "ix-popover", never, { "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "hasSpike": { "alias": "hasSpike"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "show": { "alias": "show"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerMode": { "alias": "triggerMode"; "required": false; }; }, { "showChange": "showChange"; "showChanged": "showChanged"; }, never, ["*"], false, never>;
+}
+declare interface IxPopover extends Components.IxPopover {
+    /**
+     * Fires before visibility changes. Cancel to prevent. @since 5.1.0
+     */
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Fires after visibility has changed @since 5.1.0
+     */
+    showChanged: EventEmitter<CustomEvent<boolean>>;
+}
+declare class IxPopoverContent {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverContentElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverContent, "ix-popover-content", never, { "noPadding": { "alias": "noPadding"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface IxPopoverContent extends Components.IxPopoverContent {
+}
+declare class IxPopoverFooter {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverFooterElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverFooter, "ix-popover-footer", never, { "alignment": { "alias": "alignment"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface IxPopoverFooter extends Components.IxPopoverFooter {
+}
+declare class IxPopoverHeader {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverHeaderElement;
+    closeClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverHeader, "ix-popover-header", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "hideClose": { "alias": "hideClose"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], false, never>;
+}
+declare interface IxPopoverHeader extends Components.IxPopoverHeader {
+    /**
+     * Fires when close button is clicked.
+  Cancel to prevent closing. @since 5.1.0
+     */
+    closeClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class IxPopoverImage {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverImageElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverImage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverImage, "ix-popover-image", never, { "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface IxPopoverImage extends Components.IxPopoverImage {
+}
 declare class IxProgressIndicator {
     protected z: NgZone;
     protected el: HTMLIxProgressIndicatorElement;
@@ -1170,7 +1231,7 @@ declare class IxSelect {
     ixBlur: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelAddItem": { "alias": "ariaLabelAddItem"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nRemoveSelectedItem": { "alias": "i18nRemoveSelectedItem"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelAddItem": { "alias": "ariaLabelAddItem"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nMoreItems": { "alias": "i18nMoreItems"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nRemoveSelectedItem": { "alias": "i18nRemoveSelectedItem"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
 }
 declare interface IxSelect extends Components.IxSelect {
     /**
@@ -1196,7 +1257,7 @@ declare class IxSelectItem {
     itemClick: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelectItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], false, never>;
 }
 declare interface IxSelectItem extends Components.IxSelectItem {
     /**
@@ -1509,7 +1570,7 @@ declare class IxTree extends TreeBaseDirective {
 }
 
 declare class ModalService extends ModalService$1 {
-    constructor(appRef: ApplicationRef, componentFactoryResolver: ComponentFactoryResolver, injector: Injector);
+    constructor(appRef: ApplicationRef, environmentInjector: EnvironmentInjector, injector: Injector);
     /**
      * Opens a modal based on ModalConfig
      */
@@ -1603,8 +1664,8 @@ declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
 declare class IxModule {
     static forRoot(): ModuleWithProviders<IxModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IxModule, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective], never, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IxModule, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxPopover, typeof IxPopoverContent, typeof IxPopoverFooter, typeof IxPopoverHeader, typeof IxPopoverImage, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective], never, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxPopover, typeof IxPopoverContent, typeof IxPopoverFooter, typeof IxPopoverHeader, typeof IxPopoverImage, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IxModule>;
 }
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxPopover, IxPopoverContent, IxPopoverFooter, IxPopoverHeader, IxPopoverImage, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };

package/package.json

@@ -7,11 +7,11 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/angular"
   },
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Siemens iX for Angular",
   "license": "MIT",
   "dependencies": {
-    "@siemens/ix": "~5.0.0",
+    "@siemens/ix": "~5.1.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {

package/standalone/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, ComponentFactoryResolver, Injector } from '@angular/core';
+import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, EnvironmentInjector, Injector } from '@angular/core';
 import { Components, BreadcrumbClick, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeInputValidityState, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState } from '@siemens/ix/components';
 import { TreeBaseDirective, ModalService as ModalService$1, ModalConfig, ToastService as ToastService$1, ToastConfig, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DatetimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal } from '@siemens/ix-angular/common';
@@ -572,7 +572,7 @@ declare class IxFilterChip {
     closeClick: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFilterChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], true, never>;
 }
 declare interface IxFilterChip extends Components.IxFilterChip {
     /**
@@ -775,7 +775,7 @@ declare class IxMenu {
     openAbout: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nAriaLabelMenu": { "alias": "i18nAriaLabelMenu"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nNavigationHint": { "alias": "i18nNavigationHint"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], true, never>;
 }
 declare interface IxMenu extends Components.IxMenu {
     /**
@@ -1052,7 +1052,7 @@ declare class IxPane {
     borderlessChanged: EventEmitter<CustomEvent<BorderlessChangedEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPane, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "ariaLabelCollapseCloseButton": { "alias": "ariaLabelCollapseCloseButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "expandedChanged": "expandedChanged"; "variantChanged": "variantChanged"; "borderlessChanged": "borderlessChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "ariaLabelCollapseCloseButton": { "alias": "ariaLabelCollapseCloseButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "noPadding": { "alias": "noPadding"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "expandedChanged": "expandedChanged"; "variantChanged": "variantChanged"; "borderlessChanged": "borderlessChanged"; }, never, ["*"], true, never>;
 }
 declare interface IxPane extends Components.IxPane {
     /**
@@ -1086,6 +1086,67 @@ declare class IxPill {
 }
 declare interface IxPill extends Components.IxPill {
 }
+declare class IxPopover {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverElement;
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    showChanged: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopover, "ix-popover", never, { "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "hasSpike": { "alias": "hasSpike"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "show": { "alias": "show"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerMode": { "alias": "triggerMode"; "required": false; }; }, { "showChange": "showChange"; "showChanged": "showChanged"; }, never, ["*"], true, never>;
+}
+declare interface IxPopover extends Components.IxPopover {
+    /**
+     * Fires before visibility changes. Cancel to prevent. @since 5.1.0
+     */
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Fires after visibility has changed @since 5.1.0
+     */
+    showChanged: EventEmitter<CustomEvent<boolean>>;
+}
+declare class IxPopoverContent {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverContentElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverContent, "ix-popover-content", never, { "noPadding": { "alias": "noPadding"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IxPopoverContent extends Components.IxPopoverContent {
+}
+declare class IxPopoverFooter {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverFooterElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverFooter, "ix-popover-footer", never, { "alignment": { "alias": "alignment"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IxPopoverFooter extends Components.IxPopoverFooter {
+}
+declare class IxPopoverHeader {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverHeaderElement;
+    closeClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverHeader, "ix-popover-header", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "hideClose": { "alias": "hideClose"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["*"], true, never>;
+}
+declare interface IxPopoverHeader extends Components.IxPopoverHeader {
+    /**
+     * Fires when close button is clicked.
+  Cancel to prevent closing. @since 5.1.0
+     */
+    closeClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class IxPopoverImage {
+    protected z: NgZone;
+    protected el: HTMLIxPopoverImageElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxPopoverImage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPopoverImage, "ix-popover-image", never, { "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IxPopoverImage extends Components.IxPopoverImage {
+}
 declare class IxProgressIndicator {
     protected z: NgZone;
     protected el: HTMLIxProgressIndicatorElement;
@@ -1169,7 +1230,7 @@ declare class IxSelect {
     ixBlur: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelAddItem": { "alias": "ariaLabelAddItem"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nRemoveSelectedItem": { "alias": "i18nRemoveSelectedItem"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelAddItem": { "alias": "ariaLabelAddItem"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nMoreItems": { "alias": "i18nMoreItems"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nRemoveSelectedItem": { "alias": "i18nRemoveSelectedItem"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], true, never>;
 }
 declare interface IxSelect extends Components.IxSelect {
     /**
@@ -1195,7 +1256,7 @@ declare class IxSelectItem {
     itemClick: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelectItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
 }
 declare interface IxSelectItem extends Components.IxSelectItem {
     /**
@@ -1506,7 +1567,7 @@ declare class IxTree extends TreeBaseDirective {
 }
 
 declare class ModalService extends ModalService$1 {
-    constructor(appRef: ApplicationRef, componentFactoryResolver: ComponentFactoryResolver, injector: Injector);
+    constructor(appRef: ApplicationRef, environmentInjector: EnvironmentInjector, injector: Injector);
     open<TData = any, TReason = any>(config: ModalConfig<TData>): Promise<ModalInstance<TReason>>;
     close<TReason = any>(instance: ModalInstance<TReason>, reason?: TReason): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
@@ -1643,4 +1704,4 @@ declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
  */
 declare const IxValueAccessorDirectives: readonly [typeof IxBooleanValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxTextValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective];
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxPopover, IxPopoverContent, IxPopoverFooter, IxPopoverHeader, IxPopoverImage, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };