@eui/mobile-core 17.3.1 → 17.4.0-snapshot-1724312985047
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/EuiMUserProfileActionComponent.html +1 -1
- package/docs/components/EuiMUserProfileAvatarComponent.html +1 -1
- package/docs/components/EuiMUserProfileInfosComponent.html +1 -1
- package/docs/components/EuiMUserProfileInfosItemComponent.html +1 -1
- package/docs/components/EuimAboutComponent.html +1 -1
- package/docs/components/EuimAboutContentLoadingComponent.html +1 -1
- package/docs/components/EuimAlertMessageComponent.html +1 -1
- package/docs/components/EuimAppComponent.html +1 -1
- package/docs/components/EuimAvatarComponent.html +1 -1
- package/docs/components/EuimAvatarIconComponent.html +1 -1
- package/docs/components/EuimBadgeComponent.html +1 -1
- package/docs/components/EuimCardComponent.html +67 -2
- package/docs/components/EuimCardListComponent.html +1 -1
- package/docs/components/EuimChangelogComponent.html +1 -1
- package/docs/components/EuimChipSelectorComponent.html +1 -1
- package/docs/components/EuimDataSummaryColComponent.html +1 -1
- package/docs/components/EuimDataSummaryComponent.html +1 -1
- package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
- package/docs/components/EuimHeaderDetailsComponent.html +38 -1
- package/docs/components/EuimHelpSupportComponent.html +1 -1
- package/docs/components/EuimLabelComponent.html +1 -1
- package/docs/components/EuimLanguageListComponent.html +1 -1
- package/docs/components/EuimLanguageSelectorComponent.html +1 -1
- package/docs/components/EuimMediaHeaderComponent.html +1 -1
- package/docs/components/EuimMessageComponent.html +1 -1
- package/docs/components/EuimMessageTitleComponent.html +1 -1
- package/docs/components/EuimMultiselectComponent.html +1 -1
- package/docs/components/EuimMultiselectFilterComponent.html +1 -1
- package/docs/components/EuimMultiselectInfoComponent.html +1 -1
- package/docs/components/EuimMultiselectListComponent.html +1 -1
- package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
- package/docs/components/EuimNotificationItemComponent.html +1 -1
- package/docs/components/EuimOpenSourceLicencesComponent.html +1 -1
- package/docs/components/EuimPdfViewerComponent.html +1 -1
- package/docs/components/EuimScrollerXComponent.html +1 -1
- package/docs/components/EuimSidebarComponent.html +1 -1
- package/docs/components/EuimSidebarContentComponent.html +1 -1
- package/docs/components/EuimSkeletonListComponent.html +1 -1
- package/docs/components/EuimSkeletonListItemComponent.html +1 -1
- package/docs/components/EuimSlideInfoScreenComponent.html +1 -1
- package/docs/components/EuimSliderInfoScreenComponent.html +1 -1
- package/docs/components/EuimSpinnerComponent.html +1 -1
- package/docs/components/EuimSpinnerDescriptionComponent.html +1 -1
- package/docs/components/EuimSpinnerMessageComponent.html +1 -1
- package/docs/components/EuimToolbarActionItemsComponent.html +1 -1
- package/docs/components/EuimToolbarComponent.html +1 -1
- package/docs/components/EuimToolbarDatepickerComponent.html +115 -2
- package/docs/components/EuimToolbarTitleComponent.html +1 -1
- package/docs/components/EuimUserProfileComponent.html +1 -1
- package/docs/dependencies.html +5 -5
- package/docs/directives/EuimAlignTopDirective.html +346 -0
- package/docs/directives/EuimCardImageDirective.html +51 -0
- package/docs/directives/EuimReadOnlyFormDirective.html +346 -0
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +346 -0
- package/docs/directives/EuimReadOnlyFormValueDirective.html +346 -0
- package/docs/index.html +1 -1
- package/docs/js/menu-wc.js +30 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +4 -0
- package/docs/modules/EuimAllModule.html +24 -0
- package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +20 -0
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +1 -1
- package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +14 -4
- package/esm2022/lib/components/euim-card/euim-card.component.mjs +14 -5
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +20 -0
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +30 -8
- package/esm2022/lib/components/index.mjs +5 -1
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +10 -5
- package/esm2022/lib/euim-all.module.mjs +14 -2
- package/fesm2022/eui-mobile-core.mjs +161 -32
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts +7 -0
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts.map +1 -0
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts +3 -1
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts.map +1 -1
- package/lib/components/euim-card/euim-card.component.d.ts +7 -2
- package/lib/components/euim-card/euim-card.component.d.ts.map +1 -1
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts.map +1 -0
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +6 -2
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts.map +1 -1
- package/lib/components/index.d.ts +4 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +4 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
- package/lib/euim-all.module.d.ts +9 -5
- package/lib/euim-all.module.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Input, booleanAttribute, Component, HostBinding, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { BaseStatesDirective } from '../../base-states.directive';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../base-states.directive";
|
|
@@ -8,14 +8,16 @@ export class EuimHeaderDetailsComponent {
|
|
|
8
8
|
}
|
|
9
9
|
constructor(baseStatesDirective) {
|
|
10
10
|
this.baseStatesDirective = baseStatesDirective;
|
|
11
|
+
this.hasBorderBottom = true;
|
|
11
12
|
}
|
|
12
13
|
getCssClasses() {
|
|
13
14
|
return [
|
|
14
15
|
this.baseStatesDirective.getCssClasses('euim-header-details'),
|
|
16
|
+
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
15
17
|
].join(' ');
|
|
16
18
|
}
|
|
17
19
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
21
|
}
|
|
20
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
21
23
|
type: Component,
|
|
@@ -26,9 +28,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
26
28
|
'color',
|
|
27
29
|
],
|
|
28
30
|
},
|
|
29
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
30
|
-
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: {
|
|
31
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
32
|
+
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
33
|
+
type: Input,
|
|
34
|
+
args: [{ transform: booleanAttribute }]
|
|
35
|
+
}], cssClasses: [{
|
|
31
36
|
type: HostBinding,
|
|
32
37
|
args: ['class']
|
|
33
38
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2V1aW0taGVhZGVyLWRldGFpbHMvZXVpbS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2V1aW0taGVhZGVyLWRldGFpbHMvZXVpbS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQWtCbEUsTUFBTSxPQUFPLDBCQUEwQjtJQUduQyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUNELFlBQW1CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBTDNELG9CQUFlLEdBQWlCLElBQUksQ0FBQztJQUt5QixDQUFDO0lBQy9ELGFBQWE7UUFDVCxPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsQ0FBQztZQUM3RCxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLHVDQUF1QyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3ZFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7aUlBYlEsMEJBQTBCO3FIQUExQiwwQkFBMEIscUdBQ2YsZ0JBQWdCLHdLQ3BCeEMsNkJBQ0E7OzJGRGtCYSwwQkFBMEI7a0JBZnRDLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixPQUFPOzZCQUNWO3lCQUNKO3FCQUNKO3dGQUlELGVBQWU7c0JBRGQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHM0IsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2Jhc2Utc3RhdGVzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0taGVhZGVyLWRldGFpbHMnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWhlYWRlci1kZXRhaWxzLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdjb2xvcicsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1IZWFkZXJEZXRhaWxzQ29tcG9uZW50IHtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBoYXNCb3JkZXJCb3R0b206IEJvb2xlYW5JbnB1dCA9IHRydWU7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG4gICAgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0taGVhZGVyLWRldGFpbHMnKSxcbiAgICAgICAgICAgICF0aGlzLmhhc0JvcmRlckJvdHRvbSA/ICdldWltLWhlYWRlci1kZXRhaWxzLS1uby1ib3JkZXItYm90dG9tJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
|
-
import { EuimAppModule, EuimAvatarIconModule, EuimBadgeModule, EuimCardModule, EuimCardListModule, EuimAvatarModule, EuimDataSummaryModule, EuimEmptyListPlaceholderModule, EuimHeaderDetailsModule, EuimAlertMessageModule, EuimLabelModule, EuimLanguageSelectorModule, EuimDividerModule, EuimListHeaderModule, EuimMinWidthDirective, EuimAlignCenterDirective, EuimToolbarTransparentDirective, EuimListItemNoPaddingsDirective, EuimSidebarFooterNoBordersDirective, EuimSkeletonTextAvatarModule, EuimMediaHeaderModule, EuimMessageModule, EuimSkeletonListModule, EuimSkeletonListItemModule, EuimNotificationItemModule, EuimSliderInfoScreenModule, EuimSpinnerComponentModule, EuimToolbarComponentModule, EuimUserProfileModule, EuimScrollerXComponentModule, EuimChipSelectorComponentModule, EuimSidebarModule, EuimMultiselectModule, EuimPdfViewerModule, EuimAboutModule, EuimToolbarDatepickerModule, } from './components';
|
|
2
|
+
import { EuimAppModule, EuimAvatarIconModule, EuimBadgeModule, EuimReadOnlyFormDirective, EuimReadOnlyFormLabelDirective, EuimReadOnlyFormValueDirective, EuimCardModule, EuimCardListModule, EuimAvatarModule, EuimDataSummaryModule, EuimEmptyListPlaceholderModule, EuimHeaderDetailsModule, EuimAlertMessageModule, EuimLabelModule, EuimLanguageSelectorModule, EuimDividerModule, EuimListHeaderModule, EuimMinWidthDirective, EuimAlignCenterDirective, EuimAlignTopDirective, EuimToolbarTransparentDirective, EuimListItemNoPaddingsDirective, EuimSidebarFooterNoBordersDirective, EuimSkeletonTextAvatarModule, EuimMediaHeaderModule, EuimMessageModule, EuimSkeletonListModule, EuimSkeletonListItemModule, EuimNotificationItemModule, EuimSliderInfoScreenModule, EuimSpinnerComponentModule, EuimToolbarComponentModule, EuimUserProfileModule, EuimScrollerXComponentModule, EuimChipSelectorComponentModule, EuimSidebarModule, EuimMultiselectModule, EuimPdfViewerModule, EuimAboutModule, EuimToolbarDatepickerModule, } from './components';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
const MODULES = [
|
|
5
5
|
// Layout
|
|
@@ -37,9 +37,13 @@ const MODULES = [
|
|
|
37
37
|
EuimListHeaderModule,
|
|
38
38
|
EuimMinWidthDirective,
|
|
39
39
|
EuimAlignCenterDirective,
|
|
40
|
+
EuimAlignTopDirective,
|
|
40
41
|
EuimToolbarTransparentDirective,
|
|
41
42
|
EuimSidebarFooterNoBordersDirective,
|
|
42
43
|
EuimListItemNoPaddingsDirective,
|
|
44
|
+
EuimReadOnlyFormDirective,
|
|
45
|
+
EuimReadOnlyFormValueDirective,
|
|
46
|
+
EuimReadOnlyFormLabelDirective,
|
|
43
47
|
EuimSkeletonTextAvatarModule,
|
|
44
48
|
];
|
|
45
49
|
export class EuimAllModule {
|
|
@@ -80,9 +84,13 @@ export class EuimAllModule {
|
|
|
80
84
|
EuimListHeaderModule,
|
|
81
85
|
EuimMinWidthDirective,
|
|
82
86
|
EuimAlignCenterDirective,
|
|
87
|
+
EuimAlignTopDirective,
|
|
83
88
|
EuimToolbarTransparentDirective,
|
|
84
89
|
EuimSidebarFooterNoBordersDirective,
|
|
85
90
|
EuimListItemNoPaddingsDirective,
|
|
91
|
+
EuimReadOnlyFormDirective,
|
|
92
|
+
EuimReadOnlyFormValueDirective,
|
|
93
|
+
EuimReadOnlyFormLabelDirective,
|
|
86
94
|
EuimSkeletonTextAvatarModule], exports: [
|
|
87
95
|
// Layout
|
|
88
96
|
EuimAppModule,
|
|
@@ -119,9 +127,13 @@ export class EuimAllModule {
|
|
|
119
127
|
EuimListHeaderModule,
|
|
120
128
|
EuimMinWidthDirective,
|
|
121
129
|
EuimAlignCenterDirective,
|
|
130
|
+
EuimAlignTopDirective,
|
|
122
131
|
EuimToolbarTransparentDirective,
|
|
123
132
|
EuimSidebarFooterNoBordersDirective,
|
|
124
133
|
EuimListItemNoPaddingsDirective,
|
|
134
|
+
EuimReadOnlyFormDirective,
|
|
135
|
+
EuimReadOnlyFormValueDirective,
|
|
136
|
+
EuimReadOnlyFormLabelDirective,
|
|
125
137
|
EuimSkeletonTextAvatarModule] }); }
|
|
126
138
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAllModule, imports: [
|
|
127
139
|
// Layout
|
|
@@ -206,4 +218,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
206
218
|
declarations: [],
|
|
207
219
|
}]
|
|
208
220
|
}] });
|
|
209
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
221
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9ldWltLWFsbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQ0gsYUFBYSxFQUNiLG9CQUFvQixFQUNwQixlQUFlLEVBQ2YseUJBQXlCLEVBQ3pCLDhCQUE4QixFQUM5Qiw4QkFBOEIsRUFDOUIsY0FBYyxFQUNkLGtCQUFrQixFQUNsQixnQkFBZ0IsRUFDaEIscUJBQXFCLEVBQ3JCLDhCQUE4QixFQUM5Qix1QkFBdUIsRUFDdkIsc0JBQXNCLEVBQ3RCLGVBQWUsRUFDZiwwQkFBMEIsRUFDMUIsaUJBQWlCLEVBQ2pCLG9CQUFvQixFQUNwQixxQkFBcUIsRUFDckIsd0JBQXdCLEVBQ3hCLHFCQUFxQixFQUNyQiwrQkFBK0IsRUFDL0IsK0JBQStCLEVBQy9CLG1DQUFtQyxFQUNuQyw0QkFBNEIsRUFDNUIscUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixzQkFBc0IsRUFDdEIsMEJBQTBCLEVBQzFCLDBCQUEwQixFQUMxQiwwQkFBMEIsRUFDMUIsMEJBQTBCLEVBQzFCLDBCQUEwQixFQUMxQixxQkFBcUIsRUFDckIsNEJBQTRCLEVBQzVCLCtCQUErQixFQUMvQixpQkFBaUIsRUFDakIscUJBQXFCLEVBQ3JCLG1CQUFtQixFQUNuQixlQUFlLEVBQ2YsMkJBQTJCLEdBQzlCLE1BQU0sY0FBYyxDQUFDOztBQUV0QixNQUFNLE9BQU8sR0FBRztJQUNaLFNBQVM7SUFDVCxhQUFhO0lBRWIsYUFBYTtJQUNiLDhCQUE4QjtJQUM5QiwwQkFBMEI7SUFDMUIscUJBQXFCO0lBQ3JCLGlCQUFpQjtJQUNqQixjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLDBCQUEwQjtJQUMxQixzQkFBc0I7SUFDdEIsb0JBQW9CO0lBQ3BCLGVBQWU7SUFDZixzQkFBc0I7SUFDdEIsZUFBZTtJQUNmLDBCQUEwQjtJQUMxQiwwQkFBMEI7SUFDMUIscUJBQXFCO0lBQ3JCLHFCQUFxQjtJQUNyQix1QkFBdUI7SUFDdkIsZ0JBQWdCO0lBQ2hCLDBCQUEwQjtJQUMxQiw0QkFBNEI7SUFDNUIsK0JBQStCO0lBQy9CLGVBQWU7SUFDZixpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLHFCQUFxQjtJQUNyQiwyQkFBMkI7SUFFM0IsYUFBYTtJQUNiLDBCQUEwQjtJQUMxQixpQkFBaUI7SUFDakIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQix3QkFBd0I7SUFDeEIscUJBQXFCO0lBQ3JCLCtCQUErQjtJQUMvQixtQ0FBbUM7SUFDbkMsK0JBQStCO0lBQy9CLHlCQUF5QjtJQUN6Qiw4QkFBOEI7SUFDOUIsOEJBQThCO0lBQzlCLDRCQUE0QjtDQUMvQixDQUFDO0FBWUYsTUFBTSxPQUFPLGFBQWE7aUlBQWIsYUFBYTtrSUFBYixhQUFhO1lBekR0QixTQUFTO1lBQ1QsYUFBYTtZQUViLGFBQWE7WUFDYiw4QkFBOEI7WUFDOUIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixpQkFBaUI7WUFDakIsY0FBYztZQUNkLGtCQUFrQjtZQUNsQiwwQkFBMEI7WUFDMUIsc0JBQXNCO1lBQ3RCLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLGVBQWU7WUFDZiwwQkFBMEI7WUFDMUIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIsdUJBQXVCO1lBQ3ZCLGdCQUFnQjtZQUNoQiwwQkFBMEI7WUFDMUIsNEJBQTRCO1lBQzVCLCtCQUErQjtZQUMvQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsMkJBQTJCO1lBRTNCLGFBQWE7WUFDYiwwQkFBMEI7WUFDMUIsaUJBQWlCO1lBQ2pCLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsd0JBQXdCO1lBQ3hCLHFCQUFxQjtZQUNyQiwrQkFBK0I7WUFDL0IsbUNBQW1DO1lBQ25DLCtCQUErQjtZQUMvQix5QkFBeUI7WUFDekIsOEJBQThCO1lBQzlCLDhCQUE4QjtZQUM5Qiw0QkFBNEI7WUE1QzVCLFNBQVM7WUFDVCxhQUFhO1lBRWIsYUFBYTtZQUNiLDhCQUE4QjtZQUM5QiwwQkFBMEI7WUFDMUIscUJBQXFCO1lBQ3JCLGlCQUFpQjtZQUNqQixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLDBCQUEwQjtZQUMxQixzQkFBc0I7WUFDdEIsb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZixzQkFBc0I7WUFDdEIsZUFBZTtZQUNmLDBCQUEwQjtZQUMxQiwwQkFBMEI7WUFDMUIscUJBQXFCO1lBQ3JCLHFCQUFxQjtZQUNyQix1QkFBdUI7WUFDdkIsZ0JBQWdCO1lBQ2hCLDBCQUEwQjtZQUMxQiw0QkFBNEI7WUFDNUIsK0JBQStCO1lBQy9CLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQiwyQkFBMkI7WUFFM0IsYUFBYTtZQUNiLDBCQUEwQjtZQUMxQixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQix3QkFBd0I7WUFDeEIscUJBQXFCO1lBQ3JCLCtCQUErQjtZQUMvQixtQ0FBbUM7WUFDbkMsK0JBQStCO1lBQy9CLHlCQUF5QjtZQUN6Qiw4QkFBOEI7WUFDOUIsOEJBQThCO1lBQzlCLDRCQUE0QjtrSUFhbkIsYUFBYTtZQXpEdEIsU0FBUztZQUNULGFBQWE7WUFFYixhQUFhO1lBQ2IsOEJBQThCO1lBQzlCLDBCQUEwQjtZQUMxQixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsMEJBQTBCO1lBQzFCLHNCQUFzQjtZQUN0QixvQkFBb0I7WUFDcEIsZUFBZTtZQUNmLHNCQUFzQjtZQUN0QixlQUFlO1lBQ2YsMEJBQTBCO1lBQzFCLDBCQUEwQjtZQUMxQixxQkFBcUI7WUFDckIscUJBQXFCO1lBQ3JCLHVCQUF1QjtZQUN2QixnQkFBZ0I7WUFDaEIsMEJBQTBCO1lBQzFCLDRCQUE0QjtZQUM1QiwrQkFBK0I7WUFDL0IsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixtQkFBbUI7WUFDbkIscUJBQXFCO1lBQ3JCLDJCQUEyQjtZQUUzQixhQUFhO1lBQ2IsMEJBQTBCO1lBQzFCLGlCQUFpQjtZQUNqQixvQkFBb0I7WUFVcEIsNEJBQTRCO1lBNUM1QixTQUFTO1lBQ1QsYUFBYTtZQUViLGFBQWE7WUFDYiw4QkFBOEI7WUFDOUIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixpQkFBaUI7WUFDakIsY0FBYztZQUNkLGtCQUFrQjtZQUNsQiwwQkFBMEI7WUFDMUIsc0JBQXNCO1lBQ3RCLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLGVBQWU7WUFDZiwwQkFBMEI7WUFDMUIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIsdUJBQXVCO1lBQ3ZCLGdCQUFnQjtZQUNoQiwwQkFBMEI7WUFDMUIsNEJBQTRCO1lBQzVCLCtCQUErQjtZQUMvQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsMkJBQTJCO1lBRTNCLGFBQWE7WUFDYiwwQkFBMEI7WUFDMUIsaUJBQWlCO1lBQ2pCLG9CQUFvQjtZQVVwQiw0QkFBNEI7OzJGQWFuQixhQUFhO2tCQVZ6QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxHQUFHLE9BQU87cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLEdBQUcsT0FBTztxQkFDYjtvQkFDRCxTQUFTLEVBQUUsRUFBRTtvQkFDYixZQUFZLEVBQUUsRUFBRTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBFdWltQXBwTW9kdWxlLFxuICAgIEV1aW1BdmF0YXJJY29uTW9kdWxlLFxuICAgIEV1aW1CYWRnZU1vZHVsZSxcbiAgICBFdWltUmVhZE9ubHlGb3JtRGlyZWN0aXZlLFxuICAgIEV1aW1SZWFkT25seUZvcm1MYWJlbERpcmVjdGl2ZSxcbiAgICBFdWltUmVhZE9ubHlGb3JtVmFsdWVEaXJlY3RpdmUsXG4gICAgRXVpbUNhcmRNb2R1bGUsXG4gICAgRXVpbUNhcmRMaXN0TW9kdWxlLFxuICAgIEV1aW1BdmF0YXJNb2R1bGUsXG4gICAgRXVpbURhdGFTdW1tYXJ5TW9kdWxlLFxuICAgIEV1aW1FbXB0eUxpc3RQbGFjZWhvbGRlck1vZHVsZSxcbiAgICBFdWltSGVhZGVyRGV0YWlsc01vZHVsZSxcbiAgICBFdWltQWxlcnRNZXNzYWdlTW9kdWxlLFxuICAgIEV1aW1MYWJlbE1vZHVsZSxcbiAgICBFdWltTGFuZ3VhZ2VTZWxlY3Rvck1vZHVsZSxcbiAgICBFdWltRGl2aWRlck1vZHVsZSxcbiAgICBFdWltTGlzdEhlYWRlck1vZHVsZSxcbiAgICBFdWltTWluV2lkdGhEaXJlY3RpdmUsXG4gICAgRXVpbUFsaWduQ2VudGVyRGlyZWN0aXZlLFxuICAgIEV1aW1BbGlnblRvcERpcmVjdGl2ZSxcbiAgICBFdWltVG9vbGJhclRyYW5zcGFyZW50RGlyZWN0aXZlLFxuICAgIEV1aW1MaXN0SXRlbU5vUGFkZGluZ3NEaXJlY3RpdmUsXG4gICAgRXVpbVNpZGViYXJGb290ZXJOb0JvcmRlcnNEaXJlY3RpdmUsXG4gICAgRXVpbVNrZWxldG9uVGV4dEF2YXRhck1vZHVsZSxcbiAgICBFdWltTWVkaWFIZWFkZXJNb2R1bGUsXG4gICAgRXVpbU1lc3NhZ2VNb2R1bGUsXG4gICAgRXVpbVNrZWxldG9uTGlzdE1vZHVsZSxcbiAgICBFdWltU2tlbGV0b25MaXN0SXRlbU1vZHVsZSxcbiAgICBFdWltTm90aWZpY2F0aW9uSXRlbU1vZHVsZSxcbiAgICBFdWltU2xpZGVySW5mb1NjcmVlbk1vZHVsZSxcbiAgICBFdWltU3Bpbm5lckNvbXBvbmVudE1vZHVsZSxcbiAgICBFdWltVG9vbGJhckNvbXBvbmVudE1vZHVsZSxcbiAgICBFdWltVXNlclByb2ZpbGVNb2R1bGUsXG4gICAgRXVpbVNjcm9sbGVyWENvbXBvbmVudE1vZHVsZSxcbiAgICBFdWltQ2hpcFNlbGVjdG9yQ29tcG9uZW50TW9kdWxlLFxuICAgIEV1aW1TaWRlYmFyTW9kdWxlLFxuICAgIEV1aW1NdWx0aXNlbGVjdE1vZHVsZSxcbiAgICBFdWltUGRmVmlld2VyTW9kdWxlLFxuICAgIEV1aW1BYm91dE1vZHVsZSxcbiAgICBFdWltVG9vbGJhckRhdGVwaWNrZXJNb2R1bGUsXG59IGZyb20gJy4vY29tcG9uZW50cyc7XG5cbmNvbnN0IE1PRFVMRVMgPSBbXG4gICAgLy8gTGF5b3V0XG4gICAgRXVpbUFwcE1vZHVsZSxcblxuICAgIC8vIENvbXBvbmVudHNcbiAgICBFdWltRW1wdHlMaXN0UGxhY2Vob2xkZXJNb2R1bGUsXG4gICAgRXVpbUxhbmd1YWdlU2VsZWN0b3JNb2R1bGUsXG4gICAgRXVpbVVzZXJQcm9maWxlTW9kdWxlLFxuICAgIEV1aW1NZXNzYWdlTW9kdWxlLFxuICAgIEV1aW1DYXJkTW9kdWxlLFxuICAgIEV1aW1DYXJkTGlzdE1vZHVsZSxcbiAgICBFdWltU2tlbGV0b25MaXN0SXRlbU1vZHVsZSxcbiAgICBFdWltU2tlbGV0b25MaXN0TW9kdWxlLFxuICAgIEV1aW1BdmF0YXJJY29uTW9kdWxlLFxuICAgIEV1aW1MYWJlbE1vZHVsZSxcbiAgICBFdWltQWxlcnRNZXNzYWdlTW9kdWxlLFxuICAgIEV1aW1BYm91dE1vZHVsZSxcbiAgICBFdWltVG9vbGJhckNvbXBvbmVudE1vZHVsZSxcbiAgICBFdWltTm90aWZpY2F0aW9uSXRlbU1vZHVsZSxcbiAgICBFdWltTWVkaWFIZWFkZXJNb2R1bGUsXG4gICAgRXVpbURhdGFTdW1tYXJ5TW9kdWxlLFxuICAgIEV1aW1IZWFkZXJEZXRhaWxzTW9kdWxlLFxuICAgIEV1aW1BdmF0YXJNb2R1bGUsXG4gICAgRXVpbVNsaWRlckluZm9TY3JlZW5Nb2R1bGUsXG4gICAgRXVpbVNjcm9sbGVyWENvbXBvbmVudE1vZHVsZSxcbiAgICBFdWltQ2hpcFNlbGVjdG9yQ29tcG9uZW50TW9kdWxlLFxuICAgIEV1aW1CYWRnZU1vZHVsZSxcbiAgICBFdWltU2lkZWJhck1vZHVsZSxcbiAgICBFdWltUGRmVmlld2VyTW9kdWxlLFxuICAgIEV1aW1NdWx0aXNlbGVjdE1vZHVsZSxcbiAgICBFdWltVG9vbGJhckRhdGVwaWNrZXJNb2R1bGUsXG5cbiAgICAvLyBEaXJlY3RpdmVzXG4gICAgRXVpbVNwaW5uZXJDb21wb25lbnRNb2R1bGUsXG4gICAgRXVpbURpdmlkZXJNb2R1bGUsXG4gICAgRXVpbUxpc3RIZWFkZXJNb2R1bGUsXG4gICAgRXVpbU1pbldpZHRoRGlyZWN0aXZlLFxuICAgIEV1aW1BbGlnbkNlbnRlckRpcmVjdGl2ZSxcbiAgICBFdWltQWxpZ25Ub3BEaXJlY3RpdmUsXG4gICAgRXVpbVRvb2xiYXJUcmFuc3BhcmVudERpcmVjdGl2ZSxcbiAgICBFdWltU2lkZWJhckZvb3Rlck5vQm9yZGVyc0RpcmVjdGl2ZSxcbiAgICBFdWltTGlzdEl0ZW1Ob1BhZGRpbmdzRGlyZWN0aXZlLFxuICAgIEV1aW1SZWFkT25seUZvcm1EaXJlY3RpdmUsXG4gICAgRXVpbVJlYWRPbmx5Rm9ybVZhbHVlRGlyZWN0aXZlLFxuICAgIEV1aW1SZWFkT25seUZvcm1MYWJlbERpcmVjdGl2ZSxcbiAgICBFdWltU2tlbGV0b25UZXh0QXZhdGFyTW9kdWxlLFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIC4uLk1PRFVMRVMsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIC4uLk1PRFVMRVMsXG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtdLFxuICAgIGRlY2xhcmF0aW9uczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BbGxNb2R1bGUge1xufVxuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export * from '@eui/base';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener
|
|
3
|
+
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChild, ContentChildren, ViewChild, HostListener } from '@angular/core';
|
|
4
4
|
import { BehaviorSubject, Subject, throwError } from 'rxjs';
|
|
5
5
|
import * as i2$1 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
@@ -1058,14 +1058,16 @@ class EuimHeaderDetailsComponent {
|
|
|
1058
1058
|
}
|
|
1059
1059
|
constructor(baseStatesDirective) {
|
|
1060
1060
|
this.baseStatesDirective = baseStatesDirective;
|
|
1061
|
+
this.hasBorderBottom = true;
|
|
1061
1062
|
}
|
|
1062
1063
|
getCssClasses() {
|
|
1063
1064
|
return [
|
|
1064
1065
|
this.baseStatesDirective.getCssClasses('euim-header-details'),
|
|
1066
|
+
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1065
1067
|
].join(' ');
|
|
1066
1068
|
}
|
|
1067
1069
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1068
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1070
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1069
1071
|
}
|
|
1070
1072
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1071
1073
|
type: Component,
|
|
@@ -1076,8 +1078,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1076
1078
|
'color',
|
|
1077
1079
|
],
|
|
1078
1080
|
},
|
|
1079
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1080
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: {
|
|
1081
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1082
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1083
|
+
type: Input,
|
|
1084
|
+
args: [{ transform: booleanAttribute }]
|
|
1085
|
+
}], cssClasses: [{
|
|
1081
1086
|
type: HostBinding,
|
|
1082
1087
|
args: ['class']
|
|
1083
1088
|
}] } });
|
|
@@ -1168,6 +1173,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1168
1173
|
}]
|
|
1169
1174
|
}] });
|
|
1170
1175
|
|
|
1176
|
+
class EuimCardImageDirective {
|
|
1177
|
+
constructor() {
|
|
1178
|
+
this.className = 'euim-card__image';
|
|
1179
|
+
}
|
|
1180
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1181
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
1182
|
+
}
|
|
1183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1184
|
+
type: Directive,
|
|
1185
|
+
args: [{
|
|
1186
|
+
selector: '[euimCardImage]',
|
|
1187
|
+
}]
|
|
1188
|
+
}], propDecorators: { euimCardImageHeight: [{
|
|
1189
|
+
type: HostBinding,
|
|
1190
|
+
args: ['style.--euimImageHeight']
|
|
1191
|
+
}, {
|
|
1192
|
+
type: Input
|
|
1193
|
+
}], euimCardImageWidth: [{
|
|
1194
|
+
type: HostBinding,
|
|
1195
|
+
args: ['style.--euimImageWidth']
|
|
1196
|
+
}, {
|
|
1197
|
+
type: Input
|
|
1198
|
+
}], className: [{
|
|
1199
|
+
type: HostBinding,
|
|
1200
|
+
args: ['class']
|
|
1201
|
+
}] } });
|
|
1202
|
+
|
|
1171
1203
|
class EuimCardComponent {
|
|
1172
1204
|
get cssClasses() {
|
|
1173
1205
|
return this.getCssClasses();
|
|
@@ -1180,8 +1212,13 @@ class EuimCardComponent {
|
|
|
1180
1212
|
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1181
1213
|
].join(' ').trim();
|
|
1182
1214
|
}
|
|
1215
|
+
ngAfterContentInit() {
|
|
1216
|
+
if (this.cardImageDirective.euimCardImageWidth) {
|
|
1217
|
+
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
1218
|
+
}
|
|
1219
|
+
}
|
|
1183
1220
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1184
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative
|
|
1221
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\" [style.min-width]=\"imageWidth ? imageWidth : ''\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{min-height:calc(var(--eui-base-spacing-m) * 8);height:var(--euimImageHeight);width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"], dependencies: [{ kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1185
1222
|
}
|
|
1186
1223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1187
1224
|
type: Component,
|
|
@@ -1194,25 +1231,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1194
1231
|
'euimSizeL',
|
|
1195
1232
|
],
|
|
1196
1233
|
},
|
|
1197
|
-
], template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative
|
|
1198
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: {
|
|
1199
|
-
type:
|
|
1200
|
-
args: [
|
|
1201
|
-
}]
|
|
1202
|
-
|
|
1203
|
-
class EuimCardImageDirective {
|
|
1204
|
-
constructor() {
|
|
1205
|
-
this.className = 'euim-card__image';
|
|
1206
|
-
}
|
|
1207
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1208
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimCardImageDirective, selector: "[euimCardImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1209
|
-
}
|
|
1210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1211
|
-
type: Directive,
|
|
1212
|
-
args: [{
|
|
1213
|
-
selector: '[euimCardImage]',
|
|
1214
|
-
}]
|
|
1215
|
-
}], propDecorators: { className: [{
|
|
1234
|
+
], template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\" [style.min-width]=\"imageWidth ? imageWidth : ''\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{min-height:calc(var(--eui-base-spacing-m) * 8);height:var(--euimImageHeight);width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"] }]
|
|
1235
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
1236
|
+
type: ContentChild,
|
|
1237
|
+
args: [EuimCardImageDirective]
|
|
1238
|
+
}], cssClasses: [{
|
|
1216
1239
|
type: HostBinding,
|
|
1217
1240
|
args: ['class']
|
|
1218
1241
|
}] } });
|
|
@@ -3399,7 +3422,7 @@ class EuimAboutComponent {
|
|
|
3399
3422
|
this.showCode = !this.showCode;
|
|
3400
3423
|
}
|
|
3401
3424
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3402
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, ngImport: i0, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3425
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, ngImport: i0, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: ["hasBorderBottom"] }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3403
3426
|
}
|
|
3404
3427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3405
3428
|
type: Component,
|
|
@@ -3620,9 +3643,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3620
3643
|
get cssClasses() {
|
|
3621
3644
|
return this.getCssClasses();
|
|
3622
3645
|
}
|
|
3623
|
-
constructor(baseStatesDirective, translate) {
|
|
3646
|
+
constructor(baseStatesDirective, translate, modalController) {
|
|
3624
3647
|
this.baseStatesDirective = baseStatesDirective;
|
|
3625
3648
|
this.translate = translate;
|
|
3649
|
+
this.modalController = modalController;
|
|
3626
3650
|
this.icon = 'calendar-clear-sharp';
|
|
3627
3651
|
this.prevBtnClick = new EventEmitter();
|
|
3628
3652
|
this.nextBtnClick = new EventEmitter();
|
|
@@ -3634,6 +3658,12 @@ class EuimToolbarDatepickerComponent {
|
|
|
3634
3658
|
this.currentDate = new Date();
|
|
3635
3659
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3636
3660
|
}
|
|
3661
|
+
async dismissModal() {
|
|
3662
|
+
const topModal = await this.modalController.getTop();
|
|
3663
|
+
if (topModal) {
|
|
3664
|
+
await this.modalController.dismiss();
|
|
3665
|
+
}
|
|
3666
|
+
}
|
|
3637
3667
|
get dateTimeId() {
|
|
3638
3668
|
return this._dateTimeId;
|
|
3639
3669
|
}
|
|
@@ -3678,14 +3708,24 @@ class EuimToolbarDatepickerComponent {
|
|
|
3678
3708
|
}
|
|
3679
3709
|
}
|
|
3680
3710
|
selectPrevDate() {
|
|
3681
|
-
|
|
3711
|
+
if (this.selectDateBy === 'week') {
|
|
3712
|
+
this.currentDate.setDate(this.currentDate.getDate() - 7);
|
|
3713
|
+
}
|
|
3714
|
+
else {
|
|
3715
|
+
this.currentDate.setDate(this.currentDate.getDate() - 1);
|
|
3716
|
+
}
|
|
3682
3717
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3683
3718
|
this.formatDateAndWeekDay();
|
|
3684
3719
|
this.selectedDate = this.currentDate.toISOString();
|
|
3685
3720
|
this.prevBtnClick.emit(this.currentDate);
|
|
3686
3721
|
}
|
|
3687
3722
|
selectNextDate() {
|
|
3688
|
-
|
|
3723
|
+
if (this.selectDateBy === 'week') {
|
|
3724
|
+
this.currentDate.setDate(this.currentDate.getDate() + 7);
|
|
3725
|
+
}
|
|
3726
|
+
else {
|
|
3727
|
+
this.currentDate.setDate(this.currentDate.getDate() + 1);
|
|
3728
|
+
}
|
|
3689
3729
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3690
3730
|
this.formatDateAndWeekDay();
|
|
3691
3731
|
this.selectedDate = this.currentDate.toISOString();
|
|
@@ -3699,8 +3739,8 @@ class EuimToolbarDatepickerComponent {
|
|
|
3699
3739
|
formatDateAndWeekDay() {
|
|
3700
3740
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
3701
3741
|
}
|
|
3702
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3703
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute] }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar-icon fill=\"clear\" slot=\"start\" >\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\"\n position=\"fixed\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel euimLabelSubTitle\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"date\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-base-spacing-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-base-spacing-2xs)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-base-spacing-l);margin-right:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)!important;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{display:inline-table!important;flex:0 0 0!important;min-width:0!important}.euim-toolbar-datepicker__title{width:fit-content}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-base-color-primary);color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "keepContentsMounted", "backdropBreakpoint", "backdropDismiss", "breakpoints", "canDismiss", "cssClass", "enterAnimation", "event", "handle", "handleBehavior", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3742
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$1.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3743
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar-icon fill=\"clear\" slot=\"start\" >\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\"\n position=\"fixed\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel euimLabelSubTitle\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"date\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-base-spacing-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-base-spacing-2xs)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-base-spacing-l);margin-right:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)!important;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{display:inline-table!important;flex:0 0 0!important;min-width:0!important}.euim-toolbar-datepicker__title{width:fit-content}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-base-color-primary);color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "keepContentsMounted", "backdropBreakpoint", "backdropDismiss", "breakpoints", "canDismiss", "cssClass", "enterAnimation", "event", "handle", "handleBehavior", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3704
3744
|
}
|
|
3705
3745
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
3706
3746
|
type: Component,
|
|
@@ -3712,7 +3752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3712
3752
|
],
|
|
3713
3753
|
},
|
|
3714
3754
|
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar-icon fill=\"clear\" slot=\"start\" >\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\"\n position=\"fixed\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel euimLabelSubTitle\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"date\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-base-spacing-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-base-spacing-2xs)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-base-spacing-l);margin-right:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-base-spacing-xs)!important;margin-right:var(--eui-base-spacing-xs)!important;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{display:inline-table!important;flex:0 0 0!important;min-width:0!important}.euim-toolbar-datepicker__title{width:fit-content}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-base-color-primary);color:#fff}\n"] }]
|
|
3715
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }], propDecorators: { icon: [{
|
|
3755
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
|
|
3716
3756
|
type: Input
|
|
3717
3757
|
}], title: [{
|
|
3718
3758
|
type: Input
|
|
@@ -3727,6 +3767,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3727
3767
|
}], euimReadOnly: [{
|
|
3728
3768
|
type: Input,
|
|
3729
3769
|
args: [{ transform: booleanAttribute }]
|
|
3770
|
+
}], selectDateBy: [{
|
|
3771
|
+
type: Input
|
|
3730
3772
|
}], prevBtnClick: [{
|
|
3731
3773
|
type: Output
|
|
3732
3774
|
}], nextBtnClick: [{
|
|
@@ -3736,6 +3778,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3736
3778
|
}], cssClasses: [{
|
|
3737
3779
|
type: HostBinding,
|
|
3738
3780
|
args: ['class']
|
|
3781
|
+
}], dismissModal: [{
|
|
3782
|
+
type: HostListener,
|
|
3783
|
+
args: ['window:popstate', ['$event']]
|
|
3739
3784
|
}] } });
|
|
3740
3785
|
|
|
3741
3786
|
class EuimToolbarDatepickerDatetimeDirective {
|
|
@@ -3847,6 +3892,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3847
3892
|
}]
|
|
3848
3893
|
}] });
|
|
3849
3894
|
|
|
3895
|
+
class EuimReadOnlyFormLabelDirective {
|
|
3896
|
+
constructor() {
|
|
3897
|
+
this.className = 'euim-read-only-form__label';
|
|
3898
|
+
}
|
|
3899
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3900
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3901
|
+
}
|
|
3902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
3903
|
+
type: Directive,
|
|
3904
|
+
args: [{
|
|
3905
|
+
selector: '[euimReadOnlyFormLabel]',
|
|
3906
|
+
standalone: true,
|
|
3907
|
+
}]
|
|
3908
|
+
}], propDecorators: { className: [{
|
|
3909
|
+
type: HostBinding,
|
|
3910
|
+
args: ['class']
|
|
3911
|
+
}] } });
|
|
3912
|
+
|
|
3913
|
+
class EuimReadOnlyFormValueDirective {
|
|
3914
|
+
constructor() {
|
|
3915
|
+
this.className = 'euim-read-only-form__value';
|
|
3916
|
+
}
|
|
3917
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3918
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3919
|
+
}
|
|
3920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
3921
|
+
type: Directive,
|
|
3922
|
+
args: [{
|
|
3923
|
+
selector: '[euimReadOnlyFormValue]',
|
|
3924
|
+
standalone: true,
|
|
3925
|
+
}]
|
|
3926
|
+
}], propDecorators: { className: [{
|
|
3927
|
+
type: HostBinding,
|
|
3928
|
+
args: ['class']
|
|
3929
|
+
}] } });
|
|
3930
|
+
|
|
3931
|
+
class EuimReadOnlyFormDirective {
|
|
3932
|
+
constructor() {
|
|
3933
|
+
this.className = 'euim-read-only-form';
|
|
3934
|
+
}
|
|
3935
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3936
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3937
|
+
}
|
|
3938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
3939
|
+
type: Directive,
|
|
3940
|
+
args: [{
|
|
3941
|
+
selector: '[euimReadOnlyForm]',
|
|
3942
|
+
standalone: true,
|
|
3943
|
+
}]
|
|
3944
|
+
}], propDecorators: { className: [{
|
|
3945
|
+
type: HostBinding,
|
|
3946
|
+
args: ['class']
|
|
3947
|
+
}] } });
|
|
3948
|
+
|
|
3850
3949
|
class EuimDividerDirective {
|
|
3851
3950
|
get cssClasses() {
|
|
3852
3951
|
return this.getCssClasses('euim-divider');
|
|
@@ -3961,6 +4060,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3961
4060
|
args: ['class']
|
|
3962
4061
|
}] } });
|
|
3963
4062
|
|
|
4063
|
+
class EuimAlignTopDirective {
|
|
4064
|
+
constructor() {
|
|
4065
|
+
this.className = 'euim-align-top';
|
|
4066
|
+
}
|
|
4067
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4068
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4069
|
+
}
|
|
4070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4071
|
+
type: Directive,
|
|
4072
|
+
args: [{
|
|
4073
|
+
selector: '[euimAlignTop]',
|
|
4074
|
+
standalone: true,
|
|
4075
|
+
}]
|
|
4076
|
+
}], propDecorators: { className: [{
|
|
4077
|
+
type: HostBinding,
|
|
4078
|
+
args: ['class']
|
|
4079
|
+
}] } });
|
|
4080
|
+
|
|
3964
4081
|
class EuimToolbarTransparentDirective {
|
|
3965
4082
|
constructor() {
|
|
3966
4083
|
this.className = 'euim-toolbar--transparent';
|
|
@@ -4114,9 +4231,13 @@ const MODULES = [
|
|
|
4114
4231
|
EuimListHeaderModule,
|
|
4115
4232
|
EuimMinWidthDirective,
|
|
4116
4233
|
EuimAlignCenterDirective,
|
|
4234
|
+
EuimAlignTopDirective,
|
|
4117
4235
|
EuimToolbarTransparentDirective,
|
|
4118
4236
|
EuimSidebarFooterNoBordersDirective,
|
|
4119
4237
|
EuimListItemNoPaddingsDirective,
|
|
4238
|
+
EuimReadOnlyFormDirective,
|
|
4239
|
+
EuimReadOnlyFormValueDirective,
|
|
4240
|
+
EuimReadOnlyFormLabelDirective,
|
|
4120
4241
|
EuimSkeletonTextAvatarModule,
|
|
4121
4242
|
];
|
|
4122
4243
|
class EuimAllModule {
|
|
@@ -4157,9 +4278,13 @@ class EuimAllModule {
|
|
|
4157
4278
|
EuimListHeaderModule,
|
|
4158
4279
|
EuimMinWidthDirective,
|
|
4159
4280
|
EuimAlignCenterDirective,
|
|
4281
|
+
EuimAlignTopDirective,
|
|
4160
4282
|
EuimToolbarTransparentDirective,
|
|
4161
4283
|
EuimSidebarFooterNoBordersDirective,
|
|
4162
4284
|
EuimListItemNoPaddingsDirective,
|
|
4285
|
+
EuimReadOnlyFormDirective,
|
|
4286
|
+
EuimReadOnlyFormValueDirective,
|
|
4287
|
+
EuimReadOnlyFormLabelDirective,
|
|
4163
4288
|
EuimSkeletonTextAvatarModule], exports: [
|
|
4164
4289
|
// Layout
|
|
4165
4290
|
EuimAppModule,
|
|
@@ -4196,9 +4321,13 @@ class EuimAllModule {
|
|
|
4196
4321
|
EuimListHeaderModule,
|
|
4197
4322
|
EuimMinWidthDirective,
|
|
4198
4323
|
EuimAlignCenterDirective,
|
|
4324
|
+
EuimAlignTopDirective,
|
|
4199
4325
|
EuimToolbarTransparentDirective,
|
|
4200
4326
|
EuimSidebarFooterNoBordersDirective,
|
|
4201
4327
|
EuimListItemNoPaddingsDirective,
|
|
4328
|
+
EuimReadOnlyFormDirective,
|
|
4329
|
+
EuimReadOnlyFormValueDirective,
|
|
4330
|
+
EuimReadOnlyFormLabelDirective,
|
|
4202
4331
|
EuimSkeletonTextAvatarModule] }); }
|
|
4203
4332
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAllModule, imports: [
|
|
4204
4333
|
// Layout
|
|
@@ -4288,5 +4417,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
4288
4417
|
* Generated bundle index. Do not edit.
|
|
4289
4418
|
*/
|
|
4290
4419
|
|
|
4291
|
-
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAlignCenterDirective, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimCardComponent, EuimCardImageDirective, EuimCardListComponent, EuimCardListModule, EuimCardModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimListItemNoPaddingsDirective, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMinWidthDirective, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarFooterNoBordersDirective, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimToolbarTransparentDirective, EuimUserProfileComponent, EuimUserProfileModule };
|
|
4420
|
+
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAlignCenterDirective, EuimAlignTopDirective, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimCardComponent, EuimCardImageDirective, EuimCardListComponent, EuimCardListModule, EuimCardModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimListItemNoPaddingsDirective, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMinWidthDirective, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimReadOnlyFormDirective, EuimReadOnlyFormLabelDirective, EuimReadOnlyFormValueDirective, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarFooterNoBordersDirective, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimToolbarTransparentDirective, EuimUserProfileComponent, EuimUserProfileModule };
|
|
4292
4421
|
//# sourceMappingURL=eui-mobile-core.mjs.map
|