@eui/mobile-core 18.0.1 → 18.0.2-snapshot-1736326513935
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/EuimSidebarContentComponent.html +25 -1
- package/docs/dependencies.html +22 -4
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +2 -2
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +8 -3
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +2 -2
- package/fesm2022/eui-mobile-core.mjs +10 -6
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts +3 -1
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -30,7 +30,7 @@ export class EuimDataSummaryComponent {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-
|
|
33
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex;width:100%}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
41
41
|
'color',
|
|
42
42
|
],
|
|
43
43
|
},
|
|
44
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-
|
|
44
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex;width:100%}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
46
46
|
type: ContentChildren,
|
|
47
47
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -3,6 +3,7 @@ import { IonSearchbar } from '@ionic/angular';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@eui/core";
|
|
5
5
|
import * as i2 from "@ionic/angular";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
6
7
|
export class EuimSidebarContentComponent {
|
|
7
8
|
constructor(i18nService, asService, menuCtrl, navCtrl) {
|
|
8
9
|
this.i18nService = i18nService;
|
|
@@ -12,6 +13,7 @@ export class EuimSidebarContentComponent {
|
|
|
12
13
|
this.className = 'euim-sidebar-content';
|
|
13
14
|
this.sidebarItems = [];
|
|
14
15
|
this.hasSearchbar = false;
|
|
16
|
+
this.isSearchbarSticky = false;
|
|
15
17
|
this.sidebarItemsFilter = new EventEmitter();
|
|
16
18
|
this.filteredItems = [];
|
|
17
19
|
this.query = '';
|
|
@@ -55,11 +57,11 @@ export class EuimSidebarContentComponent {
|
|
|
55
57
|
});
|
|
56
58
|
}
|
|
57
59
|
/** @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 }); }
|
|
58
|
-
/** @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] }, 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
|
|
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 }); }
|
|
59
61
|
}
|
|
60
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
61
63
|
type: Component,
|
|
62
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n
|
|
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" }]
|
|
63
65
|
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i2.MenuController }, { type: i2.NavController }], propDecorators: { className: [{
|
|
64
66
|
type: HostBinding
|
|
65
67
|
}], sidebarItems: [{
|
|
@@ -67,10 +69,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
67
69
|
}], hasSearchbar: [{
|
|
68
70
|
type: Input,
|
|
69
71
|
args: [{ transform: booleanAttribute }]
|
|
72
|
+
}], isSearchbarSticky: [{
|
|
73
|
+
type: Input,
|
|
74
|
+
args: [{ transform: booleanAttribute }]
|
|
70
75
|
}], sidebarItemsFilter: [{
|
|
71
76
|
type: Output
|
|
72
77
|
}], searchbar: [{
|
|
73
78
|
type: ViewChild,
|
|
74
79
|
args: [IonSearchbar, { static: false }]
|
|
75
80
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9ldWltLXNpZGViYXIvZXVpbS1zaWRlYmFyLWNvbnRlbnQvZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9ldWltLXNpZGViYXIvZXVpbS1zaWRlYmFyLWNvbnRlbnQvZXVpbS1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxKLE9BQU8sRUFBaUMsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUzdFLE1BQU0sT0FBTywyQkFBMkI7SUFhcEMsWUFBb0IsV0FBd0IsRUFDakMsU0FBNkIsRUFDNUIsUUFBd0IsRUFDeEIsT0FBc0I7UUFIZCxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUNqQyxjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQUM1QixhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUN4QixZQUFPLEdBQVAsT0FBTyxDQUFlO1FBZm5CLGNBQVMsR0FBRyxzQkFBc0IsQ0FBQztRQUN6QyxpQkFBWSxHQUFlLEVBQUUsQ0FBQztRQUV2QyxpQkFBWSxHQUFpQixLQUFLLENBQUM7UUFFbkMsc0JBQWlCLEdBQWlCLEtBQUssQ0FBQztRQUM5Qix1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBR3BELGtCQUFhLEdBQWUsRUFBRSxDQUFDO1FBQy9CLFVBQUssR0FBRSxFQUFFLENBQUM7UUFNWixXQUFX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dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3Q2hpbGQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJMThuU2VydmljZSwgRXVpQXBwU2hlbGxTZXJ2aWNlIH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IE5hdkNvbnRyb2xsZXIsIE1lbnVDb250cm9sbGVyLCBJb25TZWFyY2hiYXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5leHBvcnQgdHlwZSBJY29uQ29sb3IgPSAncHJpbWFyeScgfCAnZGVmYXVsdCcgfCAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdkYXJrJyB8ICd3aGl0ZScgfCAnYWNjZW50JyB8ICdzZWNvbmRhcnknO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLXNpZGViYXItY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tc2lkZWJhci1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbVNpZGViYXJDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASG9zdEJpbmRpbmcoKSBjbGFzc05hbWUgPSAnZXVpbS1zaWRlYmFyLWNvbnRlbnQnO1xuICAgIEBJbnB1dCgpIHNpZGViYXJJdGVtczogTWVudUl0ZW1bXSA9IFtdO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGhhc1NlYXJjaGJhcjogQm9vbGVhbklucHV0ID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgaXNTZWFyY2hiYXJTdGlja3k6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBzaWRlYmFySXRlbXNGaWx0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPE1lbnVJdGVtW10+KCk7XG4gICAgQFZpZXdDaGlsZChJb25TZWFyY2hiYXIsIHsgc3RhdGljOiBmYWxzZSB9KSBzZWFyY2hiYXI6IElvblNlYXJjaGJhcjtcblxuICAgIHByb3RlY3RlZCBmaWx0ZXJlZEl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gICAgcHJvdGVjdGVkIHF1ZXJ5ID0nJztcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaTE4blNlcnZpY2U6IEkxOG5TZXJ2aWNlLFxuICAgICAgICBwdWJsaWMgYXNTZXJ2aWNlOiBFdWlBcHBTaGVsbFNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgbWVudUN0cmw6IE1lbnVDb250cm9sbGVyLFxuICAgICAgICBwcml2YXRlIG5hdkN0cmw6IE5hdkNvbnRyb2xsZXIpIHtcbiAgICAgICAgICAgIGkxOG5TZXJ2aWNlLmluaXQoKS5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zb3J0U2lkZWJhckl0ZW1zKCk7XG5cbiAgICAgICAgaWYgKHRoaXMuaGFzU2VhcmNoYmFyKSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkSXRlbXMgPSBbLi4udGhpcy5zaWRlYmFySXRlbXNdO1xuICAgICAgICAgICAgdGhpcy5zaWRlYmFySXRlbXNGaWx0ZXIuZW1pdCh0aGlzLmZpbHRlcmVkSXRlbXMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaGFuZGxlSW5wdXQoZXZlbnQ6IEN1c3RvbUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMucXVlcnkgPSBldmVudC5kZXRhaWwudmFsdWUudG9Mb3dlckNhc2UoKTtcbiAgICAgICAgdGhpcy5maWx0ZXJlZEl0ZW1zID0gdGhpcy5maWx0ZXJNZW51SXRlbXModGhpcy5zaWRlYmFySXRlbXMsIHRoaXMucXVlcnkpO1xuICAgICAgICB0aGlzLnNpZGViYXJJdGVtc0ZpbHRlci5lbWl0KHRoaXMuZmlsdGVyZWRJdGVtcyk7XG5cbiAgICAgICAgaWYgKHRoaXMucXVlcnkgPT09ICcnKSB7XG4gICAgICAgICAgICB0aGlzLnNpZGViYXJJdGVtc0ZpbHRlci5lbWl0KHRoaXMuc2lkZWJhckl0ZW1zKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsb3NlTWVudSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc1NlYXJjaGJhcikgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMubWVudUN0cmwuY2xvc2UoKS50aGVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuc2lkZWJhckl0ZW1zRmlsdGVyLmVtaXQodGhpcy5zaWRlYmFySXRlbXMpO1xuICAgICAgICAgICAgdGhpcy5xdWVyeSA9ICcnO1xuICAgICAgICAgICAgdGhpcy5zZWFyY2hiYXIudmFsdWUgPSAnJztcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHNvcnRTaWRlYmFySXRlbXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2lkZWJhckl0ZW1zLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgICAgICAgIGlmIChhLmdyb3VwID09PSBiLmdyb3VwKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGEubGFiZWwubG9jYWxlQ29tcGFyZShiLmxhYmVsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiBhLmdyb3VwIC0gYi5ncm91cDtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCBmaWx0ZXJNZW51SXRlbXMoaXRlbXMsIHNlYXJjaFBocmFzZTogc3RyaW5nKTogTWVudUl0ZW1bXSB7XG4gICAgICAgIHJldHVybiBpdGVtcy5maWx0ZXIoaXRlbSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gIWl0ZW0uaXNTZWN0aW9uICYmIGl0ZW0ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hQaHJhc2UudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cblxuaW50ZXJmYWNlIE1lbnVJdGVtIHtcbiAgICBpY29uPzogc3RyaW5nO1xuICAgIGljb25Db2xvcj86IEljb25Db2xvcjtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBpc1NlY3Rpb24/OiBib29sZWFuO1xuICAgIHNlY3Rpb24/OiBzdHJpbmc7XG4gICAgZ3JvdXA/OiBudW1iZXI7XG4gICAgZ3JvdXBIZWFkZXI/OiBzdHJpbmc7XG59XG5cbiIsIjxpb24tbGlzdCBjbGFzcz1cImV1aW0tc2lkZWJhci1jb250ZW50X19saXN0XCI+XG4gICAgQGlmIChoYXNTZWFyY2hiYXIpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aW0tc2lkZWJhci1jb250ZW50X19zZWFyY2hiYXJcIiBbbmdDbGFzc109XCJ7ICdldWltLXNpZGViYXItY29udGVudF9fc2VhcmNoYmFyLS1zdGlja3knOiBpc1NlYXJjaGJhclN0aWNreSB9XCI+XG4gICAgICAgICAgICA8aW9uLXNlYXJjaGJhciAoaW9uSW5wdXQpPVwiaGFuZGxlSW5wdXQoJGV2ZW50KVwiPjwvaW9uLXNlYXJjaGJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxpb24tbWVudS10b2dnbGUgYXV0by1oaWRlPVwidHJ1ZVwiIChjbGljayk9XCJjbG9zZU1lbnUoKVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9pb24tbWVudS10b2dnbGU+XG48L2lvbi1saXN0PlxuXG4iXX0=
|
|
@@ -31,11 +31,11 @@ export class EuimSidebarComponent {
|
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
/** @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:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.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 }); }
|
|
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:before{height:0}.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
35
|
}
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
37
37
|
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:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.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"] }]
|
|
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:before{height:0}.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
39
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i2.MenuController }], propDecorators: { className: [{
|
|
40
40
|
type: HostBinding
|
|
41
41
|
}], ionMenuId: [{
|
|
@@ -1117,11 +1117,11 @@ class EuimSidebarComponent {
|
|
|
1117
1117
|
});
|
|
1118
1118
|
}
|
|
1119
1119
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$1.Router }, { token: i3.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1120
|
-
/** @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:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.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: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1120
|
+
/** @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:before{height:0}.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: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1121
1121
|
}
|
|
1122
1122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1123
1123
|
type: Component,
|
|
1124
|
-
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:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.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"] }]
|
|
1124
|
+
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:before{height:0}.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"] }]
|
|
1125
1125
|
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i3.MenuController }], propDecorators: { className: [{
|
|
1126
1126
|
type: HostBinding
|
|
1127
1127
|
}], ionMenuId: [{
|
|
@@ -1139,6 +1139,7 @@ class EuimSidebarContentComponent {
|
|
|
1139
1139
|
this.className = 'euim-sidebar-content';
|
|
1140
1140
|
this.sidebarItems = [];
|
|
1141
1141
|
this.hasSearchbar = false;
|
|
1142
|
+
this.isSearchbarSticky = false;
|
|
1142
1143
|
this.sidebarItemsFilter = new EventEmitter();
|
|
1143
1144
|
this.filteredItems = [];
|
|
1144
1145
|
this.query = '';
|
|
@@ -1182,11 +1183,11 @@ class EuimSidebarContentComponent {
|
|
|
1182
1183
|
});
|
|
1183
1184
|
}
|
|
1184
1185
|
/** @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: i3.MenuController }, { token: i3.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1185
|
-
/** @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] }, 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
|
|
1186
|
+
/** @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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i3.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: i3.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1186
1187
|
}
|
|
1187
1188
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1188
1189
|
type: Component,
|
|
1189
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n
|
|
1190
|
+
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" }]
|
|
1190
1191
|
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i3.MenuController }, { type: i3.NavController }], propDecorators: { className: [{
|
|
1191
1192
|
type: HostBinding
|
|
1192
1193
|
}], sidebarItems: [{
|
|
@@ -1194,6 +1195,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1194
1195
|
}], hasSearchbar: [{
|
|
1195
1196
|
type: Input,
|
|
1196
1197
|
args: [{ transform: booleanAttribute }]
|
|
1198
|
+
}], isSearchbarSticky: [{
|
|
1199
|
+
type: Input,
|
|
1200
|
+
args: [{ transform: booleanAttribute }]
|
|
1197
1201
|
}], sidebarItemsFilter: [{
|
|
1198
1202
|
type: Output
|
|
1199
1203
|
}], searchbar: [{
|
|
@@ -1835,7 +1839,7 @@ class EuimDataSummaryComponent {
|
|
|
1835
1839
|
}
|
|
1836
1840
|
}
|
|
1837
1841
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1838
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-
|
|
1842
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex;width:100%}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1839
1843
|
}
|
|
1840
1844
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1841
1845
|
type: Component,
|
|
@@ -1846,7 +1850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1846
1850
|
'color',
|
|
1847
1851
|
],
|
|
1848
1852
|
},
|
|
1849
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-
|
|
1853
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex;width:100%}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1850
1854
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1851
1855
|
type: ContentChildren,
|
|
1852
1856
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|