@eui/mobile-core 20.0.0-rc.7 → 20.0.0-rc.8
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/properties.html
CHANGED
|
@@ -1286,14 +1286,14 @@ class EuimSidebarComponent {
|
|
|
1286
1286
|
}
|
|
1287
1287
|
}
|
|
1288
1288
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1289
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-text)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1290
1290
|
}
|
|
1291
1291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1292
1292
|
type: Component,
|
|
1293
1293
|
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
1294
1294
|
IonicModule,
|
|
1295
1295
|
RouterModule,
|
|
1296
|
-
], template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-text)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1296
|
+
], template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1297
1297
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { sidebarContent: [{
|
|
1298
1298
|
type: ContentChild,
|
|
1299
1299
|
args: [EuimSidebarContentComponent]
|
|
@@ -2047,7 +2047,7 @@ class EuimCardComponent {
|
|
|
2047
2047
|
}
|
|
2048
2048
|
}
|
|
2049
2049
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2050
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;
|
|
2050
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card ion-card img{max-width:none}.euim-card__header-image{width:100%}.euim-card__image{height:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2051
2051
|
}
|
|
2052
2052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
2053
2053
|
type: Component,
|
|
@@ -2060,7 +2060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2060
2060
|
'euimSizeL',
|
|
2061
2061
|
],
|
|
2062
2062
|
},
|
|
2063
|
-
], imports: [IonicModule], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;
|
|
2063
|
+
], imports: [IonicModule], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card ion-card img{max-width:none}.euim-card__header-image{width:100%}.euim-card__image{height:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"] }]
|
|
2064
2064
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
2065
2065
|
type: ContentChild,
|
|
2066
2066
|
args: [EuimCardImageDirective]
|
|
@@ -3635,7 +3635,7 @@ class EuimPdfViewerComponent {
|
|
|
3635
3635
|
}));
|
|
3636
3636
|
}
|
|
3637
3637
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3638
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div class=\"euim-pdf-viewer__container\">\n @if (data) {\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n }\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons>\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh -
|
|
3638
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div class=\"euim-pdf-viewer__container\">\n @if (data) {\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n }\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons>\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - 55px)}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - 55px)}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - 110px)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", 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.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: PdfViewerModule }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "ngmodule", type: EuimSpinnerComponentModule }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner", inputs: ["variant"] }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3639
3639
|
}
|
|
3640
3640
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3641
3641
|
type: Component,
|
|
@@ -3646,7 +3646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
3646
3646
|
EuimSpinnerComponentModule,
|
|
3647
3647
|
TranslateModule,
|
|
3648
3648
|
HttpClientModule,
|
|
3649
|
-
], template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div class=\"euim-pdf-viewer__container\">\n @if (data) {\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n }\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons>\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh -
|
|
3649
|
+
], template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div class=\"euim-pdf-viewer__container\">\n @if (data) {\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n }\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons>\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - 55px)}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - 55px)}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - 110px)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"] }]
|
|
3650
3650
|
}], ctorParameters: () => [{ type: i1.AlertController }, { type: i2$2.HttpClient }], propDecorators: { url: [{
|
|
3651
3651
|
type: Input
|
|
3652
3652
|
}], page: [{
|