npm - @sumaris-net/ngx-components - Versions diffs - 18.23.59 → 18.23.60 - Mend

@sumaris-net/ngx-components 18.23.59 → 18.23.60

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.

Files changed (300) hide show

package/esm2022/src/app/shared/storage/storage-explorer.component.mjs CHANGED Viewed

@@ -245,10 +245,10 @@ export class StorageExplorerComponent {
         return `var(--ion-color-${LogUtils.levelToColor(level)})`;
     }
     levelToString = LogUtils.levelToString;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerComponent, deps: [{ token: i1.PlatformService }, { token: i2.ToastController }, { token: i2.AlertController }, { token: i3.TranslateService }, { token: i4.MomentDateAdapter }, { token: i0.ChangeDetectorRef }, { token: APP_STORAGE }, { token: ENVIRONMENT }, { token: APP_DEBUG_DATA_SERVICE, optional: true }, { token: APP_STORAGE_EXPLORER_PROTECTED_KEYS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StorageExplorerComponent, selector: "app-storage-explorer", inputs: { mobile: "mobile", showSendButton: "showSendButton" }, viewQueries: [{ propertyName: "sendDataModal", first: true, predicate: ["sendDataModal"], descendants: true }, { propertyName: "viewDataModal", first: true, predicate: ["viewDataModal"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-title>Storage Explorer</ion-title>\n\n    <ion-buttons slot=\"end\">\n      <!-- Refresh -->\n      <button\n        mat-icon-button\n        [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        (click)=\"refresh()\"\n      >\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-grid class=\"ion-padding list-istorage\">\n    <ion-row>\n      <ion-col size=\"12\" size-lg=\"6\" class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.LABEL</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.TYPE</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell ion-text-start\">\n        <ion-label>Nb</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\" size=\"auto\"></ion-col>\n    </ion-row>\n\n    <ion-row class=\"mat-row\" *rxFor=\"let item of $items; trackBy: trackByFn; odd as odd\" [class.odd]=\"odd\">\n      <ion-col size=\"12\" size-lg=\"6\">\n        <ion-label class=\"ion-text-wrap mat-cell\">\n          <b>{{ item.key }}</b>\n        </ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.type }}</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.total }}</ion-label>\n      </ion-col>\n      <ion-col size=\"auto mat-cell\">\n        <ion-buttons>\n          <ion-button\n            color=\"primary\"\n            (click)=\"viewDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_PREVIEW' | translate\">remove_red_eye</mat-icon>\n          </ion-button>\n          <ion-button\n            *ngIf=\"showSendButton\"\n            color=\"primary\"\n            (click)=\"sendDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_SEND' | translate\">send</mat-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n  <ng-container *ngIf=\"$loading | async; else noResult\">\n    <ion-item>\n      <ion-skeleton-text animated></ion-skeleton-text>\n    </ion-item>\n  </ng-container>\n\n  <ng-template #noResult>\n    <ion-item *ngIf=\"$items | async | isEmptyArray\">\n      <ion-text color=\"danger\" class=\"text-italic\" [innerHTML]=\"'COMMON.NO_RESULT' | translate\"></ion-text>\n    </ion-item>\n  </ng-template>\n</ion-content>\n\n<ion-modal #sendDataModal>\n  <ng-template>\n    <ion-content class=\"ion-padding\">\n      <ion-item lines=\"none\" translate>CONFIRM.SEND_DEBUG_DATA</ion-item>\n    </ion-content>\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"sendDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" (click)=\"sendDataModal.dismiss(null, 'send')\" color=\"tertiary\">\n              <ion-label translate>COMMON.BTN_VALIDATE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n\n<ion-modal #viewDataModal class=\"modal-large view-modal\">\n  <ng-template>\n    <ion-content class=\"ion-no-padding\" scroll-y=\"true\">\n      <!-- display logs-->\n      <ng-container *ngIf=\"logs; else otherKey\">\n        <ion-grid>\n          <ion-row *ngFor=\"let log of logs\" [style.color]=\"levelToColor(log.level)\">\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.date | dateFormat: { time: true } }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ levelToString(log.level) }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.loggerName }}\n            </ion-col>\n            <ion-col size=\"12\" size-lg=\"6\" class=\"ion-text-wrap\">\n              {{ log.message }}\n            </ion-col>\n          </ion-row>\n        </ion-grid>\n      </ng-container>\n      <ng-template #otherKey>\n        <div class=\"ion-padding\">\n          <pre>{{ data }}</pre>\n        </div>\n      </ng-template>\n    </ion-content>\n\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"danger\" (click)=\"clear(key)\">\n              <mat-icon slot=\"start\">delete</mat-icon>\n              <ion-label translate>COMMON.BTN_CLEAR</ion-label>\n            </ion-button>\n            <ion-button fill=\"clear\" (click)=\"copyToClipboard(key)\">\n              <mat-icon slot=\"start\">content_copy</mat-icon>\n              <ion-label translate>COMMON.BTN_COPY</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"clear\" *ngIf=\"!mobile\" (click)=\"downloadAsJson(key)\">\n              <mat-icon slot=\"start\">download</mat-icon>\n              <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" color=\"tertiary\" (click)=\"viewDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CLOSE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n", styles: ["ion-grid.list-istorage{--ion-grid-column-padding: 5px}ion-grid.list-istorage ion-row{align-items:center}ion-grid.list-istorage ion-row.mat-header-row{height:40px}ion-grid.list-istorage ion-row.mat-header-row ion-col{vertical-align:center}ion-grid.list-istorage ion-row.computed ion-col ion-label,ion-grid.list-istorage ion-row ion-label.computed{color:var(--ion-color-primary-tint)!important;font-style:italic!important}ion-grid.list-istorage ion-row.odd{background-color:var(--ion-color-light)}ion-grid.list-istorage ion-row ion-col{padding:var(--ion-grid-column-padding)}ion-grid.list-istorage ion-row ion-col ion-label{vertical-align:center}.view-modal pre{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i2.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: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.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: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonModal, selector: "ion-modal" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i6.RxFor, selector: "[rxFor][rxForOf]", inputs: ["rxForOf", "rxForTemplate", "rxForStrategy", "rxForParent", "rxForPatchZone", "rxForTrackBy", "rxForRenderCallback"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i10.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.EmptyArrayPipe, name: "isEmptyArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerComponent, deps: [{ token: i1.PlatformService }, { token: i2.ToastController }, { token: i2.AlertController }, { token: i3.TranslateService }, { token: i4.MomentDateAdapter }, { token: i0.ChangeDetectorRef }, { token: APP_STORAGE }, { token: ENVIRONMENT }, { token: APP_DEBUG_DATA_SERVICE, optional: true }, { token: APP_STORAGE_EXPLORER_PROTECTED_KEYS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StorageExplorerComponent, selector: "app-storage-explorer", inputs: { mobile: "mobile", showSendButton: "showSendButton" }, viewQueries: [{ propertyName: "sendDataModal", first: true, predicate: ["sendDataModal"], descendants: true }, { propertyName: "viewDataModal", first: true, predicate: ["viewDataModal"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-title>Storage Explorer</ion-title>\n\n    <ion-buttons slot=\"end\">\n      <!-- Refresh -->\n      <button\n        mat-icon-button\n        [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        (click)=\"refresh()\"\n      >\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-grid class=\"ion-padding list-istorage\">\n    <ion-row>\n      <ion-col size=\"12\" size-lg=\"6\" class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.LABEL</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.TYPE</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell ion-text-start\">\n        <ion-label>Nb</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\" size=\"auto\"></ion-col>\n    </ion-row>\n\n    <ion-row class=\"mat-row\" *rxFor=\"let item of $items; trackBy: trackByFn; odd as odd\" [class.odd]=\"odd\">\n      <ion-col size=\"12\" size-lg=\"6\">\n        <ion-label class=\"ion-text-wrap mat-cell\">\n          <b>{{ item.key }}</b>\n        </ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.type }}</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.total }}</ion-label>\n      </ion-col>\n      <ion-col size=\"auto mat-cell\">\n        <ion-buttons>\n          <ion-button\n            color=\"primary\"\n            (click)=\"viewDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_PREVIEW' | translate\">remove_red_eye</mat-icon>\n          </ion-button>\n          <ion-button\n            *ngIf=\"showSendButton\"\n            color=\"primary\"\n            (click)=\"sendDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_SEND' | translate\">send</mat-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n  <ng-container *ngIf=\"$loading | async; else noResult\">\n    <ion-item>\n      <ion-skeleton-text animated></ion-skeleton-text>\n    </ion-item>\n  </ng-container>\n\n  <ng-template #noResult>\n    <ion-item *ngIf=\"$items | async | isEmptyArray\">\n      <ion-text color=\"danger\" class=\"text-italic\" [innerHTML]=\"'COMMON.NO_RESULT' | translate\"></ion-text>\n    </ion-item>\n  </ng-template>\n</ion-content>\n\n<ion-modal #sendDataModal>\n  <ng-template>\n    <ion-content class=\"ion-padding\">\n      <ion-item lines=\"none\" translate>CONFIRM.SEND_DEBUG_DATA</ion-item>\n    </ion-content>\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"sendDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" (click)=\"sendDataModal.dismiss(null, 'send')\" color=\"tertiary\">\n              <ion-label translate>COMMON.BTN_VALIDATE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n\n<ion-modal #viewDataModal class=\"modal-large view-modal\">\n  <ng-template>\n    <ion-content class=\"ion-no-padding\" scroll-y=\"true\">\n      <!-- display logs-->\n      <ng-container *ngIf=\"logs; else otherKey\">\n        <ion-grid>\n          <ion-row *ngFor=\"let log of logs\" [style.color]=\"levelToColor(log.level)\">\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.date | dateFormat: { time: true } }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ levelToString(log.level) }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.loggerName }}\n            </ion-col>\n            <ion-col size=\"12\" size-lg=\"6\" class=\"ion-text-wrap\">\n              {{ log.message }}\n            </ion-col>\n          </ion-row>\n        </ion-grid>\n      </ng-container>\n      <ng-template #otherKey>\n        <div class=\"ion-padding\">\n          <pre>{{ data }}</pre>\n        </div>\n      </ng-template>\n    </ion-content>\n\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"danger\" (click)=\"clear(key)\">\n              <mat-icon slot=\"start\">delete</mat-icon>\n              <ion-label translate>COMMON.BTN_CLEAR</ion-label>\n            </ion-button>\n            <ion-button fill=\"clear\" (click)=\"copyToClipboard(key)\">\n              <mat-icon slot=\"start\">content_copy</mat-icon>\n              <ion-label translate>COMMON.BTN_COPY</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"clear\" *ngIf=\"!mobile\" (click)=\"downloadAsJson(key)\">\n              <mat-icon slot=\"start\">download</mat-icon>\n              <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" color=\"tertiary\" (click)=\"viewDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CLOSE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n", styles: ["ion-grid.list-istorage{--ion-grid-column-padding: 5px}ion-grid.list-istorage ion-row{align-items:center}ion-grid.list-istorage ion-row.mat-header-row{height:40px}ion-grid.list-istorage ion-row.mat-header-row ion-col{vertical-align:center}ion-grid.list-istorage ion-row.computed ion-col ion-label,ion-grid.list-istorage ion-row ion-label.computed{color:var(--ion-color-primary-tint)!important;font-style:italic!important}ion-grid.list-istorage ion-row.odd{background-color:var(--ion-color-light)}ion-grid.list-istorage ion-row ion-col{padding:var(--ion-grid-column-padding)}ion-grid.list-istorage ion-row ion-col ion-label{vertical-align:center}.view-modal pre{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i2.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: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.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: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonModal, selector: "ion-modal" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i6.RxFor, selector: "[rxFor][rxForOf]", inputs: ["rxForOf", "rxForTemplate", "rxForStrategy", "rxForParent", "rxForPatchZone", "rxForTrackBy", "rxForRenderCallback"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i10.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.EmptyArrayPipe, name: "isEmptyArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-storage-explorer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-title>Storage Explorer</ion-title>\n\n    <ion-buttons slot=\"end\">\n      <!-- Refresh -->\n      <button\n        mat-icon-button\n        [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n        (click)=\"refresh()\"\n      >\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-grid class=\"ion-padding list-istorage\">\n    <ion-row>\n      <ion-col size=\"12\" size-lg=\"6\" class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.LABEL</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\">\n        <ion-label translate>REFERENTIAL.TYPE</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell ion-text-start\">\n        <ion-label>Nb</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-header-cell\" size=\"auto\"></ion-col>\n    </ion-row>\n\n    <ion-row class=\"mat-row\" *rxFor=\"let item of $items; trackBy: trackByFn; odd as odd\" [class.odd]=\"odd\">\n      <ion-col size=\"12\" size-lg=\"6\">\n        <ion-label class=\"ion-text-wrap mat-cell\">\n          <b>{{ item.key }}</b>\n        </ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.type }}</ion-label>\n      </ion-col>\n      <ion-col class=\"mat-cell\">\n        <ion-label>{{ item.total }}</ion-label>\n      </ion-col>\n      <ion-col size=\"auto mat-cell\">\n        <ion-buttons>\n          <ion-button\n            color=\"primary\"\n            (click)=\"viewDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_PREVIEW' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_PREVIEW' | translate\">remove_red_eye</mat-icon>\n          </ion-button>\n          <ion-button\n            *ngIf=\"showSendButton\"\n            color=\"primary\"\n            (click)=\"sendDataClick($event, item.key)\"\n            [title]=\"!showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n            [matTooltip]=\"showTooltip ? ('COMMON.BTN_SEND' | translate) : ''\"\n          >\n            <mat-icon slot=\"icon-only\" [attr.aria-label]=\"'COMMON.BTN_SEND' | translate\">send</mat-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n  <ng-container *ngIf=\"$loading | async; else noResult\">\n    <ion-item>\n      <ion-skeleton-text animated></ion-skeleton-text>\n    </ion-item>\n  </ng-container>\n\n  <ng-template #noResult>\n    <ion-item *ngIf=\"$items | async | isEmptyArray\">\n      <ion-text color=\"danger\" class=\"text-italic\" [innerHTML]=\"'COMMON.NO_RESULT' | translate\"></ion-text>\n    </ion-item>\n  </ng-template>\n</ion-content>\n\n<ion-modal #sendDataModal>\n  <ng-template>\n    <ion-content class=\"ion-padding\">\n      <ion-item lines=\"none\" translate>CONFIRM.SEND_DEBUG_DATA</ion-item>\n    </ion-content>\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"sendDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" (click)=\"sendDataModal.dismiss(null, 'send')\" color=\"tertiary\">\n              <ion-label translate>COMMON.BTN_VALIDATE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n\n<ion-modal #viewDataModal class=\"modal-large view-modal\">\n  <ng-template>\n    <ion-content class=\"ion-no-padding\" scroll-y=\"true\">\n      <!-- display logs-->\n      <ng-container *ngIf=\"logs; else otherKey\">\n        <ion-grid>\n          <ion-row *ngFor=\"let log of logs\" [style.color]=\"levelToColor(log.level)\">\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.date | dateFormat: { time: true } }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ levelToString(log.level) }}\n            </ion-col>\n            <ion-col size=\"2\" class=\"ion-text-start\">\n              {{ log.loggerName }}\n            </ion-col>\n            <ion-col size=\"12\" size-lg=\"6\" class=\"ion-text-wrap\">\n              {{ log.message }}\n            </ion-col>\n          </ion-row>\n        </ion-grid>\n      </ng-container>\n      <ng-template #otherKey>\n        <div class=\"ion-padding\">\n          <pre>{{ data }}</pre>\n        </div>\n      </ng-template>\n    </ion-content>\n\n    <ion-footer>\n      <ion-toolbar>\n        <ion-row class=\"ion-no-padding\" nowrap>\n          <ion-col></ion-col>\n\n          <!-- buttons -->\n          <ion-col size=\"auto\">\n            <ion-button fill=\"clear\" color=\"danger\" (click)=\"clear(key)\">\n              <mat-icon slot=\"start\">delete</mat-icon>\n              <ion-label translate>COMMON.BTN_CLEAR</ion-label>\n            </ion-button>\n            <ion-button fill=\"clear\" (click)=\"copyToClipboard(key)\">\n              <mat-icon slot=\"start\">content_copy</mat-icon>\n              <ion-label translate>COMMON.BTN_COPY</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"clear\" *ngIf=\"!mobile\" (click)=\"downloadAsJson(key)\">\n              <mat-icon slot=\"start\">download</mat-icon>\n              <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n            </ion-button>\n\n            <ion-button fill=\"solid\" color=\"tertiary\" (click)=\"viewDataModal.dismiss()\">\n              <ion-label translate>COMMON.BTN_CLOSE</ion-label>\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    </ion-footer>\n  </ng-template>\n</ion-modal>\n", styles: ["ion-grid.list-istorage{--ion-grid-column-padding: 5px}ion-grid.list-istorage ion-row{align-items:center}ion-grid.list-istorage ion-row.mat-header-row{height:40px}ion-grid.list-istorage ion-row.mat-header-row ion-col{vertical-align:center}ion-grid.list-istorage ion-row.computed ion-col ion-label,ion-grid.list-istorage ion-row ion-label.computed{color:var(--ion-color-primary-tint)!important;font-style:italic!important}ion-grid.list-istorage ion-row.odd{background-color:var(--ion-color-light)}ion-grid.list-istorage ion-row ion-col{padding:var(--ion-grid-column-padding)}ion-grid.list-istorage ion-row ion-col ion-label{vertical-align:center}.view-modal pre{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}\n"] }]
         }], ctorParameters: () => [{ type: i1.PlatformService }, { type: i2.ToastController }, { type: i2.AlertController }, { type: i3.TranslateService }, { type: i4.MomentDateAdapter }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{

package/esm2022/src/app/shared/storage/storage-explorer.module.mjs CHANGED Viewed

@@ -9,13 +9,13 @@ import { RxStateModule } from '../rx-state/rx-state.module';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class StorageExplorerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerModule, declarations: [StorageExplorerComponent], imports: [IonicModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerModule, declarations: [StorageExplorerComponent], imports: [IonicModule,
             CommonModule, i1.TranslateModule, RxStateModule,
             // Other shared modules
             SharedPipesModule,
             SharedMaterialModule], exports: [StorageExplorerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerModule, imports: [IonicModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerModule, imports: [IonicModule,
             CommonModule,
             TranslateModule.forChild(),
             RxStateModule,
@@ -23,7 +23,7 @@ export class StorageExplorerModule {
             SharedPipesModule,
             SharedMaterialModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/src/app/shared/storage/storage-explorer.testing-routing.module.mjs CHANGED Viewed

@@ -13,11 +13,11 @@ const routes = [
     },
 ];
 export class StorageExplorerTestingRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, i1.RouterModule, StorageExplorerModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), StorageExplorerModule, RouterModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, i1.RouterModule, StorageExplorerModule], exports: [RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), StorageExplorerModule, RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes), StorageExplorerModule],

package/esm2022/src/app/shared/storage/storage-explorer.testing.module.mjs CHANGED Viewed

@@ -11,11 +11,11 @@ const routes = [
     },
 ];
 export class StorageExplorerTestingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageExplorerTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes)],

package/esm2022/src/app/shared/storage/storage.service.mjs CHANGED Viewed

@@ -118,10 +118,10 @@ export class StorageService extends StartableService {
             await this.ready();
         return this._data.forEach(iteratorCallback);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, deps: [{ token: i1.Platform }, { token: i2.Storage }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, deps: [{ token: i1.Platform }, { token: i2.Storage }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/src/app/shared/testing/maskito.test.mjs CHANGED Viewed

@@ -31,10 +31,10 @@ export class MaskitoTestPage {
             strategy: [null],
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaskitoTestPage, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaskitoTestPage, selector: "app-maskito-test", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Maskito test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-card>\n            <ion-card-header>\n              <ion-card-title>\n                <ion-label color=\"primary\">Test Strategy Pattern</ion-label>\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <mat-form-field>\n                <input\n                  matInput\n                  #strategyInput\n                  formControlName=\"strategy\"\n                  autocomplete=\"off\"\n                  type=\"text\"\n                  [maskito]=\"'__ _______ ___' | maskitoPlaceholder: labelMask\"\n                  placeholder=\"Strategy field\"\n                />\n              </mat-form-field>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n", dependencies: [{ kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonBackButton, selector: "ion-back-button" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "pipe", type: i6.MaskitoPlaceholderPipe, name: "maskitoPlaceholder" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskitoTestPage, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MaskitoTestPage, selector: "app-maskito-test", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Maskito test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-card>\n            <ion-card-header>\n              <ion-card-title>\n                <ion-label color=\"primary\">Test Strategy Pattern</ion-label>\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <mat-form-field>\n                <input\n                  matInput\n                  #strategyInput\n                  formControlName=\"strategy\"\n                  autocomplete=\"off\"\n                  type=\"text\"\n                  [maskito]=\"'__ _______ ___' | maskitoPlaceholder: labelMask\"\n                  placeholder=\"Strategy field\"\n                />\n              </mat-form-field>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n", dependencies: [{ kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonBackButton, selector: "ion-back-button" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "pipe", type: i6.MaskitoPlaceholderPipe, name: "maskitoPlaceholder" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaskitoTestPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskitoTestPage, decorators: [{
             type: Component,
             args: [{ selector: 'app-maskito-test', template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Maskito test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-card>\n            <ion-card-header>\n              <ion-card-title>\n                <ion-label color=\"primary\">Test Strategy Pattern</ion-label>\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <mat-form-field>\n                <input\n                  matInput\n                  #strategyInput\n                  formControlName=\"strategy\"\n                  autocomplete=\"off\"\n                  type=\"text\"\n                  [maskito]=\"'__ _______ ___' | maskitoPlaceholder: labelMask\"\n                  placeholder=\"Strategy field\"\n                />\n              </mat-form-field>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }] });

package/esm2022/src/app/shared/testing/observable.test.mjs CHANGED Viewed

@@ -81,10 +81,10 @@ export class ObservableTestPage {
     appendLog(message) {
         this.resultDiv.nativeElement.innerHTML += message + '<br/>';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObservableTestPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ObservableTestPage, selector: "app-observable-test", viewQueries: [{ propertyName: "resultDiv", first: true, predicate: ["result"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Observables test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>waitFor, waitForTrue, waitForFalse</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      <div style=\"display: inline-block\">\n        <p>Set options:</p>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: false })\">\n          stopError: false\n        </ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: true })\">stopError: true</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: 'my error' })\">\n          stopError: 'my error'\n        </ion-button>\n\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: 2000 })\">timeout: 2000</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: null })\">timeout: null</ion-button>\n        <br />\n        <p>Call await function:</p>\n        <ion-button (click)=\"waitForTrue()\">waitForTrue</ion-button>\n        <ion-button (click)=\"firstNotNilPromise()\">firstNotNilPromise</ion-button>\n        <br />\n        <p>Send event to source:</p>\n        <ion-button (click)=\"emit(true)\">Emit 'true'</ion-button>\n        <ion-button (click)=\"emit(false)\">Emit 'false'</ion-button>\n        <br />\n        <p>Stop:</p>\n        <ion-button color=\"danger\" (click)=\"stop()\">Stop</ion-button>\n      </div>\n    </ion-card-content>\n  </ion-card>\n\n  <ion-card>\n    <ion-toolbar>\n      <ion-title>Running job count: {{ runningTaskCount }}</ion-title>\n      <ion-button fill=\"outline\" slot=\"end\" (click)=\"result.innerHTML = ''\">Clear log</ion-button>\n    </ion-toolbar>\n    <ion-card-content>\n      <div #result style=\"color: var(--ion-color-medium)\"></div>\n    </ion-card-content>\n  </ion-card>\n</ion-content>\n", styles: ["ion-button{text-transform:none!important}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObservableTestPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ObservableTestPage, selector: "app-observable-test", viewQueries: [{ propertyName: "resultDiv", first: true, predicate: ["result"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Observables test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>waitFor, waitForTrue, waitForFalse</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      <div style=\"display: inline-block\">\n        <p>Set options:</p>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: false })\">\n          stopError: false\n        </ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: true })\">stopError: true</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: 'my error' })\">\n          stopError: 'my error'\n        </ion-button>\n\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: 2000 })\">timeout: 2000</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: null })\">timeout: null</ion-button>\n        <br />\n        <p>Call await function:</p>\n        <ion-button (click)=\"waitForTrue()\">waitForTrue</ion-button>\n        <ion-button (click)=\"firstNotNilPromise()\">firstNotNilPromise</ion-button>\n        <br />\n        <p>Send event to source:</p>\n        <ion-button (click)=\"emit(true)\">Emit 'true'</ion-button>\n        <ion-button (click)=\"emit(false)\">Emit 'false'</ion-button>\n        <br />\n        <p>Stop:</p>\n        <ion-button color=\"danger\" (click)=\"stop()\">Stop</ion-button>\n      </div>\n    </ion-card-content>\n  </ion-card>\n\n  <ion-card>\n    <ion-toolbar>\n      <ion-title>Running job count: {{ runningTaskCount }}</ion-title>\n      <ion-button fill=\"outline\" slot=\"end\" (click)=\"result.innerHTML = ''\">Clear log</ion-button>\n    </ion-toolbar>\n    <ion-card-content>\n      <div #result style=\"color: var(--ion-color-medium)\"></div>\n    </ion-card-content>\n  </ion-card>\n</ion-content>\n", styles: ["ion-button{text-transform:none!important}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObservableTestPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObservableTestPage, decorators: [{
             type: Component,
             args: [{ selector: 'app-observable-test', template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Observables test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>waitFor, waitForTrue, waitForFalse</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      <div style=\"display: inline-block\">\n        <p>Set options:</p>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: false })\">\n          stopError: false\n        </ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: true })\">stopError: true</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ stopError: 'my error' })\">\n          stopError: 'my error'\n        </ion-button>\n\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: 2000 })\">timeout: 2000</ion-button>\n        <ion-button color=\"medium\" fill=\"outline\" (click)=\"setOptions({ timeout: null })\">timeout: null</ion-button>\n        <br />\n        <p>Call await function:</p>\n        <ion-button (click)=\"waitForTrue()\">waitForTrue</ion-button>\n        <ion-button (click)=\"firstNotNilPromise()\">firstNotNilPromise</ion-button>\n        <br />\n        <p>Send event to source:</p>\n        <ion-button (click)=\"emit(true)\">Emit 'true'</ion-button>\n        <ion-button (click)=\"emit(false)\">Emit 'false'</ion-button>\n        <br />\n        <p>Stop:</p>\n        <ion-button color=\"danger\" (click)=\"stop()\">Stop</ion-button>\n      </div>\n    </ion-card-content>\n  </ion-card>\n\n  <ion-card>\n    <ion-toolbar>\n      <ion-title>Running job count: {{ runningTaskCount }}</ion-title>\n      <ion-button fill=\"outline\" slot=\"end\" (click)=\"result.innerHTML = ''\">Clear log</ion-button>\n    </ion-toolbar>\n    <ion-card-content>\n      <div #result style=\"color: var(--ion-color-medium)\"></div>\n    </ion-card-content>\n  </ion-card>\n</ion-content>\n", styles: ["ion-button{text-transform:none!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { resultDiv: [{

package/esm2022/src/app/shared/testing/tests.page.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class SharedTestsPage {
             relativeTo: this.route,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedTestsPage, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.TranslateService }, { token: APP_TESTING_PAGES, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SharedTestsPage, selector: "app-tests-page", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Tests</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <ion-list *ngIf=\"pages?.length\">\n    <ng-container *ngFor=\"let item of pages\">\n      <ion-item-divider *ngIf=\"item.divider; else link\">{{ item.label }}</ion-item-divider>\n\n      <ng-template #link>\n        <ion-item tappable class=\"text-1x\" (click)=\"openPage(item.page)\">{{ item.label }}</ion-item>\n      </ng-template>\n    </ng-container>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i4.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: i4.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i4.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i4.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i4.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.IonBackButton, selector: "ion-back-button" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedTestsPage, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.TranslateService }, { token: APP_TESTING_PAGES, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SharedTestsPage, selector: "app-tests-page", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Tests</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <ion-list *ngIf=\"pages?.length\">\n    <ng-container *ngFor=\"let item of pages\">\n      <ion-item-divider *ngIf=\"item.divider; else link\">{{ item.label }}</ion-item-divider>\n\n      <ng-template #link>\n        <ion-item tappable class=\"text-1x\" (click)=\"openPage(item.page)\">{{ item.label }}</ion-item>\n      </ng-template>\n    </ng-container>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i4.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: i4.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i4.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i4.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i4.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.IonBackButton, selector: "ion-back-button" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedTestsPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedTestsPage, decorators: [{
             type: Component,
             args: [{ selector: 'app-tests-page', template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Tests</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <ion-list *ngIf=\"pages?.length\">\n    <ng-container *ngFor=\"let item of pages\">\n      <ion-item-divider *ngIf=\"item.divider; else link\">{{ item.label }}</ion-item-divider>\n\n      <ng-template #link>\n        <ion-item tappable class=\"text-1x\" (click)=\"openPage(item.page)\">{{ item.label }}</ion-item>\n      </ng-template>\n    </ng-container>\n  </ion-list>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i2.TranslateService }, { type: undefined, decorators: [{

package/esm2022/src/app/shared/toast/toast.testing.mjs CHANGED Viewed

@@ -44,10 +44,10 @@ export class ToastTestingPage {
     toggleCloseButton() {
         this.options.showCloseButton = !this.options.showCloseButton;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastTestingPage, selector: "toast-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Header (optional)</ion-label>\n      <ion-input [(ngModel)]=\"options.header\"></ion-input>\n    </ion-item>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"options.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"options.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"options.duration\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Position</ion-label>\n      <ion-select [(ngModel)]=\"options.position\">\n        <ion-select-option value=\"auto\">auto</ion-select-option>\n        <ion-select-option value=\"top\">top</ion-select-option>\n        <ion-select-option value=\"bottom\">bottom</ion-select-option>\n        <ion-select-option value=\"middle\">middle</ion-select-option>\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { 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.IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "legacy", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: i1.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingPage, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ToastTestingPage, selector: "toast-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Header (optional)</ion-label>\n      <ion-input [(ngModel)]=\"options.header\"></ion-input>\n    </ion-item>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"options.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"options.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"options.duration\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Position</ion-label>\n      <ion-select [(ngModel)]=\"options.position\">\n        <ion-select-option value=\"auto\">auto</ion-select-option>\n        <ion-select-option value=\"top\">top</ion-select-option>\n        <ion-select-option value=\"bottom\">bottom</ion-select-option>\n        <ion-select-option value=\"middle\">middle</ion-select-option>\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { 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.IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "legacy", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: i1.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingPage, decorators: [{
             type: Component,
             args: [{ selector: 'toast-testing', template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Header (optional)</ion-label>\n      <ion-input [(ngModel)]=\"options.header\"></ion-input>\n    </ion-item>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"options.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"options.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"options.duration\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Position</ion-label>\n      <ion-select [(ngModel)]=\"options.position\">\n        <ion-select-option value=\"auto\">auto</ion-select-option>\n        <ion-select-option value=\"top\">top</ion-select-option>\n        <ion-select-option value=\"bottom\">bottom</ion-select-option>\n        <ion-select-option value=\"middle\">middle</ion-select-option>\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }] });

package/esm2022/src/app/shared/toast/toast.testing.module.mjs CHANGED Viewed

@@ -16,11 +16,11 @@ const routes = [
     },
 ];
 export class ToastTestingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule, FormsModule], exports: [RouterModule, ToastTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), FormsModule, RouterModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule, FormsModule], exports: [RouterModule, ToastTestingPage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), FormsModule, RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), FormsModule],

package/esm2022/src/app/shared/toolbar/modal-toolbar.mjs CHANGED Viewed

@@ -36,10 +36,10 @@ export class ModalToolbarComponent {
     ngOnDestroy() {
         this._subscription.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalToolbarComponent, deps: [{ token: i1.Hotkeys }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ModalToolbarComponent, selector: "app-modal-toolbar", inputs: { modalName: "modalName", title: "title", color: "color", showSpinner: "showSpinner", canValidate: "canValidate", validateIcon: "validateIcon" }, outputs: { cancel: "cancel", validate: "validate" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      @if (cancel.observed) {\n        <ion-button visible-xs visible-sm visible-mobile (click)=\"cancel.emit()\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\">\n      <ng-content select=\"ion-button[slot=end]\"></ng-content>\n\n      <ion-spinner *ngIf=\"showSpinner\"></ion-spinner>\n\n      <ion-button visible-xs visible-sm visible-mobile *ngIf=\"canValidate\" (click)=\"validate.emit($event)\">\n        <ion-icon slot=\"icon-only\" *ngIf=\"validateIcon?.icon\" [name]=\"validateIcon.icon\"></ion-icon>\n        <mat-icon slot=\"icon-only\" *ngIf=\"validateIcon?.matIcon\">{{ validateIcon.matIcon }}</mat-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i3.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalToolbarComponent, deps: [{ token: i1.Hotkeys }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalToolbarComponent, selector: "app-modal-toolbar", inputs: { modalName: "modalName", title: "title", color: "color", showSpinner: "showSpinner", canValidate: "canValidate", validateIcon: "validateIcon" }, outputs: { cancel: "cancel", validate: "validate" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      @if (cancel.observed) {\n        <ion-button visible-xs visible-sm visible-mobile (click)=\"cancel.emit()\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\">\n      <ng-content select=\"ion-button[slot=end]\"></ng-content>\n\n      <ion-spinner *ngIf=\"showSpinner\"></ion-spinner>\n\n      <ion-button visible-xs visible-sm visible-mobile *ngIf=\"canValidate\" (click)=\"validate.emit($event)\">\n        <ion-icon slot=\"icon-only\" *ngIf=\"validateIcon?.icon\" [name]=\"validateIcon.icon\"></ion-icon>\n        <mat-icon slot=\"icon-only\" *ngIf=\"validateIcon?.matIcon\">{{ validateIcon.matIcon }}</mat-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i3.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-modal-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      @if (cancel.observed) {\n        <ion-button visible-xs visible-sm visible-mobile (click)=\"cancel.emit()\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\">\n      <ng-content select=\"ion-button[slot=end]\"></ng-content>\n\n      <ion-spinner *ngIf=\"showSpinner\"></ion-spinner>\n\n      <ion-button visible-xs visible-sm visible-mobile *ngIf=\"canValidate\" (click)=\"validate.emit($event)\">\n        <ion-icon slot=\"icon-only\" *ngIf=\"validateIcon?.icon\" [name]=\"validateIcon.icon\"></ion-icon>\n        <mat-icon slot=\"icon-only\" *ngIf=\"validateIcon?.matIcon\">{{ validateIcon.matIcon }}</mat-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n" }]
         }], ctorParameters: () => [{ type: i1.Hotkeys }], propDecorators: { modalName: [{

package/esm2022/src/app/shared/toolbar/toolbar.mjs CHANGED Viewed

@@ -210,10 +210,10 @@ export class ToolbarComponent {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.NavController }, { token: i0.ChangeDetectorRef }, { token: i2.IonRouterOutlet, optional: true }, { token: APP_PROGRESS_BAR_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ToolbarComponent, selector: "app-toolbar", inputs: { progressBarMode: "progressBarMode", title: "title", color: "color", class: "class", id: "id", backHref: "backHref", defaultBackHref: "defaultBackHref", hasValidate: ["hasValidate", "hasValidate", booleanAttribute], hasClose: ["hasClose", "hasClose", booleanAttribute], hasSearch: ["hasSearch", "hasSearch", booleanAttribute], canGoBack: ["canGoBack", "canGoBack", booleanAttribute], canShowMenu: ["canShowMenu", "canShowMenu", booleanAttribute] }, outputs: { onValidate: "onValidate", onClose: "onClose", onValidateAndClose: "onValidateAndClose", onBackClick: "onBackClick", onSearch: "onSearch" }, providers: [{ provide: ToolbarToken, useExisting: ToolbarComponent }], viewQueries: [{ propertyName: "searchbar", first: true, predicate: ["searchbar"], descendants: true, static: true }, { propertyName: "menuToggle", first: true, predicate: ["menuToggle"], descendants: true, static: true }], ngImport: i0, template: "<ion-header [class]=\"class\" [id]=\"id\">\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      <!-- back button -->\n      @if (canGoBack) {\n        <ion-button class=\"back-button\" (click)=\"doBackClick($event)\" routerDirection=\"back\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- show menu button -->\n      <ion-menu-toggle #menuToggle [menu]=\"'left'\" [class.cdk-visually-hidden]=\"canGoBack || !canShowMenu\">\n        <ion-button>\n          <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n        </ion-button>\n      </ion-menu-toggle>\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title, ion-segment\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\" collapse=\"true\">\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- search bar -->\n      @if (hasSearch) {\n        <ion-searchbar\n          #searchbar\n          animated\n          type=\"search\"\n          [class.cdk-visually-hidden]=\"!showSearchBar\"\n          show-cancel-button=\"always\"\n          (ionChange)=\"ionSearchBarChanged($event)\"\n          (ionCancel)=\"toggleSearchBar()\"\n        ></ion-searchbar>\n\n        <!-- search button -->\n        @if (!showSearchBar) {\n          <ion-button (click)=\"toggleSearchBar()\">\n            <ion-icon slot=\"icon-only\" name=\"search\"></ion-icon>\n          </ion-button>\n        }\n      }\n\n      <!-- close button -->\n      @if (hasClose) {\n        <ion-button (tap)=\"tapClose($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- validate button -->\n      @if (hasValidate) {\n        <ion-button (tap)=\"tapValidate($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"save\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n\n  <!-- progress bar -->\n  <mat-progress-bar [color]=\"color | matColor\" [mode]=\"progressBarMode$ | push\"></mat-progress-bar>\n</ion-header>\n", styles: [""], dependencies: [{ kind: "component", type: i2.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: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.MatColorPipe, name: "matColor" }, { kind: "pipe", type: i5.RxPush, name: "push" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.NavController }, { token: i0.ChangeDetectorRef }, { token: i2.IonRouterOutlet, optional: true }, { token: APP_PROGRESS_BAR_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolbarComponent, selector: "app-toolbar", inputs: { progressBarMode: "progressBarMode", title: "title", color: "color", class: "class", id: "id", backHref: "backHref", defaultBackHref: "defaultBackHref", hasValidate: ["hasValidate", "hasValidate", booleanAttribute], hasClose: ["hasClose", "hasClose", booleanAttribute], hasSearch: ["hasSearch", "hasSearch", booleanAttribute], canGoBack: ["canGoBack", "canGoBack", booleanAttribute], canShowMenu: ["canShowMenu", "canShowMenu", booleanAttribute] }, outputs: { onValidate: "onValidate", onClose: "onClose", onValidateAndClose: "onValidateAndClose", onBackClick: "onBackClick", onSearch: "onSearch" }, providers: [{ provide: ToolbarToken, useExisting: ToolbarComponent }], viewQueries: [{ propertyName: "searchbar", first: true, predicate: ["searchbar"], descendants: true, static: true }, { propertyName: "menuToggle", first: true, predicate: ["menuToggle"], descendants: true, static: true }], ngImport: i0, template: "<ion-header [class]=\"class\" [id]=\"id\">\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      <!-- back button -->\n      @if (canGoBack) {\n        <ion-button class=\"back-button\" (click)=\"doBackClick($event)\" routerDirection=\"back\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- show menu button -->\n      <ion-menu-toggle #menuToggle [menu]=\"'left'\" [class.cdk-visually-hidden]=\"canGoBack || !canShowMenu\">\n        <ion-button>\n          <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n        </ion-button>\n      </ion-menu-toggle>\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title, ion-segment\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\" collapse=\"true\">\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- search bar -->\n      @if (hasSearch) {\n        <ion-searchbar\n          #searchbar\n          animated\n          type=\"search\"\n          [class.cdk-visually-hidden]=\"!showSearchBar\"\n          show-cancel-button=\"always\"\n          (ionChange)=\"ionSearchBarChanged($event)\"\n          (ionCancel)=\"toggleSearchBar()\"\n        ></ion-searchbar>\n\n        <!-- search button -->\n        @if (!showSearchBar) {\n          <ion-button (click)=\"toggleSearchBar()\">\n            <ion-icon slot=\"icon-only\" name=\"search\"></ion-icon>\n          </ion-button>\n        }\n      }\n\n      <!-- close button -->\n      @if (hasClose) {\n        <ion-button (tap)=\"tapClose($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- validate button -->\n      @if (hasValidate) {\n        <ion-button (tap)=\"tapValidate($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"save\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n\n  <!-- progress bar -->\n  <mat-progress-bar [color]=\"color | matColor\" [mode]=\"progressBarMode$ | push\"></mat-progress-bar>\n</ion-header>\n", styles: [""], dependencies: [{ kind: "component", type: i2.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: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.MatColorPipe, name: "matColor" }, { kind: "pipe", type: i5.RxPush, name: "push" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-toolbar', providers: [{ provide: ToolbarToken, useExisting: ToolbarComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header [class]=\"class\" [id]=\"id\">\n  <ion-toolbar [color]=\"color\">\n    <ion-buttons slot=\"start\">\n      <!-- back button -->\n      @if (canGoBack) {\n        <ion-button class=\"back-button\" (click)=\"doBackClick($event)\" routerDirection=\"back\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- show menu button -->\n      <ion-menu-toggle #menuToggle [menu]=\"'left'\" [class.cdk-visually-hidden]=\"canGoBack || !canShowMenu\">\n        <ion-button>\n          <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n        </ion-button>\n      </ion-menu-toggle>\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    @if (title) {\n      <ion-title [innerHTML]=\"title\"></ion-title>\n    }\n\n    <ng-content select=\"[slot=title], ion-title, ion-segment\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\" collapse=\"true\">\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- search bar -->\n      @if (hasSearch) {\n        <ion-searchbar\n          #searchbar\n          animated\n          type=\"search\"\n          [class.cdk-visually-hidden]=\"!showSearchBar\"\n          show-cancel-button=\"always\"\n          (ionChange)=\"ionSearchBarChanged($event)\"\n          (ionCancel)=\"toggleSearchBar()\"\n        ></ion-searchbar>\n\n        <!-- search button -->\n        @if (!showSearchBar) {\n          <ion-button (click)=\"toggleSearchBar()\">\n            <ion-icon slot=\"icon-only\" name=\"search\"></ion-icon>\n          </ion-button>\n        }\n      }\n\n      <!-- close button -->\n      @if (hasClose) {\n        <ion-button (tap)=\"tapClose($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n        </ion-button>\n      }\n\n      <!-- validate button -->\n      @if (hasValidate) {\n        <ion-button (tap)=\"tapValidate($event)\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"save\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n\n  <!-- progress bar -->\n  <mat-progress-bar [color]=\"color | matColor\" [mode]=\"progressBarMode$ | push\"></mat-progress-bar>\n</ion-header>\n" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i2.NavController }, { type: i0.ChangeDetectorRef }, { type: i2.IonRouterOutlet, decorators: [{

package/esm2022/src/app/shared/toolbar/toolbar.module.mjs CHANGED Viewed

@@ -11,11 +11,11 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { RxStateModule } from '../rx-state/rx-state.module';
 import * as i0 from "@angular/core";
 export class SharedToolbarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SharedToolbarModule, declarations: [ToolbarComponent, ModalToolbarComponent], imports: [CommonModule, IonicModule, TranslateModule, HammerModule, SharedPipesModule, RxStateModule, MatProgressBarModule, MatIconModule], exports: [ToolbarComponent, ModalToolbarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedToolbarModule, imports: [CommonModule, IonicModule, TranslateModule, HammerModule, SharedPipesModule, RxStateModule, MatProgressBarModule, MatIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SharedToolbarModule, declarations: [ToolbarComponent, ModalToolbarComponent], imports: [CommonModule, IonicModule, TranslateModule, HammerModule, SharedPipesModule, RxStateModule, MatProgressBarModule, MatIconModule], exports: [ToolbarComponent, ModalToolbarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedToolbarModule, imports: [CommonModule, IonicModule, TranslateModule, HammerModule, SharedPipesModule, RxStateModule, MatProgressBarModule, MatIconModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedToolbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedToolbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, IonicModule, TranslateModule, HammerModule, SharedPipesModule, RxStateModule, MatProgressBarModule, MatIconModule],

package/esm2022/src/app/shared/upload-file/testing/upload-file.testing.mjs CHANGED Viewed

@@ -49,10 +49,10 @@ export class UploadFileTestingPage {
         await sleep(2000);
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingPage, deps: [{ token: i1.PopoverController }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UploadFileTestingPage, selector: "upload-file-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\">\n  <ion-title>File upload</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Popover examples:</p>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(unique file)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(many files)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(instant upload)\n  </ion-button>\n\n  <ion-button\n    (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true, maxParallelUpload: 3 })\"\n    color=\"tertiary\"\n  >\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(max parallel upload)\n  </ion-button>\n</ion-content>\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingPage, deps: [{ token: i1.PopoverController }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: UploadFileTestingPage, selector: "upload-file-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\">\n  <ion-title>File upload</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Popover examples:</p>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(unique file)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(many files)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(instant upload)\n  </ion-button>\n\n  <ion-button\n    (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true, maxParallelUpload: 3 })\"\n    color=\"tertiary\"\n  >\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(max parallel upload)\n  </ion-button>\n</ion-content>\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingPage, decorators: [{
             type: Component,
             args: [{ selector: 'upload-file-testing', template: "<ion-toolbar color=\"primary\">\n  <ion-title>File upload</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Popover examples:</p>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(unique file)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(many files)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(instant upload)\n  </ion-button>\n\n  <ion-button\n    (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true, maxParallelUpload: 3 })\"\n    color=\"tertiary\"\n  >\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(max parallel upload)\n  </ion-button>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i1.PopoverController }] });

package/esm2022/src/app/shared/upload-file/testing/upload-file.testing.module.mjs CHANGED Viewed

@@ -15,11 +15,11 @@ const routes = [
     },
 ];
 export class UploadFileTestingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingModule, declarations: [UploadFileTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule], exports: [RouterModule, UploadFileTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), RouterModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, declarations: [UploadFileTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule], exports: [RouterModule, UploadFileTestingPage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadFileTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes)],