@siemens/ix-angular 1.5.0-beta.0 → 1.5.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.d.ts +24 -3
- package/declare-components.d.ts +1 -1
- package/esm2020/components.mjs +34 -8
- package/esm2020/declare-components.mjs +2 -1
- package/esm2020/module.mjs +2 -2
- package/esm2020/toast/toast.service.mjs +8 -2
- package/fesm2015/siemens-ix-angular.mjs +42 -10
- package/fesm2015/siemens-ix-angular.mjs.map +1 -1
- package/fesm2020/siemens-ix-angular.mjs +42 -10
- package/fesm2020/siemens-ix-angular.mjs.map +1 -1
- package/module.d.ts +1 -1
- package/package.json +2 -2
- package/toast/toast.service.d.ts +2 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { closeModal, dismissModal, modal, themeSwitcher, toast } from '@siemens/ix';
|
|
1
|
+
import { closeModal, dismissModal, modal, themeSwitcher, getToastContainer, toast } from '@siemens/ix';
|
|
2
2
|
export * from '@siemens/ix';
|
|
3
3
|
import { __decorate } from 'tslib';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
@@ -162,10 +162,10 @@ let IxBlind = class IxBlind {
|
|
|
162
162
|
}
|
|
163
163
|
};
|
|
164
164
|
/** @nocollapse */ IxBlind.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxBlind, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
165
|
-
/** @nocollapse */ IxBlind.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBlind, selector: "ix-blind", inputs: { collapsed: "collapsed", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
165
|
+
/** @nocollapse */ IxBlind.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBlind, selector: "ix-blind", inputs: { collapsed: "collapsed", icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
166
166
|
IxBlind = __decorate([
|
|
167
167
|
ProxyCmp({
|
|
168
|
-
inputs: ['collapsed', 'label']
|
|
168
|
+
inputs: ['collapsed', 'icon', 'label']
|
|
169
169
|
})
|
|
170
170
|
], IxBlind);
|
|
171
171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxBlind, decorators: [{
|
|
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
175
175
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
176
176
|
template: '<ng-content></ng-content>',
|
|
177
177
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
178
|
-
inputs: ['collapsed', 'label'],
|
|
178
|
+
inputs: ['collapsed', 'icon', 'label'],
|
|
179
179
|
}]
|
|
180
180
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
181
181
|
let IxBreadcrumb = class IxBreadcrumb {
|
|
@@ -281,7 +281,7 @@ let IxChip = class IxChip {
|
|
|
281
281
|
this.z = z;
|
|
282
282
|
c.detach();
|
|
283
283
|
this.el = r.nativeElement;
|
|
284
|
-
proxyOutputs(this, this.el, ['close']);
|
|
284
|
+
proxyOutputs(this, this.el, ['close', 'closeChip']);
|
|
285
285
|
}
|
|
286
286
|
};
|
|
287
287
|
/** @nocollapse */ IxChip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -629,10 +629,10 @@ let IxFlipTile = class IxFlipTile {
|
|
|
629
629
|
}
|
|
630
630
|
};
|
|
631
631
|
/** @nocollapse */ IxFlipTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
632
|
-
/** @nocollapse */ IxFlipTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFlipTile, selector: "ix-flip-tile", inputs: { footer: "footer", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
632
|
+
/** @nocollapse */ IxFlipTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFlipTile, selector: "ix-flip-tile", inputs: { footer: "footer", height: "height", state: "state", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
633
633
|
IxFlipTile = __decorate([
|
|
634
634
|
ProxyCmp({
|
|
635
|
-
inputs: ['footer', 'state']
|
|
635
|
+
inputs: ['footer', 'height', 'state', 'width']
|
|
636
636
|
})
|
|
637
637
|
], IxFlipTile);
|
|
638
638
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTile, decorators: [{
|
|
@@ -642,7 +642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
642
642
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
643
643
|
template: '<ng-content></ng-content>',
|
|
644
644
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
645
|
-
inputs: ['footer', 'state'],
|
|
645
|
+
inputs: ['footer', 'height', 'state', 'width'],
|
|
646
646
|
}]
|
|
647
647
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
648
648
|
let IxFlipTileContent = class IxFlipTileContent {
|
|
@@ -1228,6 +1228,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1228
1228
|
inputs: [],
|
|
1229
1229
|
}]
|
|
1230
1230
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
1231
|
+
let IxPagination = class IxPagination {
|
|
1232
|
+
constructor(c, r, z) {
|
|
1233
|
+
this.z = z;
|
|
1234
|
+
c.detach();
|
|
1235
|
+
this.el = r.nativeElement;
|
|
1236
|
+
proxyOutputs(this, this.el, ['pageSelected', 'itemCountChanged']);
|
|
1237
|
+
}
|
|
1238
|
+
};
|
|
1239
|
+
/** @nocollapse */ IxPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1240
|
+
/** @nocollapse */ IxPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxPagination, selector: "ix-pagination", inputs: { advanced: "advanced", count: "count", i18nItems: "i18nItems", i18nOf: "i18nOf", i18nPage: "i18nPage", itemCount: "itemCount", selectedPage: "selectedPage", showItemCount: "showItemCount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1241
|
+
IxPagination = __decorate([
|
|
1242
|
+
ProxyCmp({
|
|
1243
|
+
inputs: ['advanced', 'count', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage', 'showItemCount']
|
|
1244
|
+
})
|
|
1245
|
+
], IxPagination);
|
|
1246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxPagination, decorators: [{
|
|
1247
|
+
type: Component,
|
|
1248
|
+
args: [{
|
|
1249
|
+
selector: 'ix-pagination',
|
|
1250
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1251
|
+
template: '<ng-content></ng-content>',
|
|
1252
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1253
|
+
inputs: ['advanced', 'count', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage', 'showItemCount'],
|
|
1254
|
+
}]
|
|
1255
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
1231
1256
|
let IxPill = class IxPill {
|
|
1232
1257
|
constructor(c, r, z) {
|
|
1233
1258
|
this.z = z;
|
|
@@ -1928,6 +1953,7 @@ const DIRECTIVES = [
|
|
|
1928
1953
|
IxModal,
|
|
1929
1954
|
IxModalContainer,
|
|
1930
1955
|
IxModalExample,
|
|
1956
|
+
IxPagination,
|
|
1931
1957
|
IxPill,
|
|
1932
1958
|
IxSelect,
|
|
1933
1959
|
IxSelectItem,
|
|
@@ -1999,6 +2025,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1999
2025
|
* LICENSE file in the root directory of this source tree.
|
|
2000
2026
|
*/
|
|
2001
2027
|
class ToastService {
|
|
2028
|
+
setPosition(position) {
|
|
2029
|
+
getToastContainer().position = position;
|
|
2030
|
+
}
|
|
2031
|
+
getPosition() {
|
|
2032
|
+
return getToastContainer().position;
|
|
2033
|
+
}
|
|
2002
2034
|
async show(config) {
|
|
2003
2035
|
if (typeof config.message === 'string') {
|
|
2004
2036
|
return toast(config);
|
|
@@ -2147,7 +2179,7 @@ class IxModule {
|
|
|
2147
2179
|
}
|
|
2148
2180
|
}
|
|
2149
2181
|
/** @nocollapse */ IxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2150
|
-
/** @nocollapse */ IxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, declarations: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective], exports: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective] });
|
|
2182
|
+
/** @nocollapse */ IxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, declarations: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective], exports: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective] });
|
|
2151
2183
|
/** @nocollapse */ IxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule });
|
|
2152
2184
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, decorators: [{
|
|
2153
2185
|
type: NgModule,
|
|
@@ -2170,5 +2202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2170
2202
|
* Generated bundle index. Do not edit.
|
|
2171
2203
|
*/
|
|
2172
2204
|
|
|
2173
|
-
export { IxActiveModal, IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxModule, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, ModalService, ThemeService, ToastService };
|
|
2205
|
+
export { IxActiveModal, IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxModule, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, ModalService, ThemeService, ToastService };
|
|
2174
2206
|
//# sourceMappingURL=siemens-ix-angular.mjs.map
|