@eui/mobile-core 17.1.0-snapshot-1714034384834 → 17.1.0-snapshot-1714049927480
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/EuimChangelogComponent.html +1 -1
- package/docs/components/EuimLegalNoticeComponent.html +145 -5
- package/docs/components/EuimOpenSourceLicencesComponent.html +167 -5
- package/docs/components/EuimPrivacyStatementComponent.html +146 -6
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +2 -2
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +1 -1
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.mjs +19 -6
- package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +20 -5
- package/esm2022/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.mjs +19 -6
- package/fesm2022/eui-mobile-core.mjs +45 -15
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts +9 -2
- package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts.map +1 -1
- package/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.d.ts +5 -1
- package/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.d.ts.map +1 -1
- package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts +9 -2
- package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ import { PdfViewerModule } from 'ng2-pdf-viewer';
|
|
|
20
20
|
import * as i3 from '@meddv/ngx-pinch-zoom';
|
|
21
21
|
import { PinchZoomModule } from '@meddv/ngx-pinch-zoom';
|
|
22
22
|
import { __decorate } from 'tslib';
|
|
23
|
+
import * as i1$3 from '@angular/platform-browser';
|
|
23
24
|
import * as i2$3 from 'angularx-qrcode';
|
|
24
25
|
import { QRCodeModule } from 'angularx-qrcode';
|
|
25
26
|
|
|
@@ -3145,23 +3146,32 @@ class EuimChangelogComponent {
|
|
|
3145
3146
|
this.changeLogs = [];
|
|
3146
3147
|
}
|
|
3147
3148
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3148
|
-
/** @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
|
|
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);justify-content:space-between;color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog__items{display:grid;gap:var(--eui-base-spacing-2xs)}.euim-changelog ul{padding:var(--eui-base-spacing-s) 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)}.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 }); }
|
|
3149
3150
|
}
|
|
3150
3151
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3151
3152
|
type: Component,
|
|
3152
|
-
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n
|
|
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);justify-content:space-between;color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog__items{display:grid;gap:var(--eui-base-spacing-2xs)}.euim-changelog ul{padding:var(--eui-base-spacing-s) 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)}.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"] }]
|
|
3153
3154
|
}], propDecorators: { changeLogs: [{
|
|
3154
3155
|
type: Input
|
|
3155
3156
|
}] } });
|
|
3156
3157
|
|
|
3157
3158
|
class EuimPrivacyStatementComponent {
|
|
3158
|
-
|
|
3159
|
-
|
|
3159
|
+
constructor(sanitizer) {
|
|
3160
|
+
this.sanitizer = sanitizer;
|
|
3161
|
+
this.url = '';
|
|
3162
|
+
}
|
|
3163
|
+
ngOnInit() {
|
|
3164
|
+
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
3165
|
+
}
|
|
3166
|
+
/** @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: "14.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 <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 }); }
|
|
3160
3168
|
}
|
|
3161
3169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, decorators: [{
|
|
3162
3170
|
type: Component,
|
|
3163
|
-
args: [{ selector: 'euim-privacy-statement',
|
|
3164
|
-
}] }
|
|
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>\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
|
+
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
|
|
3173
|
+
type: Input
|
|
3174
|
+
}] } });
|
|
3165
3175
|
|
|
3166
3176
|
class EuimHelpSupportComponent {
|
|
3167
3177
|
constructor() {
|
|
@@ -3204,22 +3214,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3204
3214
|
}] } });
|
|
3205
3215
|
|
|
3206
3216
|
class EuimLegalNoticeComponent {
|
|
3207
|
-
|
|
3208
|
-
|
|
3217
|
+
constructor(sanitizer) {
|
|
3218
|
+
this.sanitizer = sanitizer;
|
|
3219
|
+
this.url = '';
|
|
3220
|
+
}
|
|
3221
|
+
ngOnInit() {
|
|
3222
|
+
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
3223
|
+
}
|
|
3224
|
+
/** @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: "14.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 <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 }); }
|
|
3209
3226
|
}
|
|
3210
3227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, decorators: [{
|
|
3211
3228
|
type: Component,
|
|
3212
|
-
args: [{ selector: 'euim-legal-notice',
|
|
3213
|
-
}] }
|
|
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>\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
|
+
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
|
|
3231
|
+
type: Input
|
|
3232
|
+
}] } });
|
|
3214
3233
|
|
|
3215
3234
|
class EuimOpenSourceLicencesComponent {
|
|
3235
|
+
constructor() {
|
|
3236
|
+
this.items = [];
|
|
3237
|
+
this.clickItem = new EventEmitter();
|
|
3238
|
+
}
|
|
3239
|
+
emitItemClick(itemName) {
|
|
3240
|
+
this.clickItem.emit([itemName]);
|
|
3241
|
+
}
|
|
3216
3242
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3217
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3243
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, ngImport: i0, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Open source Licences</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\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.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 }); }
|
|
3218
3244
|
}
|
|
3219
3245
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3220
3246
|
type: Component,
|
|
3221
|
-
args: [{ selector: 'euim-opensource-licences',
|
|
3222
|
-
}]
|
|
3247
|
+
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Open source Licences</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3248
|
+
}], propDecorators: { items: [{
|
|
3249
|
+
type: Input
|
|
3250
|
+
}], clickItem: [{
|
|
3251
|
+
type: Output
|
|
3252
|
+
}] } });
|
|
3223
3253
|
|
|
3224
3254
|
class EuimAboutComponent {
|
|
3225
3255
|
constructor() {
|
|
@@ -3242,14 +3272,14 @@ class EuimAboutComponent {
|
|
|
3242
3272
|
this.openSourceLicencesExists = !!this.openSourceLicences;
|
|
3243
3273
|
}
|
|
3244
3274
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3245
|
-
/** @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>\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 <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\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__listHeader\">ABOUT THIS APP</ion-list-header>\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 (helpSupportExists) {\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 </ion-list>\r\n</div>\r\n", styles: [".euim-about
|
|
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>\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 <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\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__listHeader\">ABOUT THIS APP</ion-list-header>\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 (helpSupportExists) {\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 </ion-list>\r\n</div>\r\n", 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{padding-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__header{display:grid;gap:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-about__header-content{display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__header-label{color:var(--eui-base-color-white);line-height:var(--eui-base-spacing-m)}.euim-about__header-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color: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 }); }
|
|
3246
3276
|
}
|
|
3247
3277
|
__decorate([
|
|
3248
3278
|
coerceBoolean
|
|
3249
3279
|
], EuimAboutComponent.prototype, "showCode", void 0);
|
|
3250
3280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3251
3281
|
type: Component,
|
|
3252
|
-
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>\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 <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\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__listHeader\">ABOUT THIS APP</ion-list-header>\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 (helpSupportExists) {\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 </ion-list>\r\n</div>\r\n", styles: [".euim-about
|
|
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>\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 <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\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__listHeader\">ABOUT THIS APP</ion-list-header>\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 (helpSupportExists) {\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 </ion-list>\r\n</div>\r\n", 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{padding-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__header{display:grid;gap:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-about__header-content{display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__header-label{color:var(--eui-base-color-white);line-height:var(--eui-base-spacing-m)}.euim-about__header-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
|
|
3253
3283
|
}], propDecorators: { changelog: [{
|
|
3254
3284
|
type: ContentChild,
|
|
3255
3285
|
args: [EuimChangelogComponent]
|