qms-angular 2.0.1 → 2.0.3
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/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
- 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/related/popup/related-popup.component.mjs +3 -3
- package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
- package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
- package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
- package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
- package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
- package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
- package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
- package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
- package/fesm2022/qms-angular.mjs +46 -46
- package/fesm2022/qms-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
- package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
- package/src/lib/components/qms-paginator/qms-paginator.component.scss +14 -13
- package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
- package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
- package/src/lib/components/select-department/select-department.component.scss +3 -3
- package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
- package/src/lib/components/select-dialog/select-dialog.scss +1 -1
- package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
- package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
- package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
- package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
- package/src/themes/core/_checkbox.scss +5 -1
- package/src/themes/core/_dialog.scss +42 -53
- package/src/themes/core/_form.scss +40 -35
- package/src/themes/core/_radio.scss +5 -1
- package/src/themes/core/_range-slider.scss +223 -201
- package/src/themes/core/_slide-toggle.scss +48 -6
- package/src/themes/core/_tab.scss +516 -512
|
@@ -21,11 +21,11 @@ export class QmsBannerConfirmComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBannerConfirmComponent, selector: "qms-banner-confirm", inputs: { type: "type", icon: "icon", title: "title", innerHTML: "innerHTML", contents: "contents", buttons: "buttons" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n <div class=\"confirm-information\">\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBannerConfirmComponent, selector: "qms-banner-confirm", inputs: { type: "type", icon: "icon", title: "title", innerHTML: "innerHTML", contents: "contents", buttons: "buttons" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n <div class=\"confirm-information\">\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined padding-right-28\">\n {{ icon }}\n </mat-icon>\n\n <div class=\"qms-banner-confirm-container-content\">\n <h1 class=\"title\" *ngIf=\"title\">\n {{ title }}\n </h1>\n\n <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\n\n <span *ngIf=\"!innerHTML\">\n <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\n mode=\"dark\">\n {{ content.text }}\n </span>\n </span>\n </div>\n </div>\n\n <div class=\"actions banner-confirm-buttons\" *ngIf=\"buttons?.length > 0\">\n <ng-container *ngFor=\"let button of buttons\">\n <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\n [qms-tool-tip]=\"button.tooltip\" [hidden]=\"button.hidden && button.hidden()\"\n [disabled]=\"button.disabled && button.disabled()\" (click)=\"onClickButton($event, button)\">\n {{button.text}}\n </button>\n\n <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\n [hidden]=\"button.hidden && button.hidden()\" [disabled]=\"button.disabled && button.disabled()\"\n mode=\"dark\" (click)=\"onClickButton($event, button)\">\n <mat-icon>{{ button.icon }}</mat-icon>\n </button>\n </ng-container>\n </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .padding-right-28{padding-right:28px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-icon.qms-btn-disabled{background:transparent}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-text.qms-btn-disabled{background:transparent}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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: i3.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "directive", type: i4.QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerConfirmComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'qms-banner-confirm', template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n <div class=\"confirm-information\">\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined
|
|
28
|
+
args: [{ selector: 'qms-banner-confirm', template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n <div class=\"confirm-information\">\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined padding-right-28\">\n {{ icon }}\n </mat-icon>\n\n <div class=\"qms-banner-confirm-container-content\">\n <h1 class=\"title\" *ngIf=\"title\">\n {{ title }}\n </h1>\n\n <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\n\n <span *ngIf=\"!innerHTML\">\n <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\n mode=\"dark\">\n {{ content.text }}\n </span>\n </span>\n </div>\n </div>\n\n <div class=\"actions banner-confirm-buttons\" *ngIf=\"buttons?.length > 0\">\n <ng-container *ngFor=\"let button of buttons\">\n <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\n [qms-tool-tip]=\"button.tooltip\" [hidden]=\"button.hidden && button.hidden()\"\n [disabled]=\"button.disabled && button.disabled()\" (click)=\"onClickButton($event, button)\">\n {{button.text}}\n </button>\n\n <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\n [hidden]=\"button.hidden && button.hidden()\" [disabled]=\"button.disabled && button.disabled()\"\n mode=\"dark\" (click)=\"onClickButton($event, button)\">\n <mat-icon>{{ button.icon }}</mat-icon>\n </button>\n </ng-container>\n </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .padding-right-28{padding-right:28px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-icon.qms-btn-disabled{background:transparent}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-text.qms-btn-disabled{background:transparent}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}\n"] }]
|
|
29
29
|
}], propDecorators: { type: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], icon: [{
|
|
@@ -41,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
41
41
|
}], buttonClick: [{
|
|
42
42
|
type: Output
|
|
43
43
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci1jb25maXJtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvcW1zLWJhbm5lci1jb25maXJtL3Ftcy1iYW5uZXItY29uZmlybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL3Ftcy1iYW5uZXItY29uZmlybS9xbXMtYmFubmVyLWNvbmZpcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUF5RSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7QUFPL0gsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU1hLFNBQUksR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBSTFCLGFBQVEsR0FBdUIsRUFBRSxDQUFDO1FBR2pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7S0FZM0U7SUFWVSxhQUFhLENBQUMsS0FBbUIsRUFBRSxNQUE4QjtRQUNwRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQixLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1NBQ2pCLENBQUMsQ0FBQztRQUVILElBQUksTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNwQixDQUFDO0lBQ0wsQ0FBQzsrR0FuQlEseUJBQXlCO21HQUF6Qix5QkFBeUIsNk5DUnRDLHd5REFxQ007OzRGRDdCTyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksb0JBQW9COzhCQUtyQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFubmVyVHlwZSwgUW1zQmFubmVyQ29uZmlybUJ1dHRvbiwgUW1zQmFubmVyQ29uZmlybUJ1dHRvbkNsaWNrLCBRbXNCYW5uZXJDb250ZW50IH0gZnJvbSAnLi4vbW9kZWxzL3Ftcy1iYW5uZXIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Ftcy1iYW5uZXItY29uZmlybScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Ftcy1iYW5uZXItY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcW1zLWJhbm5lci1jb25maXJtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUW1zQmFubmVyQ29uZmlybUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdHlwZSA9IEJhbm5lclR5cGUucHJpbWFyeTtcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgICBASW5wdXQoKSBpbm5lckhUTUw6IHN0cmluZztcbiAgICBASW5wdXQoKSBjb250ZW50czogUW1zQmFubmVyQ29udGVudFtdID0gW107XG4gICAgQElucHV0KCkgYnV0dG9uczogUW1zQmFubmVyQ29uZmlybUJ1dHRvbltdO1xuXG4gICAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxRbXNCYW5uZXJDb25maXJtQnV0dG9uQ2xpY2s+KCk7XG5cbiAgICBwdWJsaWMgb25DbGlja0J1dHRvbihldmVudDogUG9pbnRlckV2ZW50LCBidXR0b246IFFtc0Jhbm5lckNvbmZpcm1CdXR0b24pIHtcbiAgICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KHtcbiAgICAgICAgICAgIGV2ZW50OiBldmVudCxcbiAgICAgICAgICAgIGJ1dHRvbjogYnV0dG9uXG4gICAgICAgIH0pO1xuXG4gICAgICAgIGlmIChidXR0b24uYWN0aW9uKSB7XG4gICAgICAgICAgICBidXR0b24uYWN0aW9uKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicW1zLWJhbm5lci1jb25maXJtLWNvbnRhaW5lciBiYW5uZXItY29udGFpbmVyLXt7dHlwZX19IHRleHQtY29sb3Ite3t0eXBlfX0gZm9udC1zaXplLTE0IGxpbmUtaGVpZ2h0LTIyXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbmZpcm0taW5mb3JtYXRpb25cIj5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgcGFkZGluZy1yaWdodC0yOFwiPlxuICAgICAgICAgICAge3sgaWNvbiB9fVxuICAgICAgICA8L21hdC1pY29uPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJxbXMtYmFubmVyLWNvbmZpcm0tY29udGFpbmVyLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxoMSBjbGFzcz1cInRpdGxlXCIgKm5nSWY9XCJ0aXRsZVwiPlxuICAgICAgICAgICAgICAgIHt7IHRpdGxlIH19XG4gICAgICAgICAgICA8L2gxPlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaW5uZXJIVE1MXCIgY2xhc3M9XCJxbXMtYmFubmVyLWNvbnRhaW5lci10ZXh0XCIgW2lubmVySFRNTF09XCJpbm5lckhUTUxcIj48L2Rpdj5cblxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhaW5uZXJIVE1MXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nRm9yPVwibGV0IGNvbnRlbnQgb2YgY29udGVudHNcIiBbY2xhc3MuZm9udC1ib2xkXT1cImNvbnRlbnQuYm9sZFwiIFtxbXMtdG9vbC10aXBdPVwiY29udGVudC50b29sdGlwXCJcbiAgICAgICAgICAgICAgICAgICAgbW9kZT1cImRhcmtcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgY29udGVudC50ZXh0IH19XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zIGJhbm5lci1jb25maXJtLWJ1dHRvbnNcIiAqbmdJZj1cImJ1dHRvbnM/Lmxlbmd0aCA+IDBcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIj5cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhYnV0dG9uLnR5cGVcIiBxbXMtYnRuLXRleHQgY2xhc3M9XCJ0ZXh0LWNvbG9yLXt7dHlwZX19XCIgbW9kZT1cImRhcmtcIlxuICAgICAgICAgICAgICAgIFtxbXMtdG9vbC10aXBdPVwiYnV0dG9uLnRvb2x0aXBcIiBbaGlkZGVuXT1cImJ1dHRvbi5oaWRkZW4gJiYgYnV0dG9uLmhpZGRlbigpXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiYnV0dG9uLmRpc2FibGVkICYmIGJ1dHRvbi5kaXNhYmxlZCgpXCIgKGNsaWNrKT1cIm9uQ2xpY2tCdXR0b24oJGV2ZW50LCBidXR0b24pXCI+XG4gICAgICAgICAgICAgICAge3tidXR0b24udGV4dH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImJ1dHRvbi50eXBlID09PSAxXCIgcW1zLWJ0bi1pY29uIGNsYXNzPVwidGV4dC1jb2xvci17e3R5cGV9fVwiIFtxbXMtdG9vbC10aXBdPVwiYnV0dG9uLnRvb2x0aXBcIlxuICAgICAgICAgICAgICAgIFtoaWRkZW5dPVwiYnV0dG9uLmhpZGRlbiAmJiBidXR0b24uaGlkZGVuKClcIiBbZGlzYWJsZWRdPVwiYnV0dG9uLmRpc2FibGVkICYmIGJ1dHRvbi5kaXNhYmxlZCgpXCJcbiAgICAgICAgICAgICAgICBtb2RlPVwiZGFya1wiIChjbGljayk9XCJvbkNsaWNrQnV0dG9uKCRldmVudCwgYnV0dG9uKVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj57eyBidXR0b24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -33,11 +33,11 @@ export class QMSConfirmDialog {
|
|
|
33
33
|
this.dialogRef.close(false);
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSConfirmDialog, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.ElementRef }, { token: i2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
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 <
|
|
36
|
+
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: i3.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: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.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: i5.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "pipe", type: i6.SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSConfirmDialog, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'qms-dialog-confirm', template: "<div class=\"dialog-container\">\n <
|
|
40
|
+
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"] }]
|
|
41
41
|
}], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i0.ElementRef }, { type: i2.MatDialogRef }, { type: undefined, decorators: [{
|
|
42
42
|
type: Inject,
|
|
43
43
|
args: [MAT_DIALOG_DATA]
|
|
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{ selector: 'qms-dialog-form', template: "<div class=\"dialog-container\">\n <ng-content></ng-content>\n</div>\n", 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"] }]
|
|
60
60
|
}] });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1jb25maXJtLmh0bWwiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1mb3JtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUcsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFRekUsTUFBTSxPQUFPLGdCQUFnQjtJQUszQixRQUFRLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFvQixFQUFzQixFQUNoQyxNQUFrQixFQUNsQixTQUF5QyxFQUN4QixJQUFJO1FBSFgsT0FBRSxHQUFGLEVBQUUsQ0FBb0I7UUFDaEMsV0FBTSxHQUFOLE1BQU0sQ0FBWTtRQUNsQixjQUFTLEdBQVQsU0FBUyxDQUFnQztRQUdqRCxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBR0QsUUFBUTtJQUVSLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGlCQUFpQjtRQUNmLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztRQUM5RCxRQUFRLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDakYsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBckNVLGdCQUFnQiwwR0FZakIsZUFBZTttR0FaZCxnQkFBZ0Isb09DVjdCLHlsQ0F3Qk07OzRGRGRPLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxvQkFBb0I7OzBCQWdCM0IsTUFBTTsyQkFBQyxlQUFlO3lDQVRDLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFeEIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUEwQzNDLE1BQU0sT0FBTyxhQUFhO0lBQ3hCLFFBQVE7SUFFUixDQUFDOytHQUhVLGFBQWE7bUdBQWIsYUFBYSx1REV4RDFCLHlFQUdBOzs0RkZxRGEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1CdWlsZGVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQ29uZmlybURpYWxvZyB9IGZyb20gJy4vY29uc3RhbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxbXMtZGlhbG9nLWNvbmZpcm0nLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1jb25maXJtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRTVNDb25maXJtRGlhbG9nIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgaW5mbzogQ29uZmlybURpYWxvZztcblxuICBAVmlld0NoaWxkKCdhY3Rpb25Hcm91cCcpIGFjdGlvbkdyb3VwOiBFbGVtZW50UmVmO1xuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoZXZlbnQpIHtcbiAgICB0aGlzLm9yZGVyQWN0aW9uQnV0dG9uKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBVbnR5cGVkRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBfZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxRTVNDb25maXJtRGlhbG9nPixcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgZGF0YSkge1xuXG4gICAgdGhpcy5pbmZvID0geyAuLi5kYXRhIH07XG4gIH1cblxuXG4gIG5nT25Jbml0KCkge1xuXG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5vcmRlckFjdGlvbkJ1dHRvbigpO1xuICB9XG5cbiAgb3JkZXJBY3Rpb25CdXR0b24oKSB7XG4gICAgY29uc3QgZGl2SGVpZ2h0ID0gdGhpcy5hY3Rpb25Hcm91cC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYWN0aW9uLWJ0bicpLnN0eWxlLm9yZGVyID0gZGl2SGVpZ2h0ID4gNjggPyAnMScgOiAnMic7XG4gIH1cblxuICBzYXZlKCkge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRydWUpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoZmFsc2UpO1xuICB9XG59XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncW1zLWRpYWxvZy1mb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICdkaWFsb2ctZm9ybS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2RpYWxvZy5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUU1TRm9ybURpYWxvZyBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIG5nT25Jbml0KCkge1xuXG4gIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cImRpYWxvZy1jb250YWluZXJcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImluZm8udGl0bGUgfHwgaW5mby5ub3JtYWxUaXRsZVwiPlxuICAgIDxoMyBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwidGl0bGVcIiAqbmdJZj1cImluZm8udGl0bGVcIj57e2luZm8udGl0bGV9fTwvaDM+XG4gICAgPGgzIG1hdC1kaWFsb2ctdGl0bGUgY2xhc3M9XCJ0aXRsZSB0ZXh0LW5vcm1hbFwiICpuZ0lmPVwiaW5mby5ub3JtYWxUaXRsZVwiPlxuICAgICAge3tpbmZvLm5vcm1hbFRpdGxlfX1cbiAgICAgIDxidXR0b24gKm5nSWY9XCJpbmZvLmNsb3NlQnV0dG9uXCIgY2xhc3M9XCJjbG9zZS1idG5cIiBxbXMtYnRuLWljb24gY29sb3I9XCJsaWdodFwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2gzPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bWF0LWRpYWxvZy1jb250ZW50IFtpbm5lckhUTUxdPVwiaW5mby5ib2R5IHwgc2FmZUh0bWxcIj48L21hdC1kaWFsb2ctY29udGVudD5cblxuICA8bWF0LWRpYWxvZy1hY3Rpb25zIGFsaWduPVwiZW5kXCIgI2FjdGlvbkdyb3VwPlxuICAgIDxidXR0b24gcW1zLWJ0bi10ZXh0IGNsYXNzPVwiY2FuY2VsLWJ0blwiIChjbGljayk9XCJjbG9zZSgpXCIgKm5nSWY9XCJpbmZvLmNhbmNlbFRleHRcIj5cbiAgICAgIHt7aW5mby5jYW5jZWxUZXh0fX1cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiaW5mby5idXR0b25UeXBlID09ICdub3JtYWwnXCIgcW1zLWJ0biBpZD1cImFjdGlvbi1idG5cIiBjbGFzcz1cImFjdGlvbi1idG5cIiAoY2xpY2spPVwic2F2ZSgpXCI+XG4gICAgICB7e2luZm8uYWN0aW9uVGV4dH19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiAqbmdJZj1cImluZm8uYnV0dG9uVHlwZSA9PSAnb3V0bGluZSdcIiBxbXMtYnRuLXRleHQgaWQ9XCJhY3Rpb24tYnRuXCIgY2xhc3M9XCJhY3Rpb24tYnRuXCIgKGNsaWNrKT1cInNhdmUoKVwiPlxuICAgICAge3tpbmZvLmFjdGlvblRleHR9fVxuICAgIDwvYnV0dG9uPlxuICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cbjwvZGl2PiIsIjxkaXYgY2xhc3M9XCJkaWFsb2ctY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -201,7 +201,7 @@ export class QMSPaginatorComponent {
|
|
|
201
201
|
provide: MAT_SELECT_CONFIG,
|
|
202
202
|
useValue: { overlayPanelClass: 'customCDKpanel' },
|
|
203
203
|
},
|
|
204
|
-
], 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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.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: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i7.QMSFormFieldDirective, selector: "[qms-form]" }, { kind: "component", type: i8.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }] }); }
|
|
204
|
+
], 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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.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: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i7.QMSFormFieldDirective, selector: "[qms-form]" }, { kind: "component", type: i8.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }] }); }
|
|
205
205
|
}
|
|
206
206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSPaginatorComponent, decorators: [{
|
|
207
207
|
type: Component,
|
|
@@ -212,7 +212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
212
212
|
provide: MAT_SELECT_CONFIG,
|
|
213
213
|
useValue: { overlayPanelClass: 'customCDKpanel' },
|
|
214
214
|
},
|
|
215
|
-
], 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"] }]
|
|
215
|
+
], 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"] }]
|
|
216
216
|
}], ctorParameters: () => [{ type: i1.TranslateLibraryService }], propDecorators: { numHidden: [{
|
|
217
217
|
type: Input
|
|
218
218
|
}], size: [{
|