@eui/mobile-core 17.1.0-snapshot-1714049927480 → 17.1.0-snapshot-1714377534577
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 +21 -2
- 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/EuimChangelogComponent.html +1 -1
- package/docs/components/EuimChipSelectorComponent.html +25 -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 +1 -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/EuimLegalNoticeComponent.html +2 -2
- package/docs/components/EuimLicenseDetailsComponent.html +416 -0
- 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/EuimPdfWrapperComponent.html +1 -1
- package/docs/components/EuimPrivacyStatementComponent.html +2 -2
- 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/EuimToolbarTitleComponent.html +1 -1
- package/docs/components/EuimUserProfileComponent.html +1 -1
- package/docs/index.html +1 -1
- package/docs/js/menu-wc.js +42 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +1 -0
- package/docs/modules/EuimAboutModule.html +6 -0
- package/docs/modules/EuimAlertMessageModule.html +6 -0
- package/docs/modules/EuimAvatarModule.html +6 -0
- package/docs/modules/EuimDataSummaryModule.html +6 -0
- package/docs/modules/EuimHeaderDetailsModule.html +6 -0
- package/docs/modules/EuimMediaHeaderModule.html +6 -0
- package/docs/modules/EuimMessageModule.html +6 -0
- package/docs/modules/EuimMultiselectModule.html +6 -0
- package/docs/modules/EuimPdfWrapperModule.html +6 -0
- package/docs/modules/EuimSkeletonListItemModule.html +6 -0
- package/docs/modules/EuimSkeletonListModule.html +6 -0
- package/docs/modules/EuimSliderInfoScreenModule.html +6 -0
- package/docs/modules/EuimUserProfileModule.html +6 -0
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +5 -3
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +7 -3
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +2 -2
- package/esm2022/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-license-details/euim-license-details.component.mjs +24 -0
- package/esm2022/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/index.mjs +2 -1
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +24 -5
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +2 -2
- package/fesm2022/eui-mobile-core.mjs +59 -17
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/euim-about/euim-about.component.d.ts +2 -1
- package/lib/components/euim-about/euim-about.component.d.ts.map +1 -1
- package/lib/components/euim-about/euim-about.module.d.ts +10 -9
- package/lib/components/euim-about/euim-about.module.d.ts.map +1 -1
- package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts +13 -0
- package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts.map +1 -0
- package/lib/components/euim-about/index.d.ts +1 -0
- package/lib/components/euim-about/index.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +3 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1989,11 +1989,11 @@ class EuimSliderInfoScreenComponent {
|
|
|
1989
1989
|
this.leftActionClicked.emit(event);
|
|
1990
1990
|
}
|
|
1991
1991
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1992
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], actionBtnNames: "actionBtnNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container{position:
|
|
1992
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], actionBtnNames: "actionBtnNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider-info-screen__span.active{background-color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1993
1993
|
}
|
|
1994
1994
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
1995
1995
|
type: Component,
|
|
1996
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container{position:
|
|
1996
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider-info-screen__span.active{background-color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-m)}\n"] }]
|
|
1997
1997
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
1998
1998
|
type: ViewChild,
|
|
1999
1999
|
args: ['slides', { static: true }]
|
|
@@ -2214,6 +2214,7 @@ class EuimChipSelectorComponent {
|
|
|
2214
2214
|
this.sourceData = [];
|
|
2215
2215
|
this.selectedChips = [];
|
|
2216
2216
|
this.isMultiSelectionMode = false;
|
|
2217
|
+
this.isCustomMode = false;
|
|
2217
2218
|
this.euimKeepSelection = false;
|
|
2218
2219
|
this.hasSearchbar = false;
|
|
2219
2220
|
this.filterData = new EventEmitter();
|
|
@@ -2352,6 +2353,9 @@ class EuimChipSelectorComponent {
|
|
|
2352
2353
|
this.selectedChips = ['0'];
|
|
2353
2354
|
this.filterData.emit(this.sourceData);
|
|
2354
2355
|
}
|
|
2356
|
+
if (this.isCustomMode && this.selectedChips.length === 0) {
|
|
2357
|
+
this.filterData.emit(this.sourceData);
|
|
2358
|
+
}
|
|
2355
2359
|
});
|
|
2356
2360
|
if (isEmitEvent !== false) {
|
|
2357
2361
|
this.clickItems.emit(this.selectedChips);
|
|
@@ -2362,7 +2366,7 @@ class EuimChipSelectorComponent {
|
|
|
2362
2366
|
this.handleMultiSelectionMode(filterCondition, isFilterAll, item);
|
|
2363
2367
|
}
|
|
2364
2368
|
else {
|
|
2365
|
-
this.handleSingleSelectionMode(filterCondition, isFilterAll);
|
|
2369
|
+
this.handleSingleSelectionMode(filterCondition, isFilterAll, item);
|
|
2366
2370
|
}
|
|
2367
2371
|
this.applyFilter(filterCondition, isFilterAll, this.filterConditions);
|
|
2368
2372
|
this.filterData.emit(this.filteredData);
|
|
@@ -2400,6 +2404,10 @@ class EuimChipSelectorComponent {
|
|
|
2400
2404
|
this.filterConditions = this.filterConditions.filter(chip => chip !== filterCondition);
|
|
2401
2405
|
this.removeSelectedStyles(item);
|
|
2402
2406
|
}
|
|
2407
|
+
else if (this.filterConditions.length > 0 && this.isCustomMode) {
|
|
2408
|
+
this.filterConditions = this.filterConditions.filter(chip => chip !== filterCondition);
|
|
2409
|
+
this.removeSelectedStyles(item);
|
|
2410
|
+
}
|
|
2403
2411
|
this.selectedChips = this.filterConditions.filter(el => el !== '0');
|
|
2404
2412
|
}
|
|
2405
2413
|
else {
|
|
@@ -2407,13 +2415,18 @@ class EuimChipSelectorComponent {
|
|
|
2407
2415
|
this.addSelectedStyles(item);
|
|
2408
2416
|
}
|
|
2409
2417
|
}
|
|
2410
|
-
handleSingleSelectionMode(filterCondition, isFilterAll) {
|
|
2418
|
+
handleSingleSelectionMode(filterCondition, isFilterAll, item) {
|
|
2419
|
+
const isSelected = this.selectedChips.includes(filterCondition);
|
|
2411
2420
|
if (isFilterAll) {
|
|
2412
2421
|
this.selectedChips = ['0'];
|
|
2413
2422
|
}
|
|
2414
2423
|
else {
|
|
2415
2424
|
this.selectedChips = [filterCondition];
|
|
2416
2425
|
}
|
|
2426
|
+
if (this.isCustomMode && isSelected) {
|
|
2427
|
+
this.selectedChips = this.selectedChips.filter(chip => chip !== filterCondition);
|
|
2428
|
+
this.removeSelectedStyles(item);
|
|
2429
|
+
}
|
|
2417
2430
|
}
|
|
2418
2431
|
clearAllSelections() {
|
|
2419
2432
|
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
@@ -2428,11 +2441,14 @@ class EuimChipSelectorComponent {
|
|
|
2428
2441
|
return data.filter(obj => obj.title.toLowerCase().includes(searchInput));
|
|
2429
2442
|
}
|
|
2430
2443
|
filterByChips(data, selectedChips) {
|
|
2431
|
-
if (selectedChips[0] === '0')
|
|
2444
|
+
if (selectedChips[0] === '0' || selectedChips.length === 0)
|
|
2432
2445
|
return data;
|
|
2433
2446
|
return data.filter(item => selectedChips.includes(item.filterId));
|
|
2434
2447
|
}
|
|
2435
2448
|
filterByCondition(data, filterCondition) {
|
|
2449
|
+
if (this.selectedChips.length === 0) {
|
|
2450
|
+
return data;
|
|
2451
|
+
}
|
|
2436
2452
|
return data.filter(item => item.filterId === filterCondition);
|
|
2437
2453
|
}
|
|
2438
2454
|
filterByMultipleConditions(data, multipleFilterConditions) {
|
|
@@ -2441,7 +2457,7 @@ class EuimChipSelectorComponent {
|
|
|
2441
2457
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2442
2458
|
}
|
|
2443
2459
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2444
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2460
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2445
2461
|
}
|
|
2446
2462
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2447
2463
|
type: Component,
|
|
@@ -2461,6 +2477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
2461
2477
|
}], isMultiSelectionMode: [{
|
|
2462
2478
|
type: Input,
|
|
2463
2479
|
args: [{ transform: booleanAttribute }]
|
|
2480
|
+
}], isCustomMode: [{
|
|
2481
|
+
type: Input,
|
|
2482
|
+
args: [{ transform: booleanAttribute }]
|
|
2464
2483
|
}], euimKeepSelection: [{
|
|
2465
2484
|
type: Input,
|
|
2466
2485
|
args: [{ transform: booleanAttribute }]
|
|
@@ -3146,11 +3165,11 @@ class EuimChangelogComponent {
|
|
|
3146
3165
|
this.changeLogs = [];
|
|
3147
3166
|
}
|
|
3148
3167
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3149
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);
|
|
3168
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog ul{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);margin:0}.euim-changelog li{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog ion-item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-base-color-grey-75)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]:after{content:\"\";display:block;border:0;border-top:1px solid rgba(0,0,0,.1)}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { 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: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3150
3169
|
}
|
|
3151
3170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3152
3171
|
type: Component,
|
|
3153
|
-
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);
|
|
3172
|
+
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog ul{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);margin:0}.euim-changelog li{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog ion-item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-base-color-grey-75)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]:after{content:\"\";display:block;border:0;border-top:1px solid rgba(0,0,0,.1)}\n"] }]
|
|
3154
3173
|
}], propDecorators: { changeLogs: [{
|
|
3155
3174
|
type: Input
|
|
3156
3175
|
}] } });
|
|
@@ -3164,11 +3183,11 @@ class EuimPrivacyStatementComponent {
|
|
|
3164
3183
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
3165
3184
|
}
|
|
3166
3185
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3167
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3186
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimPrivacyStatementComponent, selector: "euim-privacy-statement", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-privacy-statement\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Privacy Statement</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-privacy-statement__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-privacy-statement__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3168
3187
|
}
|
|
3169
3188
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, decorators: [{
|
|
3170
3189
|
type: Component,
|
|
3171
|
-
args: [{ selector: 'euim-privacy-statement', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-privacy-statement\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Privacy Statement</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content
|
|
3190
|
+
args: [{ selector: 'euim-privacy-statement', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-privacy-statement\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Privacy Statement</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-privacy-statement__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-privacy-statement__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"] }]
|
|
3172
3191
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
|
|
3173
3192
|
type: Input
|
|
3174
3193
|
}] } });
|
|
@@ -3222,11 +3241,11 @@ class EuimLegalNoticeComponent {
|
|
|
3222
3241
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
3223
3242
|
}
|
|
3224
3243
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3225
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3244
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimLegalNoticeComponent, selector: "euim-legal-notice", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-legal-notice\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Legal Notice</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header> \r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-legal-notice__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-legal-notice__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-legal-notice__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-legal-notice__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3226
3245
|
}
|
|
3227
3246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, decorators: [{
|
|
3228
3247
|
type: Component,
|
|
3229
|
-
args: [{ selector: 'euim-legal-notice', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-legal-notice\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Legal Notice</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header
|
|
3248
|
+
args: [{ selector: 'euim-legal-notice', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-legal-notice\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Legal Notice</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header> \r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-legal-notice__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-legal-notice__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-legal-notice__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-legal-notice__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"] }]
|
|
3230
3249
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
|
|
3231
3250
|
type: Input
|
|
3232
3251
|
}] } });
|
|
@@ -3272,14 +3291,14 @@ class EuimAboutComponent {
|
|
|
3272
3291
|
this.openSourceLicencesExists = !!this.openSourceLicences;
|
|
3273
3292
|
}
|
|
3274
3293
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3275
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { showCode: "showCode", version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], 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>About</strong></euim-toolbar-title>\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items
|
|
3294
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { showCode: "showCode", version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], 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>About</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</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'\"\r\n [elementType]=\"'svg'\" [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>version {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__list-header\">\r\n <div euimLabel>ABOUT THIS APP</div>\r\n </ion-list-header>\r\n <div class=\"euim-about__items\">\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupport) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </div>\r\n </ion-list>\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__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item 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.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.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { 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: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3276
3295
|
}
|
|
3277
3296
|
__decorate([
|
|
3278
3297
|
coerceBoolean
|
|
3279
3298
|
], EuimAboutComponent.prototype, "showCode", void 0);
|
|
3280
3299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3281
3300
|
type: Component,
|
|
3282
|
-
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, 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>About</strong></euim-toolbar-title>\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items
|
|
3301
|
+
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, 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>About</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</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'\"\r\n [elementType]=\"'svg'\" [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>version {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__list-header\">\r\n <div euimLabel>ABOUT THIS APP</div>\r\n </ion-list-header>\r\n <div class=\"euim-about__items\">\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupport) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </div>\r\n </ion-list>\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__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item 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"] }]
|
|
3283
3302
|
}], propDecorators: { changelog: [{
|
|
3284
3303
|
type: ContentChild,
|
|
3285
3304
|
args: [EuimChangelogComponent]
|
|
@@ -3305,6 +3324,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3305
3324
|
type: Input
|
|
3306
3325
|
}], logoUrl: [{
|
|
3307
3326
|
type: Input
|
|
3327
|
+
}], appName: [{
|
|
3328
|
+
type: Input
|
|
3329
|
+
}] } });
|
|
3330
|
+
|
|
3331
|
+
class EuimLicenseDetailsComponent {
|
|
3332
|
+
constructor(sanitizer) {
|
|
3333
|
+
this.sanitizer = sanitizer;
|
|
3334
|
+
this.url = '';
|
|
3335
|
+
}
|
|
3336
|
+
ngOnInit() {
|
|
3337
|
+
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
3338
|
+
}
|
|
3339
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLicenseDetailsComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3340
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimLicenseDetailsComponent, selector: "euim-license-details", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-license-details\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>License Details</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-license-details__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-license-details__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-license-details__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n\r\n</div>", styles: [".euim-license-details__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-license-details__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-license-details__content *{display:block;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-m);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3341
|
+
}
|
|
3342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLicenseDetailsComponent, decorators: [{
|
|
3343
|
+
type: Component,
|
|
3344
|
+
args: [{ selector: 'euim-license-details', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-license-details\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>License Details</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-license-details__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-license-details__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-license-details__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n\r\n</div>", styles: [".euim-license-details__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-license-details__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-license-details__content *{display:block;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-m);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}\n"] }]
|
|
3345
|
+
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
|
|
3346
|
+
type: Input
|
|
3308
3347
|
}] } });
|
|
3309
3348
|
|
|
3310
3349
|
const COMPONENTS = [
|
|
@@ -3314,6 +3353,7 @@ const COMPONENTS = [
|
|
|
3314
3353
|
EuimOpenSourceLicencesComponent,
|
|
3315
3354
|
EuimLegalNoticeComponent,
|
|
3316
3355
|
EuimHelpSupportComponent,
|
|
3356
|
+
EuimLicenseDetailsComponent,
|
|
3317
3357
|
];
|
|
3318
3358
|
class EuimAboutModule {
|
|
3319
3359
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -3322,7 +3362,8 @@ class EuimAboutModule {
|
|
|
3322
3362
|
EuimPrivacyStatementComponent,
|
|
3323
3363
|
EuimOpenSourceLicencesComponent,
|
|
3324
3364
|
EuimLegalNoticeComponent,
|
|
3325
|
-
EuimHelpSupportComponent
|
|
3365
|
+
EuimHelpSupportComponent,
|
|
3366
|
+
EuimLicenseDetailsComponent], imports: [CommonModule,
|
|
3326
3367
|
IonicModule,
|
|
3327
3368
|
QRCodeModule,
|
|
3328
3369
|
EuimToolbarComponentModule,
|
|
@@ -3334,7 +3375,8 @@ class EuimAboutModule {
|
|
|
3334
3375
|
EuimPrivacyStatementComponent,
|
|
3335
3376
|
EuimOpenSourceLicencesComponent,
|
|
3336
3377
|
EuimLegalNoticeComponent,
|
|
3337
|
-
EuimHelpSupportComponent
|
|
3378
|
+
EuimHelpSupportComponent,
|
|
3379
|
+
EuimLicenseDetailsComponent] }); }
|
|
3338
3380
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
|
|
3339
3381
|
IonicModule,
|
|
3340
3382
|
QRCodeModule,
|
|
@@ -3595,5 +3637,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3595
3637
|
* Generated bundle index. Do not edit.
|
|
3596
3638
|
*/
|
|
3597
3639
|
|
|
3598
|
-
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
|
|
3640
|
+
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimLicenseDetailsComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
|
|
3599
3641
|
//# sourceMappingURL=eui-mobile-core.mjs.map
|