@eui/mobile-core 18.0.2-snapshot-1740724696066 → 18.0.2-snapshot-1741849501379
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/EuimSidebarComponent.html +36 -0
- package/docs/components/EuimSidebarContentComponent.html +25 -1
- package/docs/dependencies.html +4 -4
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +2 -2
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +6 -3
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +14 -5
- package/fesm2022/eui-mobile-core.mjs +57 -46
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts +2 -1
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts.map +1 -1
- package/lib/components/layout/euim-sidebar/euim-sidebar.component.d.ts +6 -3
- package/lib/components/layout/euim-sidebar/euim-sidebar.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -6,11 +6,11 @@ export class EuimSpinnerComponent {
|
|
|
6
6
|
this.className = 'euim-spinner';
|
|
7
7
|
}
|
|
8
8
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
13
|
+
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
14
14
|
}], propDecorators: { className: [{
|
|
15
15
|
type: HostBinding,
|
|
16
16
|
args: ['class']
|
|
@@ -12,6 +12,7 @@ export class EuimSidebarContentComponent {
|
|
|
12
12
|
this.navCtrl = navCtrl;
|
|
13
13
|
this.className = 'euim-sidebar-content';
|
|
14
14
|
this.sidebarItems = [];
|
|
15
|
+
this.ionMenuId = 'main';
|
|
15
16
|
this.hasSearchbar = false;
|
|
16
17
|
this.isSearchbarSticky = false;
|
|
17
18
|
this.sidebarItemsFilter = new EventEmitter();
|
|
@@ -57,15 +58,17 @@ export class EuimSidebarContentComponent {
|
|
|
57
58
|
});
|
|
58
59
|
}
|
|
59
60
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1.I18nService }, { token: i1.EuiAppShellService }, { token: i2.MenuController }, { token: i2.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
62
|
}
|
|
62
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
63
64
|
type: Component,
|
|
64
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
65
|
+
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
65
66
|
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i2.MenuController }, { type: i2.NavController }], propDecorators: { className: [{
|
|
66
67
|
type: HostBinding
|
|
67
68
|
}], sidebarItems: [{
|
|
68
69
|
type: Input
|
|
70
|
+
}], ionMenuId: [{
|
|
71
|
+
type: Input
|
|
69
72
|
}], hasSearchbar: [{
|
|
70
73
|
type: Input,
|
|
71
74
|
args: [{ transform: booleanAttribute }]
|
|
@@ -78,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
78
81
|
type: ViewChild,
|
|
79
82
|
args: [IonSearchbar, { static: false }]
|
|
80
83
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9ldWltLXNpZGViYXIvZXVpbS1zaWRlYmFyLWNvbnRlbnQvZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9ldWltLXNpZGViYXIvZXVpbS1zaWRlYmFyLWNvbnRlbnQvZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxKLE9BQU8sRUFBaUMsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUzdFLE1BQU0sT0FBTywyQkFBMkI7SUFjcEMsWUFBb0IsV0FBd0IsRUFDakMsU0FBNkIsRUFDNUIsUUFBd0IsRUFDeEIsT0FBc0I7UUFIZCxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUNqQyxjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQUM1QixhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUN4QixZQUFPLEdBQVAsT0FBTyxDQUFlO1FBaEJuQixjQUFTLEdBQUcsc0JBQXNCLENBQUM7UUFDekMsaUJBQVksR0FBZSxFQUFFLENBQUM7UUFDOUIsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQUU1QixpQkFBWSxHQUFpQixLQUFLLENBQUM7UUFFbkMsc0JBQWlCLEdBQWlCLEtBQUssQ0FBQztRQUM5Qix1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBR3BELGtCQUFhLEdBQWUsRUFBRSxDQUFDO1FBQy9CLFVBQUssR0FBRSxFQUFFLENBQUM7UUFNWixXQUFXLENBQUMsSUFBSSxFQUFFLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUV4QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDckQsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBa0I7UUFDMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM5QyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFakQsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BELENBQUM7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFFL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQzVCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ2hELElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUM5QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFUyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDNUIsSUFBSSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDdEIsT0FBTyxDQUFDLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUMsQ0FBQztZQUNELE9BQU8sQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUNTLGVBQWUsQ0FBQyxLQUFLLEVBQUUsWUFBb0I7UUFDakQsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3ZCLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzVGLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztrSUE5RFEsMkJBQTJCO3NIQUEzQiwyQkFBMkIsbUpBSWhCLGdCQUFnQixpRUFFaEIsZ0JBQWdCLHdMQUd6QixZQUFZLGdEQ3BCM0IsK2RBV0E7OzRGREFhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBRWYsdUJBQXVCLENBQUMsTUFBTTswS0FHaEMsU0FBUztzQkFBdkIsV0FBVztnQkFDSCxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRU4sWUFBWTtzQkFEWCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUd0QyxpQkFBaUI7c0JBRGhCLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTVCLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDcUMsU0FBUztzQkFBcEQsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdDaGlsZCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIGJvb2xlYW5BdHRyaWJ1dGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEkxOG5TZXJ2aWNlLCBFdWlBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgTmF2Q29udHJvbGxlciwgTWVudUNvbnRyb2xsZXIsIElvblNlYXJjaGJhciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmV4cG9ydCB0eXBlIEljb25Db2xvciA9ICdwcmltYXJ5JyB8ICdkZWZhdWx0JyB8ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdkYW5nZXInIHwgJ2RhcmsnIHwgJ3doaXRlJyB8ICdhY2NlbnQnIHwgJ3NlY29uZGFyeSc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tc2lkZWJhci1jb250ZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltU2lkZWJhckNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBIb3N0QmluZGluZygpIGNsYXNzTmFtZSA9ICdldWltLXNpZGViYXItY29udGVudCc7XG4gICAgQElucHV0KCkgc2lkZWJhckl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gICAgQElucHV0KCkgaW9uTWVudUlkID0gJ21haW4nO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGhhc1NlYXJjaGJhcjogQm9vbGVhbklucHV0ID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgaXNTZWFyY2hiYXJTdGlja3k6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBzaWRlYmFySXRlbXNGaWx0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPE1lbnVJdGVtW10+KCk7XG4gICAgQFZpZXdDaGlsZChJb25TZWFyY2hiYXIsIHsgc3RhdGljOiBmYWxzZSB9KSBzZWFyY2hiYXI6IElvblNlYXJjaGJhcjtcblxuICAgIHByb3RlY3RlZCBmaWx0ZXJlZEl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gICAgcHJvdGVjdGVkIHF1ZXJ5ID0nJztcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaTE4blNlcnZpY2U6IEkxOG5TZXJ2aWNlLFxuICAgICAgICBwdWJsaWMgYXNTZXJ2aWNlOiBFdWlBcHBTaGVsbFNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgbWVudUN0cmw6IE1lbnVDb250cm9sbGVyLFxuICAgICAgICBwcml2YXRlIG5hdkN0cmw6IE5hdkNvbnRyb2xsZXIpIHtcbiAgICAgICAgICAgIGkxOG5TZXJ2aWNlLmluaXQoKS5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zb3J0U2lkZWJhckl0ZW1zKCk7XG5cbiAgICAgICAgaWYgKHRoaXMuaGFzU2VhcmNoYmFyKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkSXRlbXMgPSBbLi4udGhpcy5zaWRlYmFySXRlbXNdO1xuICAgICAgICAgICAgdGhpcy5zaWRlYmFySXRlbXNGaWx0ZXIuZW1pdCh0aGlzLmZpbHRlcmVkSXRlbXMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaGFuZGxlSW5wdXQoZXZlbnQ6IEN1c3RvbUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMucXVlcnkgPSBldmVudC5kZXRhaWwudmFsdWUudG9Mb3dlckNhc2UoKTtcbiAgICAgICAgdGhpcy5maWx0ZXJlZEl0ZW1zID0gdGhpcy5maWx0ZXJNZW51SXRlbXModGhpcy5zaWRlYmFySXRlbXMsIHRoaXMucXVlcnkpO1xuICAgICAgICB0aGlzLnNpZGViYXJJdGVtc0ZpbHRlci5lbWl0KHRoaXMuZmlsdGVyZWRJdGVtcyk7XG5cbiAgICAgICAgaWYgKHRoaXMucXVlcnkgPT09ICcnKSB7XG4gICAgICAgICAgICB0aGlzLnNpZGViYXJJdGVtc0ZpbHRlci5lbWl0KHRoaXMuc2lkZWJhckl0ZW1zKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsb3NlTWVudSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc1NlYXJjaGJhcikgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMubWVudUN0cmwuY2xvc2UoKS50aGVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuc2lkZWJhckl0ZW1zRmlsdGVyLmVtaXQodGhpcy5zaWRlYmFySXRlbXMpO1xuICAgICAgICAgICAgdGhpcy5xdWVyeSA9ICcnO1xuICAgICAgICAgICAgdGhpcy5zZWFyY2hiYXIudmFsdWUgPSAnJztcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHNvcnRTaWRlYmFySXRlbXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2lkZWJhckl0ZW1zLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgICAgICAgIGlmIChhLmdyb3VwID09PSBiLmdyb3VwKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGEubGFiZWwubG9jYWxlQ29tcGFyZShiLmxhYmVsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiBhLmdyb3VwIC0gYi5ncm91cDtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCBmaWx0ZXJNZW51SXRlbXMoaXRlbXMsIHNlYXJjaFBocmFzZTogc3RyaW5nKTogTWVudUl0ZW1bXSB7XG4gICAgICAgIHJldHVybiBpdGVtcy5maWx0ZXIoaXRlbSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gIWl0ZW0uaXNTZWN0aW9uICYmIGl0ZW0ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hQaHJhc2UudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cblxuaW50ZXJmYWNlIE1lbnVJdGVtIHtcbiAgICBpY29uPzogc3RyaW5nO1xuICAgIGljb25Db2xvcj86IEljb25Db2xvcjtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBpc1NlY3Rpb24/OiBib29sZWFuO1xuICAgIHNlY3Rpb24/OiBzdHJpbmc7XG4gICAgZ3JvdXA/OiBudW1iZXI7XG4gICAgZ3JvdXBIZWFkZXI/OiBzdHJpbmc7XG59XG5cbiIsIjxpb24tbGlzdCBjbGFzcz1cImV1aW0tc2lkZWJhci1jb250ZW50X19saXN0XCI+XG4gICAgQGlmIChoYXNTZWFyY2hiYXIpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aW0tc2lkZWJhci1jb250ZW50X19zZWFyY2hiYXJcIiBbbmdDbGFzc109XCJ7ICdldWltLXNpZGViYXItY29udGVudF9fc2VhcmNoYmFyLS1zdGlja3knOiBpc1NlYXJjaGJhclN0aWNreSB9XCI+XG4gICAgICAgICAgICA8aW9uLXNlYXJjaGJhciAoaW9uSW5wdXQpPVwiaGFuZGxlSW5wdXQoJGV2ZW50KVwiPjwvaW9uLXNlYXJjaGJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxpb24tbWVudS10b2dnbGUgYXV0by1oaWRlPVwidHJ1ZVwiIChjbGljayk9XCJjbG9zZU1lbnUoKVwiIG1lbnU9XCJ7e2lvbk1lbnVJZH19XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2lvbi1tZW51LXRvZ2dsZT5cbjwvaW9uLWxpc3Q+XG5cbiJdfQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, ContentChild, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { NavigationEnd } from '@angular/router';
|
|
3
|
+
import { EuimSidebarContentComponent } from './euim-sidebar-content/euim-sidebar-content.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/router";
|
|
5
6
|
import * as i2 from "@ionic/angular";
|
|
@@ -30,17 +31,25 @@ export class EuimSidebarComponent {
|
|
|
30
31
|
}
|
|
31
32
|
});
|
|
32
33
|
}
|
|
34
|
+
ngAfterContentInit() {
|
|
35
|
+
if (this.sidebarContent && this.ionMenuId) {
|
|
36
|
+
this.sidebarContent.ionMenuId = this.ionMenuId;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
33
39
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1.Router }, { token: i2.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
35
41
|
}
|
|
36
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
37
43
|
type: Component,
|
|
38
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.Router }, { type: i2.MenuController }], propDecorators: {
|
|
44
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
45
|
+
}], ctorParameters: () => [{ type: i1.Router }, { type: i2.MenuController }], propDecorators: { sidebarContent: [{
|
|
46
|
+
type: ContentChild,
|
|
47
|
+
args: [EuimSidebarContentComponent]
|
|
48
|
+
}], className: [{
|
|
40
49
|
type: HostBinding
|
|
41
50
|
}], ionMenuId: [{
|
|
42
51
|
type: Input
|
|
43
52
|
}], routerPath: [{
|
|
44
53
|
type: Input
|
|
45
54
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvZXVpbS1zaWRlYmFyL2V1aW0tc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2V1aW0tc2lkZWJhci9ldWltLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFlBQVksRUFBb0IsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEosT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXhELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVEQUF1RCxDQUFBOzs7O0FBU25HLE1BQU0sT0FBTyxvQkFBb0I7SUFPN0IsWUFBb0IsTUFBYyxFQUFTLFFBQXdCO1FBQS9DLFdBQU0sR0FBTixNQUFNLENBQVE7UUFBUyxhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUxwRCxjQUFTLEdBQUcsY0FBYyxDQUFDO1FBRWpDLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsZUFBVSxHQUFHLE1BQU0sQ0FBQztJQUV5QyxDQUFDO0lBRXZFLFFBQVE7UUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakMsTUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUE7WUFDbEMsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFLENBQUM7Z0JBQ2pDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7b0JBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztvQkFDcEMsVUFBVSxDQUFDLEdBQUcsRUFBRTt3QkFDWixJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO29CQUNyRCxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ2IsQ0FBQztxQkFBTSxDQUFDO29CQUNKLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztvQkFDcEMsVUFBVSxDQUFDLEdBQUcsRUFBRTt3QkFDWixJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO29CQUN0RCxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ2IsQ0FBQztZQUNMLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDbkQsQ0FBQztJQUNMLENBQUM7a0lBaENRLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHVOQUNmLDJCQUEyQixnRENiN0Msd09BTUE7OzRGRE1hLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7d0dBR00sY0FBYztzQkFBeEQsWUFBWTt1QkFBQywyQkFBMkI7Z0JBQzFCLFNBQVM7c0JBQXZCLFdBQVc7Z0JBRUgsU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbnRlbnRDaGlsZCwgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciwgTmF2aWdhdGlvbkVuZCB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBNZW51Q29udHJvbGxlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IEV1aW1TaWRlYmFyQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vZXVpbS1zaWRlYmFyLWNvbnRlbnQvZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50J1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tc2lkZWJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbVNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBDb250ZW50Q2hpbGQoRXVpbVNpZGViYXJDb250ZW50Q29tcG9uZW50KSBzaWRlYmFyQ29udGVudDogRXVpbVNpZGViYXJDb250ZW50Q29tcG9uZW50O1xuICAgIEBIb3N0QmluZGluZygpIGNsYXNzTmFtZSA9ICdldWltLXNpZGViYXInO1xuXG4gICAgQElucHV0KCkgaW9uTWVudUlkID0gJ21haW4nO1xuICAgIEBJbnB1dCgpIHJvdXRlclBhdGggPSAnaG9tZSc7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwdWJsaWMgbWVudUN0cmw6IE1lbnVDb250cm9sbGVyKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoZXZlbnQgPT4ge1xuICAgICAgICAgICAgY29uc3QgcGF0aCA9IGAvJHt0aGlzLnJvdXRlclBhdGh9YFxuICAgICAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLnJvdXRlci51cmwgPT09IHBhdGgpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5tZW51Q3RybC5jbG9zZSh0aGlzLmlvbk1lbnVJZCk7XG4gICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5tZW51Q3RybC5zd2lwZUdlc3R1cmUodHJ1ZSwgdGhpcy5pb25NZW51SWQpO1xuICAgICAgICAgICAgICAgICAgICB9LCAxMDAwKTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLm1lbnVDdHJsLmNsb3NlKHRoaXMuaW9uTWVudUlkKTtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLm1lbnVDdHJsLnN3aXBlR2VzdHVyZShmYWxzZSwgdGhpcy5pb25NZW51SWQpO1xuICAgICAgICAgICAgICAgICAgICB9LCAxMDAwKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc2lkZWJhckNvbnRlbnQgJiYgdGhpcy5pb25NZW51SWQpIHtcbiAgICAgICAgICAgIHRoaXMuc2lkZWJhckNvbnRlbnQuaW9uTWVudUlkID0gdGhpcy5pb25NZW51SWQ7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8aW9uLW1lbnUgY29udGVudElkPVwie3tpb25NZW51SWR9fVwiIG1lbnVJZD1cInt7aW9uTWVudUlkfX1cIiBzbG90PVwic3RhcnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPGlvbi1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWltLXNpZGViYXItY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICA8L2lvbi1jb250ZW50PlxuPC9pb24tbWVudT5cbiJdfQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getI18nServiceConfig } from '@eui/base';
|
|
2
2
|
export * from '@eui/base';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, booleanAttribute, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, Inject, EventEmitter, Output, ViewChild,
|
|
4
|
+
import { Injectable, booleanAttribute, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, Inject, EventEmitter, Output, ViewChild, ContentChild, ContentChildren, HostListener } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject, startWith, throwError } from 'rxjs';
|
|
6
6
|
import * as i2$2 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
@@ -1095,47 +1095,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1095
1095
|
}]
|
|
1096
1096
|
}] });
|
|
1097
1097
|
|
|
1098
|
-
class EuimSidebarComponent {
|
|
1099
|
-
constructor(router, menuCtrl) {
|
|
1100
|
-
this.router = router;
|
|
1101
|
-
this.menuCtrl = menuCtrl;
|
|
1102
|
-
this.className = 'euim-sidebar';
|
|
1103
|
-
this.ionMenuId = 'main';
|
|
1104
|
-
this.routerPath = 'home';
|
|
1105
|
-
}
|
|
1106
|
-
ngOnInit() {
|
|
1107
|
-
this.router.events.subscribe(event => {
|
|
1108
|
-
const path = `/${this.routerPath}`;
|
|
1109
|
-
if (event instanceof NavigationEnd) {
|
|
1110
|
-
if (this.router.url === path) {
|
|
1111
|
-
this.menuCtrl.close(this.ionMenuId);
|
|
1112
|
-
setTimeout(() => {
|
|
1113
|
-
this.menuCtrl.swipeGesture(true, this.ionMenuId);
|
|
1114
|
-
}, 1000);
|
|
1115
|
-
}
|
|
1116
|
-
else {
|
|
1117
|
-
this.menuCtrl.close(this.ionMenuId);
|
|
1118
|
-
setTimeout(() => {
|
|
1119
|
-
this.menuCtrl.swipeGesture(false, this.ionMenuId);
|
|
1120
|
-
}, 1000);
|
|
1121
|
-
}
|
|
1122
|
-
}
|
|
1123
|
-
});
|
|
1124
|
-
}
|
|
1125
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$1.Router }, { token: i2.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1126
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1127
|
-
}
|
|
1128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1129
|
-
type: Component,
|
|
1130
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1131
|
-
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.MenuController }], propDecorators: { className: [{
|
|
1132
|
-
type: HostBinding
|
|
1133
|
-
}], ionMenuId: [{
|
|
1134
|
-
type: Input
|
|
1135
|
-
}], routerPath: [{
|
|
1136
|
-
type: Input
|
|
1137
|
-
}] } });
|
|
1138
|
-
|
|
1139
1098
|
class EuimSidebarContentComponent {
|
|
1140
1099
|
constructor(i18nService, asService, menuCtrl, navCtrl) {
|
|
1141
1100
|
this.i18nService = i18nService;
|
|
@@ -1144,6 +1103,7 @@ class EuimSidebarContentComponent {
|
|
|
1144
1103
|
this.navCtrl = navCtrl;
|
|
1145
1104
|
this.className = 'euim-sidebar-content';
|
|
1146
1105
|
this.sidebarItems = [];
|
|
1106
|
+
this.ionMenuId = 'main';
|
|
1147
1107
|
this.hasSearchbar = false;
|
|
1148
1108
|
this.isSearchbarSticky = false;
|
|
1149
1109
|
this.sidebarItemsFilter = new EventEmitter();
|
|
@@ -1189,15 +1149,17 @@ class EuimSidebarContentComponent {
|
|
|
1189
1149
|
});
|
|
1190
1150
|
}
|
|
1191
1151
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1.I18nService }, { token: i1.EuiAppShellService }, { token: i2.MenuController }, { token: i2.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1192
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1152
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1193
1153
|
}
|
|
1194
1154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1195
1155
|
type: Component,
|
|
1196
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
1156
|
+
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
1197
1157
|
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i2.MenuController }, { type: i2.NavController }], propDecorators: { className: [{
|
|
1198
1158
|
type: HostBinding
|
|
1199
1159
|
}], sidebarItems: [{
|
|
1200
1160
|
type: Input
|
|
1161
|
+
}], ionMenuId: [{
|
|
1162
|
+
type: Input
|
|
1201
1163
|
}], hasSearchbar: [{
|
|
1202
1164
|
type: Input,
|
|
1203
1165
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1211,6 +1173,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1211
1173
|
args: [IonSearchbar, { static: false }]
|
|
1212
1174
|
}] } });
|
|
1213
1175
|
|
|
1176
|
+
class EuimSidebarComponent {
|
|
1177
|
+
constructor(router, menuCtrl) {
|
|
1178
|
+
this.router = router;
|
|
1179
|
+
this.menuCtrl = menuCtrl;
|
|
1180
|
+
this.className = 'euim-sidebar';
|
|
1181
|
+
this.ionMenuId = 'main';
|
|
1182
|
+
this.routerPath = 'home';
|
|
1183
|
+
}
|
|
1184
|
+
ngOnInit() {
|
|
1185
|
+
this.router.events.subscribe(event => {
|
|
1186
|
+
const path = `/${this.routerPath}`;
|
|
1187
|
+
if (event instanceof NavigationEnd) {
|
|
1188
|
+
if (this.router.url === path) {
|
|
1189
|
+
this.menuCtrl.close(this.ionMenuId);
|
|
1190
|
+
setTimeout(() => {
|
|
1191
|
+
this.menuCtrl.swipeGesture(true, this.ionMenuId);
|
|
1192
|
+
}, 1000);
|
|
1193
|
+
}
|
|
1194
|
+
else {
|
|
1195
|
+
this.menuCtrl.close(this.ionMenuId);
|
|
1196
|
+
setTimeout(() => {
|
|
1197
|
+
this.menuCtrl.swipeGesture(false, this.ionMenuId);
|
|
1198
|
+
}, 1000);
|
|
1199
|
+
}
|
|
1200
|
+
}
|
|
1201
|
+
});
|
|
1202
|
+
}
|
|
1203
|
+
ngAfterContentInit() {
|
|
1204
|
+
if (this.sidebarContent && this.ionMenuId) {
|
|
1205
|
+
this.sidebarContent.ionMenuId = this.ionMenuId;
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$1.Router }, { token: i2.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1209
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1210
|
+
}
|
|
1211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1212
|
+
type: Component,
|
|
1213
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1214
|
+
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.MenuController }], propDecorators: { sidebarContent: [{
|
|
1215
|
+
type: ContentChild,
|
|
1216
|
+
args: [EuimSidebarContentComponent]
|
|
1217
|
+
}], className: [{
|
|
1218
|
+
type: HostBinding
|
|
1219
|
+
}], ionMenuId: [{
|
|
1220
|
+
type: Input
|
|
1221
|
+
}], routerPath: [{
|
|
1222
|
+
type: Input
|
|
1223
|
+
}] } });
|
|
1224
|
+
|
|
1214
1225
|
class EuimSidebarModule {
|
|
1215
1226
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1216
1227
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, declarations: [EuimSidebarComponent,
|
|
@@ -1523,11 +1534,11 @@ class EuimSpinnerComponent {
|
|
|
1523
1534
|
this.className = 'euim-spinner';
|
|
1524
1535
|
}
|
|
1525
1536
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1526
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1537
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1527
1538
|
}
|
|
1528
1539
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1529
1540
|
type: Component,
|
|
1530
|
-
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1541
|
+
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1531
1542
|
}], propDecorators: { className: [{
|
|
1532
1543
|
type: HostBinding,
|
|
1533
1544
|
args: ['class']
|