qms-angular 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/dialog/dialog.mjs +3 -3
- package/esm2022/lib/components/qms-paginator/qms-paginator.component.mjs +2 -2
- package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +2 -5
- package/fesm2022/qms-angular.mjs +5 -8
- package/fesm2022/qms-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/qms-paginator/qms-paginator.component.scss +14 -13
package/fesm2022/qms-angular.mjs
CHANGED
@@ -2570,11 +2570,11 @@ class QMSConfirmDialog {
|
|
2570
2570
|
this.dialogRef.close(false);
|
2571
2571
|
}
|
2572
2572
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSConfirmDialog, deps: [{ token: i8.UntypedFormBuilder }, { token: i0.ElementRef }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
2573
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSConfirmDialog, selector: "qms-dialog-confirm", host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "actionGroup", first: true, predicate: ["actionGroup"], descendants: true }], ngImport: i0, template: "<div class=\"dialog-container\">\n <
|
2573
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSConfirmDialog, selector: "qms-dialog-confirm", host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "actionGroup", first: true, predicate: ["actionGroup"], descendants: true }], ngImport: i0, template: "<div class=\"dialog-container\">\n <ng-container *ngIf=\"info.title || info.normalTitle\">\n <h3 mat-dialog-title class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\n <h3 mat-dialog-title class=\"title text-normal\" *ngIf=\"info.normalTitle\">\n {{info.normalTitle}}\n <button *ngIf=\"info.closeButton\" class=\"close-btn\" qms-btn-icon color=\"light\" (click)=\"close()\">\n <mat-icon>close</mat-icon>\n </button>\n </h3>\n </ng-container>\n\n <mat-dialog-content [innerHTML]=\"info.body | safeHtml\"></mat-dialog-content>\n\n <mat-dialog-actions align=\"end\" #actionGroup>\n <button qms-btn-text class=\"cancel-btn\" (click)=\"close()\" *ngIf=\"info.cancelText\">\n {{info.cancelText}}\n </button>\n <button *ngIf=\"info.buttonType == 'normal'\" qms-btn id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n <button *ngIf=\"info.buttonType == 'outline'\" qms-btn-text id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n </mat-dialog-actions>\n</div>", styles: ["::ng-deep .qms-dialog.dark-mode .mat-mdc-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container h3.title,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-mdc-dialog-content{color:#fff9}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:#0009;height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:hover,::ng-deep .qms-dialog .dialog-container .close-btn:focus{color:#0009}::ng-deep .qms-dialog .dialog-container .mat-mdc-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }, { kind: "component", type: QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
|
2574
2574
|
}
|
2575
2575
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSConfirmDialog, decorators: [{
|
2576
2576
|
type: Component,
|
2577
|
-
args: [{ selector: 'qms-dialog-confirm', template: "<div class=\"dialog-container\">\n <
|
2577
|
+
args: [{ selector: 'qms-dialog-confirm', template: "<div class=\"dialog-container\">\n <ng-container *ngIf=\"info.title || info.normalTitle\">\n <h3 mat-dialog-title class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\n <h3 mat-dialog-title class=\"title text-normal\" *ngIf=\"info.normalTitle\">\n {{info.normalTitle}}\n <button *ngIf=\"info.closeButton\" class=\"close-btn\" qms-btn-icon color=\"light\" (click)=\"close()\">\n <mat-icon>close</mat-icon>\n </button>\n </h3>\n </ng-container>\n\n <mat-dialog-content [innerHTML]=\"info.body | safeHtml\"></mat-dialog-content>\n\n <mat-dialog-actions align=\"end\" #actionGroup>\n <button qms-btn-text class=\"cancel-btn\" (click)=\"close()\" *ngIf=\"info.cancelText\">\n {{info.cancelText}}\n </button>\n <button *ngIf=\"info.buttonType == 'normal'\" qms-btn id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n <button *ngIf=\"info.buttonType == 'outline'\" qms-btn-text id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n </mat-dialog-actions>\n</div>", styles: ["::ng-deep .qms-dialog.dark-mode .mat-mdc-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container h3.title,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-mdc-dialog-content{color:#fff9}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:#0009;height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:hover,::ng-deep .qms-dialog .dialog-container .close-btn:focus{color:#0009}::ng-deep .qms-dialog .dialog-container .mat-mdc-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}\n"] }]
|
2578
2578
|
}], ctorParameters: () => [{ type: i8.UntypedFormBuilder }, { type: i0.ElementRef }, { type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
2579
2579
|
type: Inject,
|
2580
2580
|
args: [MAT_DIALOG_DATA]
|
@@ -35403,7 +35403,7 @@ class QMSPaginatorComponent {
|
|
35403
35403
|
provide: MAT_SELECT_CONFIG,
|
35404
35404
|
useValue: { overlayPanelClass: 'customCDKpanel' },
|
35405
35405
|
},
|
35406
|
-
], ngImport: i0, template: "<div class=\"qms-paginator-outer-container\" [class.size-small]='size == sizeSmall' [class.d-none]='numHidden > length'>\n <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\n <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\n [disabled]='pageIndex == item' (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"mat-paginator-container-mobile\" *ngIf='size == sizeMobile'>\n <div class=\"mat-paginator-container\" *ngIf='size == sizeMobile'>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\"\n [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\n (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"qms-total-result\">\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div style=\"display: flex;\">\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n\n </div>\n\n</div>", styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination .nav-item button.qms-btn-icon{line-height:1.43;letter-spacing:.01071em;border-radius:20px;text-align:center;box-sizing:border-box;min-width:40px;width:unset;height:40px;padding:0 5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-mdc-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: QMSFormFieldDirective, selector: "[qms-form]" }, { kind: "component", type: QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }] }); }
|
35406
|
+
], ngImport: i0, template: "<div class=\"qms-paginator-outer-container\" [class.size-small]='size == sizeSmall' [class.d-none]='numHidden > length'>\n <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\n <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\n [disabled]='pageIndex == item' (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"mat-paginator-container-mobile\" *ngIf='size == sizeMobile'>\n <div class=\"mat-paginator-container\" *ngIf='size == sizeMobile'>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\"\n [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\n (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"qms-total-result\">\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div style=\"display: flex;\">\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n\n </div>\n\n</div>", styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination .nav-item button.qms-btn-icon{line-height:1.43;letter-spacing:.01071em;border-radius:20px;text-align:center;box-sizing:border-box;min-width:40px;width:unset;height:40px;padding:0 5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-mdc-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}::ng-deep div.mat-mdc-select-panel{min-width:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: QMSFormFieldDirective, selector: "[qms-form]" }, { kind: "component", type: QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }] }); }
|
35407
35407
|
}
|
35408
35408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSPaginatorComponent, decorators: [{
|
35409
35409
|
type: Component,
|
@@ -35414,7 +35414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
35414
35414
|
provide: MAT_SELECT_CONFIG,
|
35415
35415
|
useValue: { overlayPanelClass: 'customCDKpanel' },
|
35416
35416
|
},
|
35417
|
-
], template: "<div class=\"qms-paginator-outer-container\" [class.size-small]='size == sizeSmall' [class.d-none]='numHidden > length'>\n <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\n <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\n [disabled]='pageIndex == item' (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"mat-paginator-container-mobile\" *ngIf='size == sizeMobile'>\n <div class=\"mat-paginator-container\" *ngIf='size == sizeMobile'>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\"\n [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\n (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"qms-total-result\">\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div style=\"display: flex;\">\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n\n </div>\n\n</div>", styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination .nav-item button.qms-btn-icon{line-height:1.43;letter-spacing:.01071em;border-radius:20px;text-align:center;box-sizing:border-box;min-width:40px;width:unset;height:40px;padding:0 5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-mdc-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}\n"] }]
|
35417
|
+
], template: "<div class=\"qms-paginator-outer-container\" [class.size-small]='size == sizeSmall' [class.d-none]='numHidden > length'>\n <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\n <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select disableOptionCentering>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\n [disabled]='pageIndex == item' (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"mat-paginator-container-mobile\" *ngIf='size == sizeMobile'>\n <div class=\"mat-paginator-container\" *ngIf='size == sizeMobile'>\n <div class=\"qms-paginator-range-actions\">\n <ul class=\"nav-list-pagination\">\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\n <mat-icon>chevron_left</mat-icon>\n </button>\n </li>\n <ng-container *ngFor='let item of displayNumberOfPages'>\n <li class=\"nav-item\"> <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span></li>\n <li class=\"nav-item\">\n <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\"\n [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\n (click)='changePage(item)'>\n {{item}}\n </button>\n </li>\n </ng-container>\n <li class=\"nav-item\">\n <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\n <mat-icon>chevron_right</mat-icon>\n </button>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"qms-total-result\">\n <span>{{LANG.RESULTS}}: {{length}}</span>\n </div>\n <div style=\"display: flex;\">\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\n <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageSize\"\n (selectionChange)=\"_changePageSize($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\n <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\n <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\n appearance=\"fill\">\n <mat-select [panelClass]=\"overlayClass\" [value]=\"pageIndex\"\n (selectionChange)=\"_changePageNumber($event.value)\" qms-select>\n <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\n {{ item }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n\n </div>\n\n</div>", styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .nav-list-pagination .nav-item button.qms-btn-icon{line-height:1.43;letter-spacing:.01071em;border-radius:20px;text-align:center;box-sizing:border-box;min-width:40px;width:unset;height:40px;padding:0 5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-mdc-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#0009}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-mdc-text-field-wrapper{width:70px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-mdc-text-field-wrapper{width:60px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0px;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-mdc-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}::ng-deep div.mat-mdc-select-panel{min-width:fit-content!important}\n"] }]
|
35418
35418
|
}], ctorParameters: () => [{ type: TranslateLibraryService }], propDecorators: { numHidden: [{
|
35419
35419
|
type: Input
|
35420
35420
|
}], size: [{
|
@@ -38029,10 +38029,7 @@ class QMSSelectAccessDialogComponent {
|
|
38029
38029
|
}
|
38030
38030
|
};
|
38031
38031
|
for (let item in this.dialogData) {
|
38032
|
-
if (!!this.dialogData[item] && optionObj[item]
|
38033
|
-
this.options.push(optionObj[item]);
|
38034
|
-
}
|
38035
|
-
if (this.dialogData.skipFirstAskingScreen && optionObj[item]) {
|
38032
|
+
if (!!this.dialogData[item] && optionObj[item]) {
|
38036
38033
|
this.options.push(optionObj[item]);
|
38037
38034
|
}
|
38038
38035
|
}
|