@eui/mobile-core 17.0.0-next.3 → 17.0.0-next.5
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/docs/components/EuimAlertMessageComponent.html +4 -4
- package/docs/components/EuimChipSelectorComponent.html +4 -4
- package/docs/components/EuimEmptyListPlaceholderComponent.html +4 -4
- package/docs/components/EuimLabelComponent.html +4 -4
- package/docs/components/EuimLanguageListComponent.html +1 -1
- package/docs/components/EuimMediaHeaderComponent.html +2 -2
- package/docs/components/EuimMenuComponent.html +1 -12
- package/docs/components/EuimMultiselectComponent.html +2 -2
- package/docs/components/EuimMultiselectToolbarComponent.html +2 -2
- package/docs/components/EuimPdfWrapperComponent.html +1 -1
- package/docs/components/EuimSkeletonListComponent.html +1 -1
- package/docs/components/EuimSkeletonListItemComponent.html +6 -6
- package/docs/components/EuimSliderComponent.html +4 -26
- package/docs/components/EuimSliderInfoScreenComponent.html +6 -28
- package/docs/components/EuimStepperComponent.html +2 -2
- package/docs/components/EuimToolbarComponent.html +3 -3
- package/docs/dependencies.html +6 -2
- package/docs/directives/BaseStatesDirective.html +29 -29
- package/docs/directives/EuimChipSelectorItemDirective.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +11 -21
- package/esm2022/lib/components/base-states.directive.mjs +61 -121
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +12 -21
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +5 -9
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +12 -21
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +12 -21
- package/esm2022/lib/components/euim-fieldset/euim-fieldset.component.mjs +2 -2
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +6 -11
- package/esm2022/lib/components/euim-menu/euim-menu.component.mjs +7 -13
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +10 -15
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +7 -12
- package/esm2022/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.component.mjs +7 -8
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +3 -3
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +15 -28
- package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +12 -26
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +16 -34
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +2 -2
- package/esm2022/lib/components/euim-stepper/euim-stepper.component.mjs +7 -13
- package/esm2022/lib/components/layout/euim-info-screen/euim-info-screen.component.mjs +2 -2
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +6 -7
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +9 -17
- package/fesm2022/eui-mobile-core.mjs +179 -324
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/atoms/euim-label/euim-label.component.d.ts +8 -5
- package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
- package/lib/components/base-states.directive.d.ts +58 -30
- package/lib/components/base-states.directive.d.ts.map +1 -1
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +6 -4
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts +2 -2
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +6 -3
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts +6 -4
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header.component.d.ts +2 -2
- package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
- package/lib/components/euim-menu/euim-menu.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts +2 -2
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts +2 -2
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts +10 -6
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
- package/lib/components/euim-slider/euim-slider.component.d.ts +6 -3
- package/lib/components/euim-slider/euim-slider.component.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +10 -5
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
- package/lib/components/euim-stepper/euim-stepper.component.d.ts +4 -3
- package/lib/components/euim-stepper/euim-stepper.component.d.ts.map +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts.map +1 -1
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts +6 -4
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { coerceBoolean } from '@eui/base';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
3
|
import * as i1 from "@ionic/angular";
|
|
6
|
-
import * as i2 from "
|
|
7
|
-
import * as i3 from "../euim-
|
|
8
|
-
import * as i4 from "../atoms/euim-
|
|
9
|
-
import * as i5 from "../atoms/euim-notification-item/euim-notification-item.component";
|
|
4
|
+
import * as i2 from "../euim-avatar-icon/euim-avatar-icon.component";
|
|
5
|
+
import * as i3 from "../atoms/euim-label/euim-label.component";
|
|
6
|
+
import * as i4 from "../atoms/euim-notification-item/euim-notification-item.component";
|
|
10
7
|
/**
|
|
11
8
|
* @deprecated It is removed. Use {@link euim-sidebar} instead.
|
|
12
9
|
*/
|
|
@@ -32,17 +29,14 @@ export class EuimMenuComponent {
|
|
|
32
29
|
return item.notification?.color === color;
|
|
33
30
|
}
|
|
34
31
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMenuComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
32
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMenuComponent, selector: "euim-menu", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<ion-list>\n @for (section of items; track section) {\n <li class=\"euim-menu__section\">\n @if (section.sectionName) {\n <ion-item-divider>\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{section.sectionName}}</p>\n </ion-item-divider>\n }\n @for (item of section.items; track item; let j = $index) {\n <ion-menu-toggle auto-hide=\"true\">\n @if (item.label) {\n <ion-item (click)=\"onItemClick($event, j, item)\"\n [lines]=\"item.lines ? item.lines : 'none'\" button [detail]=\"item.detailArrow\"\n class=\"euim-menu__section-item\">\n @if (item.avatarColor) {\n <euim-avatar-icon size=\"s\" variant=\"rounded\" [color]=\"item.avatarColor\">\n @if (item.icon) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n </euim-avatar-icon>\n }\n @if (item.icon && !item.avatarColor) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n <div>\n <p class=\"euim-menu__section-item-label\" euimLabel [euimSizeM]=\"true\" [euimDark]=\"true\">{{item.label}}</p>\n <p class=\"euim-menu__section-item-sublabel\" euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.sublabel}}</p>\n </div>\n @if (item.badge) {\n <ion-badge [color]=\"item.badge.color\" slot=\"end\">\n {{item.badge.value}}</ion-badge>\n }\n @if (item.notification && !item.notification.count) {\n <euim-notification-item\n slot=\"end\"\n [euimSuccess]=\"isColorDirectiveShown(item, 'success')\"\n [euimWarning]=\"isColorDirectiveShown(item, 'warning')\"\n [euimDanger]=\"isColorDirectiveShown(item, 'danger')\"\n [euimInfo]=\"isColorDirectiveShown(item, 'info')\"\n [euimPrimary]=\"isColorDirectiveShown(item, 'primary')\"\n [euimSecondary]=\"isColorDirectiveShown(item, 'secondary')\"\n [euimAccent]=\"isColorDirectiveShown(item, 'accent')\"\n ></euim-notification-item>\n }\n @if (item.metadata) {\n <ion-note class=\"euim-menu__metadata\" slot=\"end\">\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.metadata}}</p>\n </ion-note>\n }\n </ion-item>\n }\n </ion-menu-toggle>\n }\n </li>\n }\n</ion-list>\n", styles: [".euim-menu__section-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-m)}.euim-menu__section-item::part(detail-icon){color:var(--eui-base-color-grey-50);font-size:var(--eui-base-font-size-2xl);opacity:1;margin-left:var(--eui-base-spacing-xs)}.euim-menu__section-item-label,.euim-menu__section-item-sublabel{margin-left:var(--eui-base-spacing-m)}.euim-menu__metadata{margin:auto 0 auto var(--eui-base-spacing-s);padding:0}\n"], dependencies: [{ kind: "component", type: i1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i1.IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: i2.EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i3.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }, { kind: "component", type: i4.EuimNotificationItemComponent, selector: "euim-notification-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
33
|
}
|
|
37
|
-
__decorate([
|
|
38
|
-
coerceBoolean
|
|
39
|
-
], EuimMenuComponent.prototype, "isChanged", void 0);
|
|
40
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMenuComponent, decorators: [{
|
|
41
35
|
type: Component,
|
|
42
|
-
args: [{ selector: 'euim-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n
|
|
43
|
-
}], ctorParameters: () => [{ type: i1.NavController }], propDecorators: {
|
|
36
|
+
args: [{ selector: 'euim-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n @for (section of items; track section) {\n <li class=\"euim-menu__section\">\n @if (section.sectionName) {\n <ion-item-divider>\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{section.sectionName}}</p>\n </ion-item-divider>\n }\n @for (item of section.items; track item; let j = $index) {\n <ion-menu-toggle auto-hide=\"true\">\n @if (item.label) {\n <ion-item (click)=\"onItemClick($event, j, item)\"\n [lines]=\"item.lines ? item.lines : 'none'\" button [detail]=\"item.detailArrow\"\n class=\"euim-menu__section-item\">\n @if (item.avatarColor) {\n <euim-avatar-icon size=\"s\" variant=\"rounded\" [color]=\"item.avatarColor\">\n @if (item.icon) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n </euim-avatar-icon>\n }\n @if (item.icon && !item.avatarColor) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n <div>\n <p class=\"euim-menu__section-item-label\" euimLabel [euimSizeM]=\"true\" [euimDark]=\"true\">{{item.label}}</p>\n <p class=\"euim-menu__section-item-sublabel\" euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.sublabel}}</p>\n </div>\n @if (item.badge) {\n <ion-badge [color]=\"item.badge.color\" slot=\"end\">\n {{item.badge.value}}</ion-badge>\n }\n @if (item.notification && !item.notification.count) {\n <euim-notification-item\n slot=\"end\"\n [euimSuccess]=\"isColorDirectiveShown(item, 'success')\"\n [euimWarning]=\"isColorDirectiveShown(item, 'warning')\"\n [euimDanger]=\"isColorDirectiveShown(item, 'danger')\"\n [euimInfo]=\"isColorDirectiveShown(item, 'info')\"\n [euimPrimary]=\"isColorDirectiveShown(item, 'primary')\"\n [euimSecondary]=\"isColorDirectiveShown(item, 'secondary')\"\n [euimAccent]=\"isColorDirectiveShown(item, 'accent')\"\n ></euim-notification-item>\n }\n @if (item.metadata) {\n <ion-note class=\"euim-menu__metadata\" slot=\"end\">\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.metadata}}</p>\n </ion-note>\n }\n </ion-item>\n }\n </ion-menu-toggle>\n }\n </li>\n }\n</ion-list>\n", styles: [".euim-menu__section-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-m)}.euim-menu__section-item::part(detail-icon){color:var(--eui-base-color-grey-50);font-size:var(--eui-base-font-size-2xl);opacity:1;margin-left:var(--eui-base-spacing-xs)}.euim-menu__section-item-label,.euim-menu__section-item-sublabel{margin-left:var(--eui-base-spacing-m)}.euim-menu__metadata{margin:auto 0 auto var(--eui-base-spacing-s);padding:0}\n"] }]
|
|
37
|
+
}], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { itemClick: [{
|
|
44
38
|
type: Output
|
|
45
39
|
}], items: [{
|
|
46
40
|
type: Input
|
|
47
41
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW1lbnUvZXVpbS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW1lbnUvZXVpbS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQWFuSDs7RUFFRTtBQUNGLE1BQU0sT0FBTyxpQkFBaUI7SUFRMUIsWUFBb0IsT0FBc0I7UUFBdEIsWUFBTyxHQUFQLE9BQU8sQ0FBZTtRQU4xQyxjQUFTLEdBQWlCLEtBQUssQ0FBQztRQUV0QixjQUFTLEdBQStCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQsVUFBSyxHQUFzQixFQUFFLENBQUM7SUFFTSxDQUFDO0lBRTlDLFdBQVcsQ0FBQyxLQUFZLEVBQUUsR0FBWSxFQUFFLElBQW1CO1FBQ3ZELElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDbEIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtnQkFDL0IsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxDQUFDO2FBQ25DO2lCQUFNO2dCQUNILElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUM5QztTQUNKO1FBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELHFCQUFxQixDQUFDLElBQWtCLEVBQUUsS0FBYTtRQUNuRCxPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxLQUFLLEtBQUssQ0FBQztJQUM5QyxDQUFDO2lJQXZCUSxpQkFBaUI7cUhBQWpCLGlCQUFpQixrSENoQjlCLHl1RkE0REE7OzJGRDVDYSxpQkFBaUI7a0JBWDdCLFNBQVM7K0JBQ0ksV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO2tGQVUzQixTQUFTO3NCQUFsQixNQUFNO2dCQUVFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1NZW51SXRlbSwgRXVpbU1lbnVTZWN0aW9uIH0gZnJvbSAnLi9tb2RlbHMvZXVpLW1lbnUtaXRlbS5tb2RlbCc7XG5pbXBvcnQgeyBOYXZDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuXG4vKipcbiogIEBkZXByZWNhdGVkIEl0IGlzIHJlbW92ZWQuIFVzZSB7QGxpbmsgZXVpbS1zaWRlYmFyfSBpbnN0ZWFkLlxuKi9cbmV4cG9ydCBjbGFzcyBFdWltTWVudUNvbXBvbmVudCB7XG5cbiAgICBpc0NoYW5nZWQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEV1aW1NZW51SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBASW5wdXQoKSBpdGVtczogRXVpbU1lbnVTZWN0aW9uW10gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgbmF2Q3RybDogTmF2Q29udHJvbGxlcikge31cblxuICAgIG9uSXRlbUNsaWNrKGV2ZW50OiBFdmVudCwgaWR4PzogbnVtYmVyLCBpdGVtPzogRXVpbU1lbnVJdGVtKTogdm9pZCB7XG4gICAgICAgIGlmIChpdGVtICYmIGl0ZW0udXJsKSB7XG4gICAgICAgICAgICBpZiAoaXRlbS51cmwuaW5kZXhPZignaHR0cCcpID4gLTEpIHtcbiAgICAgICAgICAgICAgICB3aW5kb3cub3BlbihpdGVtLnVybCwgJ19ibGFuaycpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLm5hdkN0cmwubmF2aWdhdGVSb290KGl0ZW0udXJsKS50aGVuKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdChpdGVtKTtcbiAgICB9XG5cbiAgICBpc0NvbG9yRGlyZWN0aXZlU2hvd24oaXRlbTogRXVpbU1lbnVJdGVtLCBjb2xvcjogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBpdGVtLm5vdGlmaWNhdGlvbj8uY29sb3IgPT09IGNvbG9yO1xuICAgIH1cbn1cbiIsIjxpb24tbGlzdD5cbiAgQGZvciAoc2VjdGlvbiBvZiBpdGVtczsgdHJhY2sgc2VjdGlvbikge1xuICAgIDxsaSBjbGFzcz1cImV1aW0tbWVudV9fc2VjdGlvblwiPlxuICAgICAgQGlmIChzZWN0aW9uLnNlY3Rpb25OYW1lKSB7XG4gICAgICAgIDxpb24taXRlbS1kaXZpZGVyPlxuICAgICAgICAgIDxwIGV1aW1MYWJlbCBbZXVpbVNpemVTXT1cInRydWVcIiBbZXVpbURlZmF1bHRdPVwidHJ1ZVwiPnt7c2VjdGlvbi5zZWN0aW9uTmFtZX19PC9wPlxuICAgICAgICA8L2lvbi1pdGVtLWRpdmlkZXI+XG4gICAgICB9XG4gICAgICBAZm9yIChpdGVtIG9mIHNlY3Rpb24uaXRlbXM7IHRyYWNrIGl0ZW07IGxldCBqID0gJGluZGV4KSB7XG4gICAgICAgIDxpb24tbWVudS10b2dnbGUgYXV0by1oaWRlPVwidHJ1ZVwiPlxuICAgICAgICAgIEBpZiAoaXRlbS5sYWJlbCkge1xuICAgICAgICAgICAgPGlvbi1pdGVtIChjbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQsIGosIGl0ZW0pXCJcbiAgICAgICAgICAgICAgW2xpbmVzXT1cIml0ZW0ubGluZXMgPyBpdGVtLmxpbmVzIDogJ25vbmUnXCIgYnV0dG9uIFtkZXRhaWxdPVwiaXRlbS5kZXRhaWxBcnJvd1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiZXVpbS1tZW51X19zZWN0aW9uLWl0ZW1cIj5cbiAgICAgICAgICAgICAgQGlmIChpdGVtLmF2YXRhckNvbG9yKSB7XG4gICAgICAgICAgICAgICAgPGV1aW0tYXZhdGFyLWljb24gc2l6ZT1cInNcIiB2YXJpYW50PVwicm91bmRlZFwiIFtjb2xvcl09XCJpdGVtLmF2YXRhckNvbG9yXCI+XG4gICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICAgICAgICA8aW9uLWljb25cbiAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiaXRlbS5pY29uQ29sb3JcIlxuICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJpdGVtLmljb25cIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvZXVpbS1hdmF0YXItaWNvbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbiAmJiAhaXRlbS5hdmF0YXJDb2xvcikge1xuICAgICAgICAgICAgICAgIDxpb24taWNvblxuICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIml0ZW0uaWNvbkNvbG9yXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJpdGVtLmljb25cIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJldWltLW1lbnVfX3NlY3Rpb24taXRlbS1sYWJlbFwiIGV1aW1MYWJlbCBbZXVpbVNpemVNXT1cInRydWVcIiBbZXVpbURhcmtdPVwidHJ1ZVwiPnt7aXRlbS5sYWJlbH19PC9wPlxuICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZXVpbS1tZW51X19zZWN0aW9uLWl0ZW0tc3VibGFiZWxcIiBldWltTGFiZWwgW2V1aW1TaXplU109XCJ0cnVlXCIgW2V1aW1EZWZhdWx0XT1cInRydWVcIj57e2l0ZW0uc3VibGFiZWx9fTwvcD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5iYWRnZSkge1xuICAgICAgICAgICAgICAgIDxpb24tYmFkZ2UgW2NvbG9yXT1cIml0ZW0uYmFkZ2UuY29sb3JcIiBzbG90PVwiZW5kXCI+XG4gICAgICAgICAgICAgICAge3tpdGVtLmJhZGdlLnZhbHVlfX08L2lvbi1iYWRnZT5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAaWYgKGl0ZW0ubm90aWZpY2F0aW9uICYmICFpdGVtLm5vdGlmaWNhdGlvbi5jb3VudCkge1xuICAgICAgICAgICAgICAgIDxldWltLW5vdGlmaWNhdGlvbi1pdGVtXG4gICAgICAgICAgICAgICAgICBzbG90PVwiZW5kXCJcbiAgICAgICAgICAgICAgICAgIFtldWltU3VjY2Vzc109XCJpc0NvbG9yRGlyZWN0aXZlU2hvd24oaXRlbSwgJ3N1Y2Nlc3MnKVwiXG4gICAgICAgICAgICAgICAgICBbZXVpbVdhcm5pbmddPVwiaXNDb2xvckRpcmVjdGl2ZVNob3duKGl0ZW0sICd3YXJuaW5nJylcIlxuICAgICAgICAgICAgICAgICAgW2V1aW1EYW5nZXJdPVwiaXNDb2xvckRpcmVjdGl2ZVNob3duKGl0ZW0sICdkYW5nZXInKVwiXG4gICAgICAgICAgICAgICAgICBbZXVpbUluZm9dPVwiaXNDb2xvckRpcmVjdGl2ZVNob3duKGl0ZW0sICdpbmZvJylcIlxuICAgICAgICAgICAgICAgICAgW2V1aW1QcmltYXJ5XT1cImlzQ29sb3JEaXJlY3RpdmVTaG93bihpdGVtLCAncHJpbWFyeScpXCJcbiAgICAgICAgICAgICAgICAgIFtldWltU2Vjb25kYXJ5XT1cImlzQ29sb3JEaXJlY3RpdmVTaG93bihpdGVtLCAnc2Vjb25kYXJ5JylcIlxuICAgICAgICAgICAgICAgICAgW2V1aW1BY2NlbnRdPVwiaXNDb2xvckRpcmVjdGl2ZVNob3duKGl0ZW0sICdhY2NlbnQnKVwiXG4gICAgICAgICAgICAgICAgPjwvZXVpbS1ub3RpZmljYXRpb24taXRlbT5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAaWYgKGl0ZW0ubWV0YWRhdGEpIHtcbiAgICAgICAgICAgICAgICA8aW9uLW5vdGUgY2xhc3M9XCJldWltLW1lbnVfX21ldGFkYXRhXCIgc2xvdD1cImVuZFwiPlxuICAgICAgICAgICAgICAgICAgPHAgZXVpbUxhYmVsIFtldWltU2l6ZVNdPVwidHJ1ZVwiIFtldWltRGVmYXVsdF09XCJ0cnVlXCI+e3tpdGVtLm1ldGFkYXRhfX08L3A+XG4gICAgICAgICAgICAgICAgPC9pb24tbm90ZT5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgICB9XG4gICAgICAgIDwvaW9uLW1lbnUtdG9nZ2xlPlxuICAgICAgfVxuICAgIDwvbGk+XG4gIH1cbjwvaW9uLWxpc3Q+XG4iXX0=
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { coerceBoolean } from '@eui/base';
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
3
|
import * as i1 from "../euim-multiselect.component";
|
|
6
|
-
import * as i2 from "@angular
|
|
7
|
-
import * as i3 from "
|
|
8
|
-
import * as i4 from "../../layout/euim-toolbar/euim-toolbar.component";
|
|
9
|
-
import * as i5 from "../../layout/euim-toolbar/euim-toolbar-
|
|
10
|
-
import * as i6 from "../../layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component";
|
|
4
|
+
import * as i2 from "@ionic/angular";
|
|
5
|
+
import * as i3 from "../../layout/euim-toolbar/euim-toolbar.component";
|
|
6
|
+
import * as i4 from "../../layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component";
|
|
7
|
+
import * as i5 from "../../layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component";
|
|
11
8
|
export class EuimMultiselectToolbarComponent {
|
|
12
9
|
constructor(multiselect) {
|
|
13
10
|
this.multiselect = multiselect;
|
|
@@ -24,24 +21,22 @@ export class EuimMultiselectToolbarComponent {
|
|
|
24
21
|
this.cancel.emit(true);
|
|
25
22
|
}
|
|
26
23
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: i1.EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
24
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectToolbarComponent, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i4.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i5.EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
25
|
}
|
|
29
|
-
__decorate([
|
|
30
|
-
coerceBoolean
|
|
31
|
-
], EuimMultiselectToolbarComponent.prototype, "euimCustomRender", void 0);
|
|
32
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
33
27
|
type: Component,
|
|
34
|
-
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<euim-toolbar\n
|
|
28
|
+
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n" }]
|
|
35
29
|
}], ctorParameters: () => [{ type: i1.EuimMultiselectComponent }], propDecorators: { className: [{
|
|
36
30
|
type: HostBinding,
|
|
37
31
|
args: ['class']
|
|
38
32
|
}], toolbarTitle: [{
|
|
39
33
|
type: Input
|
|
40
34
|
}], euimCustomRender: [{
|
|
41
|
-
type: Input
|
|
35
|
+
type: Input,
|
|
36
|
+
args: [{ transform: booleanAttribute }]
|
|
42
37
|
}], cancel: [{
|
|
43
38
|
type: Output
|
|
44
39
|
}], confirm: [{
|
|
45
40
|
type: Output
|
|
46
41
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1tdWx0aXNlbGVjdC10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW11bHRpc2VsZWN0L2V1aW0tbXVsdGlzZWxlY3QtdG9vbGJhci9ldWltLW11bHRpc2VsZWN0LXRvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tbXVsdGlzZWxlY3QvZXVpbS1tdWx0aXNlbGVjdC10b29sYmFyL2V1aW0tbXVsdGlzZWxlY3QtdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsZ0JBQWdCLEVBQ2hCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVN2QixNQUFNLE9BQU8sK0JBQStCO0lBWXhDLFlBQW9CLFdBQW9DO1FBQXBDLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQVhsQyxjQUFTLEdBQUcsMkJBQTJCLENBQUM7UUFLOUQscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBRWYsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFFO1FBQ3ZFLDhEQUE4RDtRQUNwRCxZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUU7SUFJaEUsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDO2lJQXRCUSwrQkFBK0I7cUhBQS9CLCtCQUErQiwySUFLcEIsZ0JBQWdCLHFJQ3ZCeEMsaXNCQXFCQTs7MkZESGEsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNJLDBCQUEwQixtQkFFbkIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs2RkFHZixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBRVYsWUFBWTtzQkFBckIsS0FBSztnQkFHTixnQkFBZ0I7c0JBRGYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHNUIsTUFBTTtzQkFBZixNQUFNO2dCQUVHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpbU11bHRpc2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi4vZXVpbS1tdWx0aXNlbGVjdC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tbXVsdGlzZWxlY3QtdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tbXVsdGlzZWxlY3QtdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbU11bHRpc2VsZWN0VG9vbGJhckNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLW11bHRpc2VsZWN0X190b29sYmFyJztcblxuICAgIEBJbnB1dCgpICB0b29sYmFyVGl0bGU6IHN0cmluZztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGV1aW1DdXN0b21SZW5kZXIgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBjYW5jZWw6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKSA7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBAT3V0cHV0KCkgY29uZmlybTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKSA7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIG11bHRpc2VsZWN0OkV1aW1NdWx0aXNlbGVjdENvbXBvbmVudCkge1xuXG4gICAgfVxuXG4gICAgb25Db25maXJtKCk6dm9pZCB7XG4gICAgICAgIHRoaXMuY29uZmlybS5lbWl0KHRoaXMubXVsdGlzZWxlY3Q/LnNlbGVjdGVkSXRlbXMoKSk7XG4gICAgfVxuXG4gICAgb25DYW5jZWxDbGljaygpOnZvaWQge1xuICAgICAgICB0aGlzLmNhbmNlbC5lbWl0KHRydWUpO1xuICAgIH1cblxufVxuIiwiQGlmICghZXVpbUN1c3RvbVJlbmRlcikge1xuICA8ZXVpbS10b29sYmFyXG4gICAgW2hhc0JhY2tCdXR0b25dPVwiZmFsc2VcIiBbaGFzU2lkZWJhclRyaWdnZXJdPVwiZmFsc2VcIiA+XG4gICAgPGlvbi1idXR0b24gKGNsaWNrKT1cIm9uQ2FuY2VsQ2xpY2soKVwiPlxuICAgICAgPGlvbi1pY29uIG5hbWU9XCJjbG9zZS1zaGFycFwiIHNsb3Q9XCJpY29uLW9ubHlcIj48L2lvbi1pY29uPlxuICAgIDwvaW9uLWJ1dHRvbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpb24tYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuICAgIDxldWltLXRvb2xiYXItdGl0bGUgY2xhc3M9XCJldWltLW11bHRpc2VsZWN0X190b29sYmFyLS10aXRsZVwiPlxuICAgICAge3t0b29sYmFyVGl0bGV9fVxuICAgIDwvZXVpbS10b29sYmFyLXRpdGxlPlxuICAgIDxldWltLXRvb2xiYXItYWN0aW9uLWl0ZW1zPlxuICAgICAgPGlvbi1idXR0b24gKGNsaWNrKT1cIm9uQ29uZmlybSgpXCI+XG4gICAgICAgIDxpb24taWNvbiBuYW1lPVwiY2hlY2ttYXJrLXNoYXJwXCIgc2xvdD1cImljb24tb25seVwiPjwvaW9uLWljb24+XG4gICAgICA8L2lvbi1idXR0b24+XG4gICAgPC9ldWltLXRvb2xiYXItYWN0aW9uLWl0ZW1zPlxuICA8L2V1aW0tdG9vbGJhcj5cbn1cbkBpZiAoZXVpbUN1c3RvbVJlbmRlcikge1xuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG59XG5cbiJdfQ==
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { coerceBoolean } from '@eui/base';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, booleanAttribute, } from '@angular/core';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular
|
|
6
|
-
import * as i2 from "@ionic/angular";
|
|
3
|
+
import * as i1 from "@ionic/angular";
|
|
7
4
|
export class EuimMultiselectComponent {
|
|
8
5
|
constructor(ref) {
|
|
9
6
|
this.ref = ref;
|
|
@@ -63,14 +60,11 @@ export class EuimMultiselectComponent {
|
|
|
63
60
|
}
|
|
64
61
|
}
|
|
65
62
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
63
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectComponent, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-base-color-grey-100)}.euim-multiselect__toolbar--title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
67
64
|
}
|
|
68
|
-
__decorate([
|
|
69
|
-
coerceBoolean
|
|
70
|
-
], EuimMultiselectComponent.prototype, "euimKeepSelection", void 0);
|
|
71
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
72
66
|
type: Component,
|
|
73
|
-
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-header>\n
|
|
67
|
+
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-base-color-grey-100)}.euim-multiselect__toolbar--title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}\n"] }]
|
|
74
68
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
75
69
|
type: HostBinding,
|
|
76
70
|
args: ['class']
|
|
@@ -79,6 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
79
73
|
}], toolbarTitle: [{
|
|
80
74
|
type: Input
|
|
81
75
|
}], euimKeepSelection: [{
|
|
82
|
-
type: Input
|
|
76
|
+
type: Input,
|
|
77
|
+
args: [{ transform: booleanAttribute }]
|
|
83
78
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1tdWx0aXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1tdWx0aXNlbGVjdC9ldWltLW11bHRpc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW11bHRpc2VsZWN0L2V1aW0tbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsRUFBNEIsZ0JBQWdCLEdBQ2hFLE1BQU0sZUFBZSxDQUFDOzs7QUFZdkIsTUFBTSxPQUFPLHdCQUF3QjtJQWdCakMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFkcEIsY0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBUXJELHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUkxQixxQkFBZ0IsR0FBRyxDQUFDLENBQUU7SUFHdEIsQ0FBQztJQUVELFFBQVE7UUFFSixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUN4QixJQUFJLENBQUMsbUJBQW1CO2dCQUNwQixDQUFDLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQzlDLENBQUMsRUFBRSxHQUFHLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUN6QztRQUVELElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7SUFDeEQsQ0FBQztJQUVELGNBQWM7UUFDVixJQUFJLENBQUMsbUJBQW1CO1lBQ3BCLENBQUMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUU5RSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUUxQixDQUFDO0lBRUQsZ0JBQWdCO1FBQ1osSUFBSSxDQUFDLG1CQUFtQjtZQUNwQixDQUFDLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0UsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQjtRQUNkLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDMUUsQ0FBQztJQUVELDhEQUE4RDtJQUM5RCxhQUFhO1FBQ1QsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDeEIsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CO2dCQUNuRCxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7aUJBQzlCLEdBQUcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRXJDLE9BQU8sc0JBQXNCLENBQUM7U0FDakM7YUFBTTtZQUNILE9BQU8sSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNsRTtJQUVMLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYSxFQUFFLEtBQUssR0FBRyxJQUFJO1FBQ3JDLElBQUksS0FBSyxHQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxNQUFNLEVBQUU7WUFDM0MsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDcEQ7SUFDTCxDQUFDO0lBRUQscUJBQXFCO1FBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxtQkFBbUI7WUFDM0IsT0FBTyxDQUFDLG1CQUFtQixDQUFDLFlBQVk7ZUFDckMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLGFBQWEsS0FBSyxJQUFJLEVBQUU7WUFFdkQsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxtQkFBbUI7b0JBQ3BCLENBQUMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDOUMsQ0FBQyxFQUFFLEdBQUcsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQ3pDO1lBRUQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLENBQUM7U0FDdkU7SUFDTCxDQUFDO2lJQXJGUSx3QkFBd0I7cUhBQXhCLHdCQUF3QixrTEFTYixnQkFBZ0IsdUdDM0J4QyxraUJBcUJBOzsyRkRIYSx3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7c0ZBS2YsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQUtWLG1CQUFtQjtzQkFBNUIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixLQUFLO2dCQUVOLGlCQUFpQjtzQkFEaEIsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LCBPbkluaXQsIE91dHB1dCwgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbiwgU2ltcGxlQ2hhbmdlcywgT25DaGFuZ2VzLCBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLW11bHRpc2VsZWN0JyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1tdWx0aXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltTXVsdGlzZWxlY3RDb21wb25lbnRcbiAgICBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgT25DaGFuZ2VzIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tbXVsdGlzZWxlY3QnO1xuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBpbml0aWFsRGF0YVByb3ZpZGVyOiBhbnlbXSA7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBASW5wdXQoKSAgY3VycmVudERhdGFQcm92aWRlcjogYW55W107XG4gICAgQElucHV0KCkgIHRvb2xiYXJUaXRsZTogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGV1aW1LZWVwU2VsZWN0aW9uID0gZmFsc2U7XG5cbiAgICBzZWxlY3RBbGw6IGJvb2xlYW47XG4gICAgaW5kZXRlcm1pbmF0ZTogYm9vbGVhbjtcbiAgICBudW1iZXJPZlNlbGVjdGVkID0gMCA7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCAoKTp2b2lkIHtcblxuICAgICAgICBpZiAodGhpcy5ldWltS2VlcFNlbGVjdGlvbikge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50RGF0YVByb3ZpZGVyID1cbiAgICAgICAgICAgICAgICBbLi4udGhpcy5jdXJyZW50RGF0YVByb3ZpZGVyXT8ubWFwKChvYmosIGluZGV4KSA9PlxuICAgICAgICAgICAgICAgICAgICAoeyAuLi5vYmosIF9pZDogaW5kZXggKyAxIH0pKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaW5pdGlhbERhdGFQcm92aWRlciA9IHRoaXMuY3VycmVudERhdGFQcm92aWRlcjtcbiAgICB9XG5cbiAgICBzZWxlY3RBbGxJdGVtcygpOnZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnREYXRhUHJvdmlkZXIgPVxuICAgICAgICAgICAgWy4uLnRoaXMuY3VycmVudERhdGFQcm92aWRlcl0/Lm1hcChpdGVtID0+ICh7IC4uLml0ZW0sIHNlbGVjdGVkOiB0cnVlIH0pKTtcblxuICAgICAgICB0aGlzLnNlbGVjdEFsbCA9IHRydWU7XG5cbiAgICB9XG5cbiAgICBkZXNlbGVjdEFsbEl0ZW1zKCk6dm9pZCB7XG4gICAgICAgIHRoaXMuY3VycmVudERhdGFQcm92aWRlciA9XG4gICAgICAgICAgICBbLi4udGhpcy5jdXJyZW50RGF0YVByb3ZpZGVyXT8ubWFwKGl0ZW0gPT4gKHsgLi4uaXRlbSwgc2VsZWN0ZWQ6IGZhbHNlIH0pKTtcbiAgICAgICAgdGhpcy5zZWxlY3RBbGwgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBjb3VudFNlbGVjdGVkSXRlbXMoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY3VycmVudERhdGFQcm92aWRlcj8uZmlsdGVyKGl0ZW0gPT4gaXRlbS5zZWxlY3RlZCkubGVuZ3RoO1xuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgc2VsZWN0ZWRJdGVtcygpOiBhbnlbXSB7XG4gICAgICAgIGlmICh0aGlzLmV1aW1LZWVwU2VsZWN0aW9uKSB7XG4gICAgICAgICAgICBjb25zdCBmaWx0ZXJlZEl0ZW1zV2l0aG91dElkID0gdGhpcy5jdXJyZW50RGF0YVByb3ZpZGVyXG4gICAgICAgICAgICAgICAgPy5maWx0ZXIoaXRlbSA9PiBpdGVtLnNlbGVjdGVkKVxuICAgICAgICAgICAgICAgIC5tYXAoKHsgX2lkLCAuLi5yZXN0IH0pID0+IHJlc3QpO1xuXG4gICAgICAgICAgICByZXR1cm4gZmlsdGVyZWRJdGVtc1dpdGhvdXRJZDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmN1cnJlbnREYXRhUHJvdmlkZXI/LmZpbHRlcihpdGVtID0+IGl0ZW0uc2VsZWN0ZWQpO1xuICAgICAgICB9XG5cbiAgICB9XG5cbiAgICBzZWxlY3RCeUluZGV4KGluZGV4OiBudW1iZXIsIHN0YXRlID0gdHJ1ZSk6IHZvaWR7XG4gICAgICAgIGlmIChpbmRleCA8ICB0aGlzLmN1cnJlbnREYXRhUHJvdmlkZXI/Lmxlbmd0aCkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50RGF0YVByb3ZpZGVyW2luZGV4XS5zZWxlY3RlZCA9IHN0YXRlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcy5jdXJyZW50RGF0YVByb3ZpZGVyICYmXG4gICAgICAgICAgICBjaGFuZ2VzLmN1cnJlbnREYXRhUHJvdmlkZXIuY3VycmVudFZhbHVlXG4gICAgICAgICAgICAmJiBjaGFuZ2VzLmN1cnJlbnREYXRhUHJvdmlkZXIucHJldmlvdXNWYWx1ZSA9PT0gbnVsbCkge1xuXG4gICAgICAgICAgICBpZiAodGhpcy5ldWltS2VlcFNlbGVjdGlvbikge1xuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudERhdGFQcm92aWRlciA9XG4gICAgICAgICAgICAgICAgICAgIFsuLi50aGlzLmN1cnJlbnREYXRhUHJvdmlkZXJdPy5tYXAoKG9iaiwgaW5kZXgpID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAoeyAuLi5vYmosIF9pZDogaW5kZXggKyAxIH0pKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5pbml0aWFsRGF0YVByb3ZpZGVyID0gY2hhbmdlcy5jdXJyZW50RGF0YVByb3ZpZGVyLmN1cnJlbnRWYWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxpb24taGVhZGVyPlxuICA8aW9uLXRvb2xiYXIgY29sb3I9XCJsaWdodFwiIGNsYXNzPVwiZXVpbS1tdWx0aXNlbGVjdF9fdG9vbGJhclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tbXVsdGlzZWxlY3QtdG9vbGJhclwiPjwvbmctY29udGVudD5cbiAgICA8aW9uLXRvb2xiYXIgY29sb3I9XCJsaWdodFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpbS1tdWx0aXNlbGVjdC1maWx0ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9pb24tdG9vbGJhcj5cbiAgPC9pb24tdG9vbGJhcj5cbjwvaW9uLWhlYWRlcj5cblxuQGlmIChjdXJyZW50RGF0YVByb3ZpZGVyPy5sZW5ndGggPiAwKSB7XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tbXVsdGlzZWxlY3QtbGlzdFwiPlxuICA8L25nLWNvbnRlbnQ+XG59XG5cbkBpZiAoY3VycmVudERhdGFQcm92aWRlcj8ubGVuZ3RoID09PSAwKSB7XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlclwiPlxuICA8L25nLWNvbnRlbnQ+XG59XG5cblxuXG4iXX0=
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@ionic/angular";
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "../euim-spinner/euim-spinner.component";
|
|
8
|
-
import * as i6 from "../euim-spinner/euim-spinner-message/euim-spinner-message.component";
|
|
4
|
+
import * as i2 from "ng2-pdf-viewer";
|
|
5
|
+
import * as i3 from "@meddv/ngx-pinch-zoom";
|
|
6
|
+
import * as i4 from "../euim-spinner/euim-spinner.component";
|
|
7
|
+
import * as i5 from "../euim-spinner/euim-spinner-message/euim-spinner-message.component";
|
|
9
8
|
export class EuimPdfWrapperComponent {
|
|
10
9
|
constructor(alertService) {
|
|
11
10
|
this.alertService = alertService;
|
|
@@ -74,14 +73,14 @@ export class EuimPdfWrapperComponent {
|
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
75
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperComponent, deps: [{ token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
76
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimPdfWrapperComponent, selector: "euim-pdf-wrapper", inputs: { url: "url", page: "page" }, ngImport: i0, template: "<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n\n\n<pinch-zoom>\n <div style=\"display: block;width: 500px; height: 500px\">\n <pdf-viewer [src]=\"url\"\n [zoom]=\"zoom\"\n [original-size]=\"true\"\n [autoresize]=\"false\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [page]=\"page\"\n style=\"width: 100%; height: 100%\"></pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"pdf-preview-modal__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"pdf-preview-modal__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\">\n ZOOM\n </ion-button>\n <ion-button (click)=\"onZoomIn()\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\">\n Prev\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\">\n Next\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [""], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i3.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "wheelZoomFactor", "draggableImage"], exportAs: ["pinchZoom"] }, { kind: "component", type: i4.EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: i5.EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
78
77
|
}
|
|
79
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperComponent, decorators: [{
|
|
80
79
|
type: Component,
|
|
81
|
-
args: [{ selector: 'euim-pdf-wrapper', encapsulation: ViewEncapsulation.None, template: "<div>\n <euim-spinner
|
|
80
|
+
args: [{ selector: 'euim-pdf-wrapper', encapsulation: ViewEncapsulation.None, template: "<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n\n\n<pinch-zoom>\n <div style=\"display: block;width: 500px; height: 500px\">\n <pdf-viewer [src]=\"url\"\n [zoom]=\"zoom\"\n [original-size]=\"true\"\n [autoresize]=\"false\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [page]=\"page\"\n style=\"width: 100%; height: 100%\"></pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"pdf-preview-modal__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"pdf-preview-modal__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\">\n ZOOM\n </ion-button>\n <ion-button (click)=\"onZoomIn()\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\">\n Prev\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\">\n Next\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n" }]
|
|
82
81
|
}], ctorParameters: () => [{ type: i1.AlertController }], propDecorators: { url: [{
|
|
83
82
|
type: Input
|
|
84
83
|
}], page: [{
|
|
85
84
|
type: Input
|
|
86
85
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1wZGYtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1wZGYtd3JhcHBlci9ldWltLXBkZi13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXBkZi13cmFwcGVyL2V1aW0tcGRmLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFXcEUsTUFBTSxPQUFPLHVCQUF1QjtJQVVoQyxZQUFvQixZQUE2QjtRQUE3QixpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFSeEMsU0FBSSxHQUFJLENBQUMsQ0FBQztRQUVuQixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ1QsWUFBTyxHQUFHLElBQUksQ0FBQztRQUNmLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBTWQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2dCQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxFQUFFLE1BQU0sRUFBRSwwQkFBMEIsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDM0U7UUFDTCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDZCxDQUFDO0lBRUQsUUFBUSxDQUFDLEdBQXFCO1FBQzFCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxZQUFZLEdBQUcsMkJBQTJCLENBQUM7SUFDcEQsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQzNCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUMvQixJQUFJLEVBQUUsaUJBQWlCO2FBQzFCLENBQUMsQ0FBQztZQUVILHlCQUF5QjtZQUN6QixNQUFNLFlBQVksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2pELFlBQVksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDckQsMENBQTBDO1lBRTFDLDhCQUE4QjtZQUM5QixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUV4QywrQ0FBK0M7WUFDL0MsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBRXJCLCtCQUErQjtZQUMvQixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM1QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUM7SUFDbEIsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUM7U0FDcEI7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7SUFFRCwyQkFBMkI7SUFDM0Isc0NBQXNDO0lBQ3RDLElBQUk7SUFFSixRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFO1lBQy9CLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNmO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2Y7SUFDTCxDQUFDO2lJQXBGUSx1QkFBdUI7cUhBQXZCLHVCQUF1Qiw4RkNYcEMscWlEQXVEQTs7MkZENUNhLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDSSxrQkFBa0IsaUJBSWIsaUJBQWlCLENBQUMsSUFBSTtvRkFHNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQREZEb2N1bWVudFByb3h5IH0gZnJvbSAnbmcyLXBkZi12aWV3ZXInO1xuaW1wb3J0IHsgQWxlcnRDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tcGRmLXdyYXBwZXInLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLXBkZi13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcblxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1QZGZXcmFwcGVyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB1cmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBwYWdlICA9IDE7XG5cbiAgICB6b29tID0gMTtcbiAgICBsb2FkaW5nID0gdHJ1ZTtcbiAgICBlcnJvck1lc3NhZ2UgPSAnJztcbiAgICBwZGY6IFBERkRvY3VtZW50UHJveHk7XG4gICAgcHJpdmF0ZSBzaG93RGVmYXVsdEVycm9yOiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBhbGVydFNlcnZpY2U6IEFsZXJ0Q29udHJvbGxlcikge1xuXG4gICAgICAgIHRoaXMuc2hvd0RlZmF1bHRFcnJvciA9IHRydWU7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuc2hvd0RlZmF1bHRFcnJvcikge1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLmNyZWF0ZSh7IGhlYWRlcjogJ1BERiBjb3VsZCBub3QgYmUgbG9hZGVkLicgfSkudGhlbigpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LCAxNTAwMCk7XG4gICAgfVxuXG4gICAgb25Mb2FkZWQocGRmOiBQREZEb2N1bWVudFByb3h5KTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2hvd0RlZmF1bHRFcnJvciA9IGZhbHNlO1xuICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5wZGYgPSBwZGY7XG4gICAgfVxuXG4gICAgb25FcnJvcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zaG93RGVmYXVsdEVycm9yID0gZmFsc2U7XG4gICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9ICdGaWxlIGNvdWxkIG5vdCBiZSBsb2FkZWQuJztcbiAgICB9XG5cbiAgICBvbkRvd25sb2FkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnBkZi5nZXREYXRhKCkudGhlbigodTgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGJsb2IgPSBuZXcgQmxvYihbdTguYnVmZmVyXSwge1xuICAgICAgICAgICAgICAgIHR5cGU6ICdhcHBsaWNhdGlvbi9wZGYnLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIC8vIENyZWF0ZSBhIGRvd25sb2FkIGxpbmtcbiAgICAgICAgICAgIGNvbnN0IGRvd25sb2FkTGluayA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTtcbiAgICAgICAgICAgIGRvd25sb2FkTGluay5ocmVmID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoYmxvYik7XG4gICAgICAgICAgICAvLyBkdG0gZG93bmxvYWRMaW5rLmRvd25sb2FkID0gdGhpcy50aXRsZTtcblxuICAgICAgICAgICAgLy8gQXBwZW5kIHRoZSBsaW5rIHRvIHRoZSBib2R5XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGRvd25sb2FkTGluayk7XG5cbiAgICAgICAgICAgIC8vIFByb2dyYW1tYXRpY2FsbHkgdHJpZ2dlciBhIGNsaWNrIG9uIHRoZSBsaW5rXG4gICAgICAgICAgICBkb3dubG9hZExpbmsuY2xpY2soKTtcblxuICAgICAgICAgICAgLy8gUmVtb3ZlIHRoZSBsaW5rIGZyb20gdGhlIERPTVxuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChkb3dubG9hZExpbmspO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvblpvb21JbigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy56b29tICs9IDAuNTtcbiAgICAgICAgdGhpcy5wYWdlID0gMjtcbiAgICB9XG5cbiAgICBvblpvb21PdXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnpvb20gPiAxKSB7XG4gICAgICAgICAgICB0aGlzLnpvb20gLT0gMC41O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25SZXNldFpvb20oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuem9vbSA9IDE7XG4gICAgfVxuXG4gICAgLy8gYXN5bmMgb25EaXNtaXNzTW9kYWwoKSB7XG4gICAgLy8gICAgIGF3YWl0IHRoaXMubW9kYWxDdHJsLmRpc21pc3MoKTtcbiAgICAvLyB9XG5cbiAgICBuZXh0UGFnZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMucGFnZSA8IHRoaXMucGRmLm51bVBhZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLnBhZ2UrKztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByZXZQYWdlKCk6dm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnBhZ2UgPiAxKSB7XG4gICAgICAgICAgICB0aGlzLnBhZ2UtLTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXY+XG4gIEBpZiAobG9hZGluZykge1xuICAgIDxldWltLXNwaW5uZXI+XG4gICAgICA8ZGl2IGV1aW1TcGlubmVyTWVzc2FnZT5Mb2FkaW5nIFBERi4uLjwvZGl2PlxuICAgIDwvZXVpbS1zcGlubmVyPlxuICB9XG4gIEBpZiAoZXJyb3JNZXNzYWdlKSB7XG4gICAgPGRpdj57e2Vycm9yTWVzc2FnZX19PC9kaXY+XG4gIH1cbjwvZGl2PlxuXG5cbjxwaW5jaC16b29tPlxuICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogYmxvY2s7d2lkdGg6IDUwMHB4OyBoZWlnaHQ6IDUwMHB4XCI+XG4gICAgPHBkZi12aWV3ZXIgW3NyY109XCJ1cmxcIlxuICAgICAgW3pvb21dPVwiem9vbVwiXG4gICAgICBbb3JpZ2luYWwtc2l6ZV09XCJ0cnVlXCJcbiAgICAgIFthdXRvcmVzaXplXT1cImZhbHNlXCJcbiAgICAgIChhZnRlci1sb2FkLWNvbXBsZXRlKT1cIm9uTG9hZGVkKCRldmVudClcIlxuICAgICAgKGVycm9yKT1cIm9uRXJyb3IoKVwiXG4gICAgICBbcGFnZV09XCJwYWdlXCJcbiAgICBzdHlsZT1cIndpZHRoOiAxMDAlOyBoZWlnaHQ6IDEwMCVcIj48L3BkZi12aWV3ZXI+XG4gIDwvZGl2PlxuPC9waW5jaC16b29tPlxuXG48aW9uLWZvb3Rlcj5cbiAgPGlvbi10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwicGRmLXByZXZpZXctbW9kYWxfX2Zvb3RlclwiPlxuICAgIDxpb24tYnV0dG9ucyBzbG90PVwic3RhcnRcIj5cbiAgICAgIDxpb24tYnV0dG9uIChjbGljayk9XCJvbkRvd25sb2FkKClcIiBbZGlzYWJsZWRdPVwiIXBkZlwiPlxuICAgICAgICA8aW9uLWljb24gbmFtZT1cImRvd25sb2FkLW91dGxpbmVcIiBzbG90PVwiaWNvbi1vbmx5XCI+PC9pb24taWNvbj5cbiAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICA8L2lvbi1idXR0b25zPlxuICAgIDxpb24tYnV0dG9ucyBjbGFzcz1cInBkZi1wcmV2aWV3LW1vZGFsX19mb290ZXItem9vbS1jb250YWluZXJcIj5cbiAgICAgIDxpb24tYnV0dG9uIChjbGljayk9XCJvblpvb21PdXQoKVwiIFtkaXNhYmxlZF09XCJ6b29tID09PSAxXCI+XG4gICAgICAgIDxpb24taWNvbiBuYW1lPVwicmVtb3ZlLWNpcmNsZS1vdXRsaW5lXCIgc2xvdD1cImljb24tb25seVwiPjwvaW9uLWljb24+XG4gICAgICA8L2lvbi1idXR0b24+XG4gICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwib25SZXNldFpvb20oKVwiPlxuICAgICAgICBaT09NXG4gICAgICA8L2lvbi1idXR0b24+XG4gICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwib25ab29tSW4oKVwiPlxuICAgICAgICA8aW9uLWljb24gbmFtZT1cImFkZC1jaXJjbGUtb3V0bGluZVwiIHNsb3Q9XCJpY29uLW9ubHlcIj48L2lvbi1pY29uPlxuICAgICAgPC9pb24tYnV0dG9uPlxuXG5cbiAgICAgIDxpb24tYnV0dG9uIChjbGljayk9XCJwcmV2UGFnZSgpXCI+XG4gICAgICAgIFByZXZcbiAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgIHt7cGFnZX19XG4gICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwibmV4dFBhZ2UoKVwiPlxuICAgICAgICBOZXh0XG4gICAgICA8L2lvbi1idXR0b24+XG5cbiAgICA8L2lvbi1idXR0b25zPlxuICA8L2lvbi10b29sYmFyPlxuPC9pb24tZm9vdGVyPlxuIl19
|
|
@@ -28,15 +28,15 @@ export class EuimSkeletonListComponent {
|
|
|
28
28
|
return Array.from({ length: this.items });
|
|
29
29
|
}
|
|
30
30
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
31
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSkeletonListComponent, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n", dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i2.EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
35
|
+
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n" }]
|
|
36
36
|
}], propDecorators: { items: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], skeletonListItem: [{
|
|
39
39
|
type: ContentChild,
|
|
40
40
|
args: [EuimSkeletonListItemComponent]
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNrZWxldG9uLWxpc3QvZXVpbS1za2VsZXRvbi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNrZWxldG9uLWxpc3QvZXVpbS1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBb0IsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFRM0UsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU1XLFVBQUssR0FBRyxDQUFDLENBQUM7UUFJbkIsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDcEIsdUJBQWtCLEdBQXVCLEVBQUUsQ0FBQztLQXNCN0M7SUFwQkMsa0JBQWtCO1FBRWQsSUFBSSxDQUFDLFlBQVksR0FBRyw2QkFBNkIsQ0FBQztRQUNsRCxJQUFJLENBQUMsa0JBQWtCLEdBQUc7WUFDdEIsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTO1lBQzNDLFFBQVEsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsUUFBUTtZQUN6QyxXQUFXLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFdBQVc7WUFDL0MsV0FBVyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxXQUFXO1lBQy9DLFVBQVUsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsVUFBVTtZQUM3QyxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVM7WUFDM0MsVUFBVSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxVQUFVO1lBQzdDLFVBQVUsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsVUFBVTtZQUM3QyxhQUFhLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLGFBQWE7WUFDbkQsYUFBYSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxhQUFhO1NBQ3RELENBQUE7SUFDTCxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7aUlBM0JVLHlCQUF5QjtxSEFBekIseUJBQXlCLG9JQUd0Qiw2QkFBNkIsZ0RDWjdDLCtRQVNBOzsyRkRBYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFFdUMsZ0JBQWdCO3NCQUE1RCxZQUFZO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENvbnRlbnRDaGlsZCwgQWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1Ta2VsZXRvbkxpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vZXVpbS1za2VsZXRvbi1saXN0LWl0ZW0nO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXVpbS1za2VsZXRvbi1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tc2tlbGV0b24tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltU2tlbGV0b25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpIGl0ZW1zID0gMztcblxuICBAQ29udGVudENoaWxkKEV1aW1Ta2VsZXRvbkxpc3RJdGVtQ29tcG9uZW50KSBza2VsZXRvbkxpc3RJdGVtOiBFdWltU2tlbGV0b25MaXN0SXRlbUNvbXBvbmVudDtcblxuICBza2VsZXRvbkl0ZW0gPSBudWxsO1xuICBza2VsZXRvbkl0ZW1JbnB1dHM6IFNrZWxldG9uSXRlbUlucHV0cyA9IHt9O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcblxuICAgICAgdGhpcy5za2VsZXRvbkl0ZW0gPSBFdWltU2tlbGV0b25MaXN0SXRlbUNvbXBvbmVudDtcbiAgICAgIHRoaXMuc2tlbGV0b25JdGVtSW5wdXRzID0ge1xuICAgICAgICAgIGhhc0F2YXRhcjogdGhpcy5za2VsZXRvbkxpc3RJdGVtPy5oYXNBdmF0YXIsXG4gICAgICAgICAgaGFzVGl0bGU6IHRoaXMuc2tlbGV0b25MaXN0SXRlbT8uaGFzVGl0bGUsXG4gICAgICAgICAgaGFzU3VidGl0bGU6IHRoaXMuc2tlbGV0b25MaXN0SXRlbT8uaGFzU3VidGl0bGUsXG4gICAgICAgICAgaGFzTWV0YUxpbmU6IHRoaXMuc2tlbGV0b25MaXN0SXRlbT8uaGFzTWV0YUxpbmUsXG4gICAgICAgICAgaXNBbmltYXRlZDogdGhpcy5za2VsZXRvbkxpc3RJdGVtPy5pc0FuaW1hdGVkLFxuICAgICAgICAgIHNlcGFyYXRvcjogdGhpcy5za2VsZXRvbkxpc3RJdGVtPy5zZXBhcmF0b3IsXG4gICAgICAgICAgYXZhdGFyVHlwZTogdGhpcy5za2VsZXRvbkxpc3RJdGVtPy5hdmF0YXJUeXBlLFxuICAgICAgICAgIHRpdGxlV2lkdGg6IHRoaXMuc2tlbGV0b25MaXN0SXRlbT8udGl0bGVXaWR0aCxcbiAgICAgICAgICBzdWJUaXRsZVdpZHRoOiB0aGlzLnNrZWxldG9uTGlzdEl0ZW0/LnN1YlRpdGxlV2lkdGgsXG4gICAgICAgICAgbWV0YUxpbmVXaWR0aDogdGhpcy5za2VsZXRvbkxpc3RJdGVtPy5tZXRhTGluZVdpZHRoLFxuICAgICAgfVxuICB9XG5cbiAgZ2V0IGl0ZW1zQXJyYXkoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHsgbGVuZ3RoOiB0aGlzLml0ZW1zIH0pO1xuICB9XG59XG5cbnR5cGUgU2tlbGV0b25JdGVtSW5wdXRzID0ge1xuICAgIGhhc0F2YXRhcj86IEJvb2xlYW5JbnB1dCxcbiAgICBoYXNUaXRsZT86IEJvb2xlYW5JbnB1dCxcbiAgICBoYXNTdWJ0aXRsZT86IEJvb2xlYW5JbnB1dCxcbiAgICBoYXNNZXRhTGluZT86IEJvb2xlYW5JbnB1dCxcbiAgICBpc0FuaW1hdGVkPzogQm9vbGVhbklucHV0LFxuICAgIGF2YXRhclR5cGU/OiBzdHJpbmcsXG4gICAgc2VwYXJhdG9yPzogc3RyaW5nLFxuICAgIHRpdGxlV2lkdGg/OiBzdHJpbmcsXG4gICAgc3ViVGl0bGVXaWR0aD86IHN0cmluZyxcbiAgICBtZXRhTGluZVdpZHRoPzogc3RyaW5nXG59XG5cbiIsIkBmb3IgKGl0ZW0gb2YgaXRlbXNBcnJheTsgdHJhY2sgaXRlbSkge1xuICBAaWYgKCFza2VsZXRvbkxpc3RJdGVtKSB7XG4gICAgPGV1aW0tc2tlbGV0b24tbGlzdC1pdGVtPjwvZXVpbS1za2VsZXRvbi1saXN0LWl0ZW0+XG4gIH1cbiAgQGlmIChza2VsZXRvbkxpc3RJdGVtKSB7XG4gICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJza2VsZXRvbkl0ZW07IGlucHV0czogc2tlbGV0b25JdGVtSW5wdXRzXCI+PC9uZy1jb250YWluZXI+XG4gIH1cbn1cblxuIl19
|
package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { coerceBoolean } from '@eui/base';
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
4
2
|
import { BaseStatesDirective } from '../base-states.directive';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
4
|
import * as i1 from "../base-states.directive";
|
|
7
|
-
import * as i2 from "@angular
|
|
8
|
-
import * as i3 from "@ionic/angular";
|
|
5
|
+
import * as i2 from "@ionic/angular";
|
|
9
6
|
export class EuimSkeletonListItemComponent {
|
|
10
7
|
get cssClasses() {
|
|
11
8
|
return this.getCssClasses();
|
|
@@ -30,23 +27,8 @@ export class EuimSkeletonListItemComponent {
|
|
|
30
27
|
.trim();
|
|
31
28
|
}
|
|
32
29
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
30
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-base-spacing-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i2.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
31
|
}
|
|
35
|
-
__decorate([
|
|
36
|
-
coerceBoolean
|
|
37
|
-
], EuimSkeletonListItemComponent.prototype, "hasAvatar", void 0);
|
|
38
|
-
__decorate([
|
|
39
|
-
coerceBoolean
|
|
40
|
-
], EuimSkeletonListItemComponent.prototype, "hasTitle", void 0);
|
|
41
|
-
__decorate([
|
|
42
|
-
coerceBoolean
|
|
43
|
-
], EuimSkeletonListItemComponent.prototype, "hasSubtitle", void 0);
|
|
44
|
-
__decorate([
|
|
45
|
-
coerceBoolean
|
|
46
|
-
], EuimSkeletonListItemComponent.prototype, "hasMetaLine", void 0);
|
|
47
|
-
__decorate([
|
|
48
|
-
coerceBoolean
|
|
49
|
-
], EuimSkeletonListItemComponent.prototype, "isAnimated", void 0);
|
|
50
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
51
33
|
type: Component,
|
|
52
34
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
@@ -57,20 +39,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
57
39
|
'euimSizeL',
|
|
58
40
|
],
|
|
59
41
|
},
|
|
60
|
-
], template: "<ion-item button [lines]=\"separator\">\n <ion-thumbnail
|
|
42
|
+
], template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-base-spacing-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"] }]
|
|
61
43
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
62
44
|
type: HostBinding,
|
|
63
45
|
args: ['class']
|
|
64
46
|
}], hasAvatar: [{
|
|
65
|
-
type: Input
|
|
47
|
+
type: Input,
|
|
48
|
+
args: [{ transform: booleanAttribute }]
|
|
66
49
|
}], hasTitle: [{
|
|
67
|
-
type: Input
|
|
50
|
+
type: Input,
|
|
51
|
+
args: [{ transform: booleanAttribute }]
|
|
68
52
|
}], hasSubtitle: [{
|
|
69
|
-
type: Input
|
|
53
|
+
type: Input,
|
|
54
|
+
args: [{ transform: booleanAttribute }]
|
|
70
55
|
}], hasMetaLine: [{
|
|
71
|
-
type: Input
|
|
56
|
+
type: Input,
|
|
57
|
+
args: [{ transform: booleanAttribute }]
|
|
72
58
|
}], isAnimated: [{
|
|
73
|
-
type: Input
|
|
59
|
+
type: Input,
|
|
60
|
+
args: [{ transform: booleanAttribute }]
|
|
74
61
|
}], avatarType: [{
|
|
75
62
|
type: Input
|
|
76
63
|
}], separator: [{
|
|
@@ -82,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
82
69
|
}], metaLineWidth: [{
|
|
83
70
|
type: Input
|
|
84
71
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1za2VsZXRvbi1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tc2tlbGV0b24tbGlzdC1pdGVtL2V1aW0tc2tlbGV0b24tbGlzdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNrZWxldG9uLWxpc3QtaXRlbS9ldWltLXNrZWxldG9uLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsZ0JBQWdCLEVBQ2hCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFpQi9ELE1BQU0sT0FBTyw2QkFBNkI7SUFDdEMsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFnQkQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFkM0QsY0FBUyxHQUFHLElBQUksQ0FBQztRQUVqQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWhCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBRW5CLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBRW5CLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFHVCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO0lBQytCLENBQUM7SUFFdkQsYUFBYTtRQUNqQixPQUFPO1lBQ0gsSUFBSSxDQUFDLFVBQVUsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLDRCQUE0QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUc7WUFDakYsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQztTQUNwRTthQUNJLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO2lJQTdCUSw2QkFBNkI7cUhBQTdCLDZCQUE2Qix1RkFLbEIsZ0JBQWdCLHNDQUVoQixnQkFBZ0IsK0NBRWhCLGdCQUFnQiwrQ0FFaEIsZ0JBQWdCLDRDQUVoQixnQkFBZ0IsMFZDeEN4QyxtckJBcUJBOzsyRkRNYSw2QkFBNkI7a0JBaEJ6QyxTQUFTOytCQUNJLHlCQUF5QixpQkFHcEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLGFBQWE7Z0NBQ2IsV0FBVzs2QkFDZDt5QkFDSjtxQkFDSjt3RkFJVSxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBS3BCLFNBQVM7c0JBRFIsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHdEMsUUFBUTtzQkFEUCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUd0QyxXQUFXO3NCQURWLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBR3RDLFdBQVc7c0JBRFYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHdEMsVUFBVTtzQkFEVCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU3QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICcuLi9iYXNlLXN0YXRlcy5kaXJlY3RpdmUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLXNrZWxldG9uLWxpc3QtaXRlbScsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tc2tlbGV0b24tbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWltU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aW1TaXplTCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1Ta2VsZXRvbkxpc3RJdGVtQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBoYXNBdmF0YXIgPSB0cnVlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGhhc1RpdGxlID0gdHJ1ZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBoYXNTdWJ0aXRsZSA9IHRydWU7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgaGFzTWV0YUxpbmUgPSB0cnVlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGlzQW5pbWF0ZWQgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGF2YXRhclR5cGU6ICdkZWZhdWx0JyB8ICdzcXVhcmUnO1xuICAgIEBJbnB1dCgpIHNlcGFyYXRvcjogJ25vbmUnIHwgJ2Z1bGwnIHwgJ2luc2V0JztcbiAgICBASW5wdXQoKSB0aXRsZVdpZHRoID0gJzgwJSc7XG4gICAgQElucHV0KCkgc3ViVGl0bGVXaWR0aCA9ICc2MCUnO1xuICAgIEBJbnB1dCgpIG1ldGFMaW5lV2lkdGggPSAnNDAlJztcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSkge31cblxuICAgIHByaXZhdGUgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5hdmF0YXJUeXBlID09ICdzcXVhcmUnID8gYGV1aW0tc2tlbGV0b24tbGlzdC1pdGVtLS0ke3RoaXMuYXZhdGFyVHlwZX1gIDogJyAnLFxuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tc2tlbGV0b24tbGlzdC1pdGVtJyksXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxufVxuIiwiPGlvbi1pdGVtIGJ1dHRvbiBbbGluZXNdPVwic2VwYXJhdG9yXCI+XG4gIEBpZiAoaGFzQXZhdGFyKSB7XG4gICAgPGlvbi10aHVtYm5haWwgc2xvdD1cInN0YXJ0XCI+XG4gICAgICA8aW9uLXNrZWxldG9uLXRleHQgW2FuaW1hdGVkXT1cInRydWVcIj48L2lvbi1za2VsZXRvbi10ZXh0PlxuICAgIDwvaW9uLXRodW1ibmFpbD5cbiAgfVxuICA8aW9uLWxhYmVsPlxuICAgIEBpZiAoaGFzVGl0bGUpIHtcbiAgICAgIDxpb24tc2tlbGV0b24tdGV4dCBbYW5pbWF0ZWRdPVwiaXNBbmltYXRlZFwiXG4gICAgICBbc3R5bGUud2lkdGhdPVwidGl0bGVXaWR0aCB8fCAnODAlJ1wiPjwvaW9uLXNrZWxldG9uLXRleHQ+XG4gICAgfVxuICAgIEBpZiAoaGFzU3VidGl0bGUpIHtcbiAgICAgIDxpb24tc2tlbGV0b24tdGV4dCBbYW5pbWF0ZWRdPVwiaXNBbmltYXRlZFwiXG4gICAgICBbc3R5bGUud2lkdGhdPVwic3ViVGl0bGVXaWR0aCB8fCAnNjAlJ1wiPjwvaW9uLXNrZWxldG9uLXRleHQ+XG4gICAgfVxuICAgIEBpZiAoaGFzTWV0YUxpbmUpIHtcbiAgICAgIDxpb24tc2tlbGV0b24tdGV4dCBbYW5pbWF0ZWRdPVwiaXNBbmltYXRlZFwiXG4gICAgICBbc3R5bGUud2lkdGhdPVwibWV0YUxpbmVXaWR0aCB8fCAnNDAlJ1wiPjwvaW9uLXNrZWxldG9uLXRleHQ+XG4gICAgfVxuICA8L2lvbi1sYWJlbD5cbjwvaW9uLWl0ZW0+XG4iXX0=
|