@muziehdesign/components 18.2.0-beta.1974 → 18.2.0-next.0
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/README.md +2 -2
- package/esm2022/lib/alert/alert.component.mjs +3 -3
- package/esm2022/lib/button.directive.mjs +10 -10
- package/esm2022/lib/components.module.mjs +1 -1
- package/esm2022/lib/date-display/date-display.pipe.mjs +1 -1
- package/esm2022/lib/date-time/date-time.component.mjs +3 -3
- package/esm2022/lib/date-time/time-value.mjs +1 -1
- package/esm2022/lib/enum-display/enum-display.pipe.mjs +1 -1
- package/esm2022/lib/infinite-scroll/infinite-scroll.component.mjs +3 -3
- package/esm2022/lib/inline-message/inline-message-dialog/inline-message-dialog.component.mjs +3 -3
- package/esm2022/lib/inline-message/inline-message.component.mjs +3 -3
- package/esm2022/lib/models/loading-state.mjs +1 -1
- package/esm2022/lib/models/page-event.mjs +1 -1
- package/esm2022/lib/models/result-table-options.mjs +1 -1
- package/esm2022/lib/models/sort-event.mjs +1 -1
- package/esm2022/lib/models/subject.mjs +1 -1
- package/esm2022/lib/models/wizard-step-link.mjs +1 -1
- package/esm2022/lib/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/page-loading-indicator/page-loading-indicator.component.mjs +3 -3
- package/esm2022/lib/pagination/pagination-default-options.mjs +1 -1
- package/esm2022/lib/pagination/pagination-default-options.token.mjs +1 -1
- package/esm2022/lib/pagination/pagination.component.mjs +5 -5
- package/esm2022/lib/phone-number/phone-number.pipe.mjs +1 -1
- package/esm2022/lib/result-table/result-table.component.mjs +14 -25
- package/esm2022/lib/result-table/result-table.model.mjs +1 -1
- package/esm2022/lib/sort-key.directive.mjs +1 -1
- package/esm2022/lib/sort.directive.mjs +1 -1
- package/esm2022/lib/spinner/spinner.component.mjs +3 -3
- package/esm2022/lib/subject-display/subject-display.pipe.mjs +1 -1
- package/esm2022/lib/svg-icon/svg-icon-config.mjs +1 -1
- package/esm2022/lib/svg-icon/svg-icon.component.mjs +3 -3
- package/esm2022/lib/testing/muzieh-component-harness.mjs +1 -1
- package/esm2022/lib/testing/result-table-harness.mjs +2 -2
- package/esm2022/lib/time-value-accessor.directive.mjs +1 -1
- package/esm2022/lib/time-value-validator.directive.mjs +1 -1
- package/esm2022/lib/wizard-progress-tracker/wizard-progress-tracker.component.mjs +3 -3
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/muziehdesign-components.mjs +47 -58
- package/fesm2022/muziehdesign-components.mjs.map +1 -1
- package/lib/models/page-event.d.ts +3 -3
- package/lib/models/result-table-options.d.ts +1 -2
- package/lib/pagination/pagination.component.d.ts +1 -1
- package/lib/result-table/result-table.component.d.ts +6 -9
- package/lib/result-table/result-table.model.d.ts +5 -5
- package/package.json +1 -1
- package/assets/icons/chevron-down-solid.svg +0 -3
- package/assets/icons/chevron-up-solid.svg +0 -3
- package/assets/icons/icondefinitions.svg +0 -0
- package/design/_accordion.scss +0 -15
- package/design/_alert.scss +0 -51
- package/design/_base.scss +0 -54
- package/design/_breadcrumb.scss +0 -15
- package/design/_button.scss +0 -55
- package/design/_components.scss +0 -0
- package/design/_date-picker.scss +0 -23
- package/design/_dl.scss +0 -22
- package/design/_dropdown-menu.scss +0 -17
- package/design/_form.scss +0 -179
- package/design/_infinite-scroll.scss +0 -16
- package/design/_material.scss +0 -57
- package/design/_modal.scss +0 -287
- package/design/_muzieh.scss +0 -19
- package/design/_pagination.scss +0 -27
- package/design/_progress-bar.scss +0 -25
- package/design/_table.scss +0 -93
- package/design/_tabs.scss +0 -20
- package/design/_wizard.scss +0 -139
|
@@ -19,11 +19,11 @@ export class WizardProgressTrackerComponent {
|
|
|
19
19
|
this.toggled = !this.toggled;
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WizardProgressTrackerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: WizardProgressTrackerComponent, isStandalone: true, selector: "mz-wizard-progress-tracker", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: "<div class=\"wizard-progress-tracker\">\n <div class=\"direction-container\">\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\n <ng-container>\n <div class=\"wizard-step-icon-container\">\n <div class=\"spacer left\">\n </div>\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\n\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\n </mz-svg-icon>\n </div>\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\n <div class=\"step-inner-circle\"></div>\n </div>\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\n </div>\n\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\n <div class=\"spacer right\"></div>\n </div>\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\n step.name\n }}</a>\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div class=\"toggable-icon\">\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\n </button>\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\n </button>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: WizardProgressTrackerComponent, isStandalone: true, selector: "mz-wizard-progress-tracker", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: "<div class=\"wizard-progress-tracker\">\r\n <div class=\"direction-container\">\r\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\r\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\r\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\r\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\r\n <ng-container>\r\n <div class=\"wizard-step-icon-container\">\r\n <div class=\"spacer left\">\r\n </div>\r\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\r\n\r\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\r\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\r\n </mz-svg-icon>\r\n </div>\r\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\r\n <div class=\"step-inner-circle\"></div>\r\n </div>\r\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\r\n </div>\r\n\r\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\r\n <div class=\"spacer right\"></div>\r\n </div>\r\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\r\n step.name\r\n }}</a>\r\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div class=\"toggable-icon\">\r\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\r\n </button>\r\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WizardProgressTrackerComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'mz-wizard-progress-tracker', standalone: true, imports: [CommonModule, SvgIconComponent], template: "<div class=\"wizard-progress-tracker\">\n <div class=\"direction-container\">\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\n <ng-container>\n <div class=\"wizard-step-icon-container\">\n <div class=\"spacer left\">\n </div>\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\n\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\n </mz-svg-icon>\n </div>\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\n <div class=\"step-inner-circle\"></div>\n </div>\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\n </div>\n\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\n <div class=\"spacer right\"></div>\n </div>\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\n step.name\n }}</a>\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div class=\"toggable-icon\">\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\n </button>\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\n </button>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
26
|
+
args: [{ selector: 'mz-wizard-progress-tracker', standalone: true, imports: [CommonModule, SvgIconComponent], template: "<div class=\"wizard-progress-tracker\">\r\n <div class=\"direction-container\">\r\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\r\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\r\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\r\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\r\n <ng-container>\r\n <div class=\"wizard-step-icon-container\">\r\n <div class=\"spacer left\">\r\n </div>\r\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\r\n\r\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\r\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\r\n </mz-svg-icon>\r\n </div>\r\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\r\n <div class=\"step-inner-circle\"></div>\r\n </div>\r\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\r\n </div>\r\n\r\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\r\n <div class=\"spacer right\"></div>\r\n </div>\r\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\r\n step.name\r\n }}</a>\r\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div class=\"toggable-icon\">\r\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\r\n </button>\r\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
27
27
|
}], propDecorators: { steps: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], currentStep: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
31
31
|
}], stepChange: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXByb2dyZXNzLXRyYWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL3dpemFyZC1wcm9ncmVzcy10cmFja2VyL3dpemFyZC1wcm9ncmVzcy10cmFja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi93aXphcmQtcHJvZ3Jlc3MtdHJhY2tlci93aXphcmQtcHJvZ3Jlc3MtdHJhY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRWxDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFTbEUsTUFBTSxPQUFPLDhCQUE4QjtJQVAzQztRQVFXLFVBQUssR0FBcUIsRUFBRSxDQUFDO1FBQzdCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO1FBQzFELFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixTQUFJLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztLQVN0QjtJQVBDLFFBQVEsQ0FBQyxJQUFvQjtRQUMzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ2pDLENBQUM7OEdBYlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIscUxDYjNDLG84RUE2Q0EseUREbENZLFlBQVksOFZBQUUsZ0JBQWdCOzsyRkFFN0IsOEJBQThCO2tCQVAxQyxTQUFTOytCQUNFLDRCQUE0QixjQUd6QixJQUFJLFdBQ1IsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7OEJBR2hDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJTaW5rIH0gZnJvbSAnc3Vic2luayc7XHJcbmltcG9ydCB7IFdpemFyZFN0ZXBMaW5rIH0gZnJvbSAnLi4vbW9kZWxzL3dpemFyZC1zdGVwLWxpbmsnO1xyXG5pbXBvcnQgeyBTdmdJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3ZnLWljb24vc3ZnLWljb24uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXotd2l6YXJkLXByb2dyZXNzLXRyYWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93aXphcmQtcHJvZ3Jlc3MtdHJhY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd2l6YXJkLXByb2dyZXNzLXRyYWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBzdGFuZGFsb25lOiAgdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdmdJY29uQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV2l6YXJkUHJvZ3Jlc3NUcmFja2VyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzdGVwczogV2l6YXJkU3RlcExpbmtbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRTdGVwID0gMDtcclxuICBAT3V0cHV0KCkgc3RlcENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8V2l6YXJkU3RlcExpbms+KCk7XHJcbiAgdG9nZ2xlZCA9IHRydWU7XHJcbiAgc3VicyA9IG5ldyBTdWJTaW5rKCk7XHJcblxyXG4gIGdvVG9TdGVwKHN0ZXA6IFdpemFyZFN0ZXBMaW5rKSB7XHJcbiAgICB0aGlzLnN0ZXBDaGFuZ2UuZW1pdChzdGVwKTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZSgpOiB2b2lkIHtcclxuICAgICAgdGhpcy50b2dnbGVkID0gIXRoaXMudG9nZ2xlZDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIndpemFyZC1wcm9ncmVzcy10cmFja2VyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGlyZWN0aW9uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3RlcHMtY291bnRcIj5TdGVwIHt7IGN1cnJlbnRTdGVwICsgMSB9fSBvZiB7eyBzdGVwcy5sZW5ndGggfX08L3NwYW4+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIndpemFyZC1zdGVwcy1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J3RvZ2dsZWQnOiB0b2dnbGVkfVwiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBpbmRleCBhcyBpO1wiIGNsYXNzPVwid2l6YXJkLXN0ZXBcIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAncHJldmlvdXMnOiBpIDwgY3VycmVudFN0ZXAsICdjdXJyZW50JzogaSA9PT0gY3VycmVudFN0ZXAsICd1bnZpc2l0ZWQnOiBpID4gY3VycmVudFN0ZXAgfVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2l6YXJkLXN0ZXAtaWNvbi1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNwYWNlciBsZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaSA+IDBcIiBjbGFzcz1cInN0ZXAtbGluZSBsZWZ0XCI+PC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaSA8IGN1cnJlbnRTdGVwXCIgY2xhc3M9XCJ3aXphcmQtc3RlcC1pY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bXotc3ZnLWljb24ga2V5PVwiY2hlY2stY2lyY2xlXCIgdHlwZT1cInNvbGlkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L216LXN2Zy1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImkgPT09IGN1cnJlbnRTdGVwXCIgY2xhc3M9XCJ3aXphcmQtc3RlcC1pY29uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1pbm5lci1jaXJjbGVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpID4gY3VycmVudFN0ZXBcIiBjbGFzcz1cIndpemFyZC1zdGVwLWljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaSA8IChzdGVwcy5sZW5ndGggLSAxKVwiIGNsYXNzPVwic3RlcC1saW5lIHN0ZXAtbGluZS1yaWdodFwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3BhY2VyIHJpZ2h0XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGEgKm5nSWY9XCJpIDwgY3VycmVudFN0ZXBcIiBjbGFzcz1cInN0ZXAtZGVzY1wiIChjbGljayk9XCJnb1RvU3RlcChzdGVwKVwiPiB7e1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGVwLm5hbWVcclxuICAgICAgICAgICAgICAgICAgICAgICAgfX08L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiBpID09PSBjdXJyZW50U3RlcFwiIGNsYXNzPVwic3RlcC1kZXNjXCI+IHt7IHN0ZXAubmFtZSB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIgaSA+IGN1cnJlbnRTdGVwXCIgY2xhc3M9XCJzdGVwLWRlc2NcIj4ge3sgc3RlcC5uYW1lIH19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvZ2dhYmxlLWljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiF0b2dnbGVkXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bXotc3ZnLWljb24ga2V5PVwiY2hldnJvbi1kb3duXCI+PC9tei1zdmctaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJ0b2dnbGVkXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bXotc3ZnLWljb24ga2V5PVwiY2hldnJvbi11cFwiPjwvbXotc3ZnLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -33,4 +33,4 @@ export { ButtonDirective } from './lib/button.directive';
|
|
|
33
33
|
export { WizardProgressTrackerComponent } from './lib/wizard-progress-tracker/wizard-progress-tracker.component';
|
|
34
34
|
export { InlineMessageComponent } from './lib/inline-message/inline-message.component';
|
|
35
35
|
export { InlineMessageDialogComponent } from './lib/inline-message/inline-message-dialog/inline-message-dialog.component';
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQWtCLHdCQUF3QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRW5FLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQzlHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFdkUsVUFBVTtBQUNWLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBR2hGLFFBQVE7QUFDUixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUs1RSxrQkFBa0I7QUFDbEIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFFMUYsV0FBVztBQUNYLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRW5GLGdCQUFnQjtBQUNoQixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUV4RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTdELE9BQU87QUFDUCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBR3pELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDRFQUE0RSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNvbXBvbmVudHNcclxuICovXHJcblxyXG5leHBvcnQgeyBTdmdJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvc3ZnLWljb24vc3ZnLWljb24uY29tcG9uZW50JztcclxuZXhwb3J0IHsgU3ZnSWNvbk9wdGlvbnMsIFNWR19JQ09OX0RFRkFVTFRfT1BUSU9OUyB9IGZyb20gJy4vbGliL3N2Zy1pY29uL3N2Zy1pY29uLWNvbmZpZyc7XHJcblxyXG5leHBvcnQgeyBFbnVtRGlzcGxheVBpcGUgfSBmcm9tICcuL2xpYi9lbnVtLWRpc3BsYXkvZW51bS1kaXNwbGF5LnBpcGUnO1xyXG5leHBvcnQgeyBTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgeyBNdXppZWhDb21wb25lbnRzTW9kdWxlIH0gZnJvbSAnLi9saWIvY29tcG9uZW50cy5tb2R1bGUnO1xyXG5leHBvcnQgeyBQYWdlTG9hZGluZ0luZGljYXRvckNvbXBvbmVudCB9IGZyb20gJy4vbGliL3BhZ2UtbG9hZGluZy1pbmRpY2F0b3IvcGFnZS1sb2FkaW5nLWluZGljYXRvci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBQYWdlSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgUGhvbmVOdW1iZXJQaXBlIH0gZnJvbSAnLi9saWIvcGhvbmUtbnVtYmVyL3Bob25lLW51bWJlci5waXBlJztcclxuZXhwb3J0IHsgRGF0ZURpc3BsYXlQaXBlIH0gZnJvbSAnLi9saWIvZGF0ZS1kaXNwbGF5L2RhdGUtZGlzcGxheS5waXBlJztcclxuXHJcbi8vIHN1YmplY3RcclxuZXhwb3J0IHsgU3ViamVjdERpc3BsYXlQaXBlIH0gZnJvbSAnLi9saWIvc3ViamVjdC1kaXNwbGF5L3N1YmplY3QtZGlzcGxheS5waXBlJztcclxuZXhwb3J0IHsgU3ViamVjdCB9IGZyb20gJy4vbGliL21vZGVscy9zdWJqZWN0JztcclxuXHJcbi8vIHRhYmxlXHJcbmV4cG9ydCB7IFJlc3VsdFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvcmVzdWx0LXRhYmxlL3Jlc3VsdC10YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJy4vbGliL21vZGVscy9wYWdlLWV2ZW50JztcclxuZXhwb3J0IHsgTG9hZGluZ1N0YXRlIH0gZnJvbSAnLi9saWIvbW9kZWxzL2xvYWRpbmctc3RhdGUnO1xyXG5leHBvcnQgeyBSZXN1bHRUYWJsZU1vZGVsIH0gZnJvbSAnLi9saWIvcmVzdWx0LXRhYmxlL3Jlc3VsdC10YWJsZS5tb2RlbCc7XHJcblxyXG4vLyBpbmZpbml0ZSBzY3JvbGxcclxuZXhwb3J0IHsgSW5maW5pdGVTY3JvbGxDb21wb25lbnQgfSBmcm9tICcuL2xpYi9pbmZpbml0ZS1zY3JvbGwvaW5maW5pdGUtc2Nyb2xsLmNvbXBvbmVudCc7XHJcblxyXG4vLyBEYXRldGltZVxyXG5leHBvcnQgeyBEYXRlVGltZUNvbXBvbmVudCB9IGZyb20gJy4vbGliL2RhdGUtdGltZS9kYXRlLXRpbWUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGltZVZhbHVlIH0gZnJvbSAnLi9saWIvZGF0ZS10aW1lL3RpbWUtdmFsdWUnO1xyXG5leHBvcnQgeyBUaW1lVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSB9IGZyb20gJy4vbGliL3RpbWUtdmFsdWUtYWNjZXNzb3IuZGlyZWN0aXZlJztcclxuZXhwb3J0IHsgVGltZVZhbHVlVmFsaWRhdG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvdGltZS12YWx1ZS12YWxpZGF0b3IuZGlyZWN0aXZlJztcclxuXHJcbi8vIHRlc3RpbmcgZmlsZXNcclxuZXhwb3J0IHsgTXV6aWVoQ29tcG9uZW50SGFybmVzcyB9IGZyb20gJy4vbGliL3Rlc3RpbmcvbXV6aWVoLWNvbXBvbmVudC1oYXJuZXNzJztcclxuZXhwb3J0IHsgUmVzdWx0VGFibGVIYXJuZXNzIH0gZnJvbSAnLi9saWIvdGVzdGluZy9yZXN1bHQtdGFibGUtaGFybmVzcyc7XHJcblxyXG4vLyBhbGVydFxyXG5leHBvcnQgeyBBbGVydENvbXBvbmVudCB9IGZyb20gJy4vbGliL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudCc7XHJcblxyXG4vLyBzb3J0XHJcbmV4cG9ydCB7IFNvcnRLZXlEaXJlY3RpdmUgfSBmcm9tICcuL2xpYi9zb3J0LWtleS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBTb3J0RGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvc29ydC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2xpYi9idXR0b24uZGlyZWN0aXZlJztcclxuXHJcbmV4cG9ydCB7IFdpemFyZFN0ZXBMaW5rIH0gZnJvbSAnLi9saWIvbW9kZWxzL3dpemFyZC1zdGVwLWxpbmsnO1xyXG5leHBvcnQgeyBXaXphcmRQcm9ncmVzc1RyYWNrZXJDb21wb25lbnQgfSBmcm9tICcuL2xpYi93aXphcmQtcHJvZ3Jlc3MtdHJhY2tlci93aXphcmQtcHJvZ3Jlc3MtdHJhY2tlci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJbmxpbmVNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvaW5saW5lLW1lc3NhZ2UvaW5saW5lLW1lc3NhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSW5saW5lTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vbGliL2lubGluZS1tZXNzYWdlL2lubGluZS1tZXNzYWdlLWRpYWxvZy9pbmxpbmUtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50JztcclxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, Component, Optional, Inject, Input, Pipe, EventEmitter, Output,
|
|
2
|
+
import { InjectionToken, Component, Optional, Inject, Input, Pipe, EventEmitter, Output, Directive, HostListener, HostBinding, forwardRef, ViewChild, ContentChild, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DatePipe } from '@angular/common';
|
|
5
5
|
import * as i1$1 from '@angular/router';
|
|
@@ -32,11 +32,11 @@ class SvgIconComponent {
|
|
|
32
32
|
return this.fileUrl + '#' + this.key;
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SvgIconComponent, deps: [{ token: SVG_ICON_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SvgIconComponent, isStandalone: true, selector: "mz-svg-icon", inputs: { key: "key", type: "type", size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-{{type}} icon-size-{{size}}\" aria-hidden=\"true\">\n <use [attr.href]=\"url\" />\n</svg>", styles: [".icon{display:inline-block}.icon-size-medium{width:1.25rem;height:1.25rem}\n"] }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SvgIconComponent, isStandalone: true, selector: "mz-svg-icon", inputs: { key: "key", type: "type", size: "size" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-{{type}} icon-size-{{size}}\" aria-hidden=\"true\">\r\n <use [attr.href]=\"url\" />\r\n</svg>", styles: [".icon{display:inline-block}.icon-size-medium{width:1.25rem;height:1.25rem}\n"] }); }
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SvgIconComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'mz-svg-icon', standalone: true, imports: [], template: "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-{{type}} icon-size-{{size}}\" aria-hidden=\"true\">\n <use [attr.href]=\"url\" />\n</svg>", styles: [".icon{display:inline-block}.icon-size-medium{width:1.25rem;height:1.25rem}\n"] }]
|
|
39
|
+
args: [{ selector: 'mz-svg-icon', standalone: true, imports: [], template: "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-{{type}} icon-size-{{size}}\" aria-hidden=\"true\">\r\n <use [attr.href]=\"url\" />\r\n</svg>", styles: [".icon{display:inline-block}.icon-size-medium{width:1.25rem;height:1.25rem}\n"] }]
|
|
40
40
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
41
41
|
type: Optional
|
|
42
42
|
}, {
|
|
@@ -102,11 +102,11 @@ class SpinnerComponent {
|
|
|
102
102
|
this.type = 'default'; // TODO: inverse will not exist one day
|
|
103
103
|
}
|
|
104
104
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpinnerComponent, isStandalone: true, selector: "mz-spinner", inputs: { size: "size", type: "type" }, ngImport: i0, template: "<div class=\"w-full\" [ngClass]=\"{'text-primary': type == 'default', 'text-white': type == 'inverse'}\">\n <svg class=\"animate-spin m-auto\" [ngClass]=\"{'w-16 h-16': size == 'large', 'w-5 h-5': size == 'medium'}\" xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path class=\"opacity-75\" fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\">\n </path>\n </svg>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpinnerComponent, isStandalone: true, selector: "mz-spinner", inputs: { size: "size", type: "type" }, ngImport: i0, template: "<div class=\"w-full\" [ngClass]=\"{'text-primary': type == 'default', 'text-white': type == 'inverse'}\">\r\n <svg class=\"animate-spin m-auto\" [ngClass]=\"{'w-16 h-16': size == 'large', 'w-5 h-5': size == 'medium'}\" xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\" viewBox=\"0 0 24 24\">\r\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n <path class=\"opacity-75\" fill=\"currentColor\"\r\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\">\r\n </path>\r\n </svg>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
106
106
|
}
|
|
107
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
|
-
args: [{ selector: 'mz-spinner', standalone: true, imports: [CommonModule], template: "<div class=\"w-full\" [ngClass]=\"{'text-primary': type == 'default', 'text-white': type == 'inverse'}\">\n <svg class=\"animate-spin m-auto\" [ngClass]=\"{'w-16 h-16': size == 'large', 'w-5 h-5': size == 'medium'}\" xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path class=\"opacity-75\" fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\">\n </path>\n </svg>\n</div>" }]
|
|
109
|
+
args: [{ selector: 'mz-spinner', standalone: true, imports: [CommonModule], template: "<div class=\"w-full\" [ngClass]=\"{'text-primary': type == 'default', 'text-white': type == 'inverse'}\">\r\n <svg class=\"animate-spin m-auto\" [ngClass]=\"{'w-16 h-16': size == 'large', 'w-5 h-5': size == 'medium'}\" xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\" viewBox=\"0 0 24 24\">\r\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n <path class=\"opacity-75\" fill=\"currentColor\"\r\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\">\r\n </path>\r\n </svg>\r\n</div>" }]
|
|
110
110
|
}], ctorParameters: () => [], propDecorators: { size: [{
|
|
111
111
|
type: Input
|
|
112
112
|
}], type: [{
|
|
@@ -136,13 +136,13 @@ class PaginationComponent {
|
|
|
136
136
|
if (newValue == this.page || newValue < 1 || newValue > this.pageCount) {
|
|
137
137
|
return;
|
|
138
138
|
}
|
|
139
|
-
this.changePage.emit({
|
|
139
|
+
this.changePage.emit({ page: newValue, pageSize: this.pageSize });
|
|
140
140
|
}
|
|
141
141
|
changePageSize(newValue) {
|
|
142
142
|
if (Number(newValue) == this.pageSize) {
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
|
-
this.changePage.emit({
|
|
145
|
+
this.changePage.emit({ page: 1, pageSize: Number(newValue) });
|
|
146
146
|
}
|
|
147
147
|
updatePages(currentPage, lengthOfItems, currentPageSize) {
|
|
148
148
|
const pageCount = Math.ceil(lengthOfItems / currentPageSize);
|
|
@@ -177,11 +177,11 @@ class PaginationComponent {
|
|
|
177
177
|
this.pages = pageNumbers;
|
|
178
178
|
}
|
|
179
179
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PaginationComponent, deps: [{ token: PAGINATION_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PaginationComponent, isStandalone: true, selector: "mz-pagination", inputs: { length: "length", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == 1}\" (click)=\"changePageNumber(page-1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left\"></mz-svg-icon>\n </button>\n <ng-container *ngFor=\"let p of pages\">\n <span class=\"page-ellipsis page-link disabled\" *ngIf=\"isEllipsis(p)\">...</span>\n <button class=\"page-link\" [ngClass]=\"{'active': p == page}\" (click)=\"changePageNumber(p)\"\n *ngIf=\"!isEllipsis(p)\">{{p}}</button>\n </ng-container>\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == pageCount}\" (click)=\"changePageNumber(page+1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n <option *ngFor=\"let size of pageSizeOptions\" [attr.selected]=\"pageSize == size ? true : null\"\n [value]=\"size\">{{size}}</option>\n </select>\n per page\n </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PaginationComponent, isStandalone: true, selector: "mz-pagination", inputs: { length: "length", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\">\r\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\r\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == 1}\" (click)=\"changePageNumber(page-1)\">\r\n <span class=\"sr-only\">Previous page</span>\r\n <mz-svg-icon key=\"chevron-left\"></mz-svg-icon>\r\n </button>\r\n <ng-container *ngFor=\"let p of pages\">\r\n <span class=\"page-ellipsis page-link disabled\" *ngIf=\"isEllipsis(p)\">...</span>\r\n <button class=\"page-link\" [ngClass]=\"{'active': p == page}\" (click)=\"changePageNumber(p)\"\r\n *ngIf=\"!isEllipsis(p)\">{{p}}</button>\r\n </ng-container>\r\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == pageCount}\" (click)=\"changePageNumber(page+1)\">\r\n <span class=\"sr-only\">Next page</span>\r\n <mz-svg-icon key=\"chevron-right\"></mz-svg-icon>\r\n </button>\r\n </nav>\r\n <div class=\"pagination-size\">\r\n Show\r\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\r\n <option *ngFor=\"let size of pageSizeOptions\" [attr.selected]=\"pageSize == size ? true : null\"\r\n [value]=\"size\">{{size}}</option>\r\n </select>\r\n per page\r\n </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
181
181
|
}
|
|
182
182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
183
183
|
type: Component,
|
|
184
|
-
args: [{ selector: 'mz-pagination', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == 1}\" (click)=\"changePageNumber(page-1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left\"></mz-svg-icon>\n </button>\n <ng-container *ngFor=\"let p of pages\">\n <span class=\"page-ellipsis page-link disabled\" *ngIf=\"isEllipsis(p)\">...</span>\n <button class=\"page-link\" [ngClass]=\"{'active': p == page}\" (click)=\"changePageNumber(p)\"\n *ngIf=\"!isEllipsis(p)\">{{p}}</button>\n </ng-container>\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == pageCount}\" (click)=\"changePageNumber(page+1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n <option *ngFor=\"let size of pageSizeOptions\" [attr.selected]=\"pageSize == size ? true : null\"\n [value]=\"size\">{{size}}</option>\n </select>\n per page\n </div>\n</div>" }]
|
|
184
|
+
args: [{ selector: 'mz-pagination', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div class=\"pagination-wrapper\">\r\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\r\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == 1}\" (click)=\"changePageNumber(page-1)\">\r\n <span class=\"sr-only\">Previous page</span>\r\n <mz-svg-icon key=\"chevron-left\"></mz-svg-icon>\r\n </button>\r\n <ng-container *ngFor=\"let p of pages\">\r\n <span class=\"page-ellipsis page-link disabled\" *ngIf=\"isEllipsis(p)\">...</span>\r\n <button class=\"page-link\" [ngClass]=\"{'active': p == page}\" (click)=\"changePageNumber(p)\"\r\n *ngIf=\"!isEllipsis(p)\">{{p}}</button>\r\n </ng-container>\r\n <button class=\"page-link\" [ngClass]=\"{'disabled': page == pageCount}\" (click)=\"changePageNumber(page+1)\">\r\n <span class=\"sr-only\">Next page</span>\r\n <mz-svg-icon key=\"chevron-right\"></mz-svg-icon>\r\n </button>\r\n </nav>\r\n <div class=\"pagination-size\">\r\n Show\r\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\r\n <option *ngFor=\"let size of pageSizeOptions\" [attr.selected]=\"pageSize == size ? true : null\"\r\n [value]=\"size\">{{size}}</option>\r\n </select>\r\n per page\r\n </div>\r\n</div>" }]
|
|
185
185
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
186
186
|
type: Optional
|
|
187
187
|
}, {
|
|
@@ -202,21 +202,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
202
202
|
class ResultTableComponent {
|
|
203
203
|
constructor() {
|
|
204
204
|
this.loading = false;
|
|
205
|
+
this.options = { hidePagination: false };
|
|
205
206
|
this.pageChange = new EventEmitter();
|
|
206
|
-
this.options = { hidePagination: false, skipScrolling: false };
|
|
207
|
-
}
|
|
208
|
-
ngAfterViewInit() {
|
|
209
207
|
}
|
|
210
208
|
changePage(page, table) {
|
|
211
209
|
this.pageChange.emit(page);
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
});
|
|
216
|
-
}
|
|
210
|
+
setTimeout(() => {
|
|
211
|
+
table.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
212
|
+
});
|
|
217
213
|
}
|
|
218
214
|
searchAgain() {
|
|
219
|
-
this.pageChange.emit({
|
|
215
|
+
this.pageChange.emit({ page: this.model?.page || 1, pageSize: this.model?.pageSize || 20 }); // TODO
|
|
220
216
|
}
|
|
221
217
|
get state() {
|
|
222
218
|
if (this.loading) {
|
|
@@ -227,33 +223,26 @@ class ResultTableComponent {
|
|
|
227
223
|
}
|
|
228
224
|
return 'succeeded';
|
|
229
225
|
}
|
|
230
|
-
get isEmpty() {
|
|
231
|
-
return !this.model || this.model.items.length === 0;
|
|
232
|
-
}
|
|
233
226
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ResultTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
227
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: ResultTableComponent, isStandalone: true, selector: "mz-result-table", inputs: { loading: "loading", error: "error", model: "model", header: "header", body: "body", options: "options" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"result-table\" [ngClass]=\"{'loading': state === 'loading', 'failed': state === 'failed'}\" #tableRef>\r\n <div class=\"loading-overlay-spinner\" *ngIf=\"state === 'loading'\">\r\n <mz-spinner size=\"large\"></mz-spinner>\r\n </div>\r\n <table class=\"table\" [ngClass]=\"{'has-overlay' : state === 'loading'}\">\r\n <caption *ngIf=\"state === 'succeeded' && model && model.results.length > 0\">\r\n {{(model.page-1) * model.pageSize + 1}} - {{((model.page-1) * model.pageSize) + model.results.length}} of {{ model.totalResults }} results\r\n </caption>\r\n <thead>\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </thead>\r\n <tbody>\r\n <ng-container *ngIf=\"state == 'succeeded' && model\">\r\n <ng-container *ngFor=\"let result of model.results\">\r\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: result }\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n <div class=\"table-pagination\" *ngIf=\"state === 'succeeded' && model && model.results.length > 0 && !options?.hidePagination\">\r\n <mz-pagination [length]=\"model.totalResults\" [page]=\"model.page\" [pageSize]=\"model.pageSize\"\r\n (changePage)=\"changePage($event, tableRef)\"></mz-pagination>\r\n </div>\r\n <div class=\"state-message\" *ngIf=\"state == 'succeeded' && model?.results?.length === 0\">\r\n <div class=\"title\">No results found</div>\r\n </div>\r\n <div class=\"state-message\" *ngIf=\"state == 'failed'\">\r\n <div class=\"title\">\r\n <mz-svg-icon key=\"x-circle\" type=\"solid\" class=\"text-danger\"></mz-svg-icon>\r\n Something went wrong\r\n </div>\r\n <div>Unexpected error, <a (click)=\"searchAgain()\" class=\"link-action\">try searching again</a>.</div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PaginationComponent, selector: "mz-pagination", inputs: ["length", "page", "pageSize", "pageSizeOptions"], outputs: ["changePage"] }, { kind: "component", type: SpinnerComponent, selector: "mz-spinner", inputs: ["size", "type"] }, { kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
235
228
|
}
|
|
236
229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ResultTableComponent, decorators: [{
|
|
237
230
|
type: Component,
|
|
238
|
-
args: [{ selector: 'mz-result-table', imports: [CommonModule, PaginationComponent, SpinnerComponent, SvgIconComponent], standalone: true, template: "<div class=\"result-table\" [ngClass]=\"{'loading': state === 'loading', 'failed': state === 'failed'}\" #tableRef>\n <div class=\"loading-overlay-spinner\" *ngIf=\"state === 'loading'\">\n <mz-spinner size=\"large\"></mz-spinner>\n </div>\n <table class=\"table\" [ngClass]=\"{'has-overlay' : state === 'loading'}\">\n <caption *ngIf=\"state === 'succeeded' && model && model.
|
|
231
|
+
args: [{ selector: 'mz-result-table', imports: [CommonModule, PaginationComponent, SpinnerComponent, SvgIconComponent], standalone: true, template: "<div class=\"result-table\" [ngClass]=\"{'loading': state === 'loading', 'failed': state === 'failed'}\" #tableRef>\r\n <div class=\"loading-overlay-spinner\" *ngIf=\"state === 'loading'\">\r\n <mz-spinner size=\"large\"></mz-spinner>\r\n </div>\r\n <table class=\"table\" [ngClass]=\"{'has-overlay' : state === 'loading'}\">\r\n <caption *ngIf=\"state === 'succeeded' && model && model.results.length > 0\">\r\n {{(model.page-1) * model.pageSize + 1}} - {{((model.page-1) * model.pageSize) + model.results.length}} of {{ model.totalResults }} results\r\n </caption>\r\n <thead>\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </thead>\r\n <tbody>\r\n <ng-container *ngIf=\"state == 'succeeded' && model\">\r\n <ng-container *ngFor=\"let result of model.results\">\r\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: result }\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n <div class=\"table-pagination\" *ngIf=\"state === 'succeeded' && model && model.results.length > 0 && !options?.hidePagination\">\r\n <mz-pagination [length]=\"model.totalResults\" [page]=\"model.page\" [pageSize]=\"model.pageSize\"\r\n (changePage)=\"changePage($event, tableRef)\"></mz-pagination>\r\n </div>\r\n <div class=\"state-message\" *ngIf=\"state == 'succeeded' && model?.results?.length === 0\">\r\n <div class=\"title\">No results found</div>\r\n </div>\r\n <div class=\"state-message\" *ngIf=\"state == 'failed'\">\r\n <div class=\"title\">\r\n <mz-svg-icon key=\"x-circle\" type=\"solid\" class=\"text-danger\"></mz-svg-icon>\r\n Something went wrong\r\n </div>\r\n <div>Unexpected error, <a (click)=\"searchAgain()\" class=\"link-action\">try searching again</a>.</div>\r\n </div>\r\n</div>\r\n" }]
|
|
239
232
|
}], ctorParameters: () => [], propDecorators: { loading: [{
|
|
240
233
|
type: Input
|
|
241
234
|
}], error: [{
|
|
242
235
|
type: Input
|
|
243
236
|
}], model: [{
|
|
244
237
|
type: Input
|
|
245
|
-
}],
|
|
246
|
-
type:
|
|
247
|
-
|
|
248
|
-
}], bodyTemplate: [{
|
|
249
|
-
type: ContentChild,
|
|
250
|
-
args: ['bodyTemplate']
|
|
251
|
-
}], pageSizeOptions: [{
|
|
238
|
+
}], header: [{
|
|
239
|
+
type: Input
|
|
240
|
+
}], body: [{
|
|
252
241
|
type: Input
|
|
253
|
-
}], pageChange: [{
|
|
254
|
-
type: Output
|
|
255
242
|
}], options: [{
|
|
256
243
|
type: Input
|
|
244
|
+
}], pageChange: [{
|
|
245
|
+
type: Output
|
|
257
246
|
}] } });
|
|
258
247
|
|
|
259
248
|
class PageLoadingIndicatorComponent {
|
|
@@ -273,11 +262,11 @@ class PageLoadingIndicatorComponent {
|
|
|
273
262
|
this.subs.unsubscribe();
|
|
274
263
|
}
|
|
275
264
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PageLoadingIndicatorComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PageLoadingIndicatorComponent, isStandalone: true, selector: "mz-page-loading-indicator", inputs: { isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"progress-bar-container\" *ngIf=\"isLoading\">\n <div class=\"progress-bar progress-bar-indeterminate\">\n <div class=\"progress-bar-value\"></div>\n </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PageLoadingIndicatorComponent, isStandalone: true, selector: "mz-page-loading-indicator", inputs: { isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"progress-bar-container\" *ngIf=\"isLoading\">\r\n <div class=\"progress-bar progress-bar-indeterminate\">\r\n <div class=\"progress-bar-value\"></div>\r\n </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
277
266
|
}
|
|
278
267
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PageLoadingIndicatorComponent, decorators: [{
|
|
279
268
|
type: Component,
|
|
280
|
-
args: [{ selector: 'mz-page-loading-indicator', imports: [CommonModule], standalone: true, template: "<div class=\"progress-bar-container\" *ngIf=\"isLoading\">\n <div class=\"progress-bar progress-bar-indeterminate\">\n <div class=\"progress-bar-value\"></div>\n </div>\n</div>" }]
|
|
269
|
+
args: [{ selector: 'mz-page-loading-indicator', imports: [CommonModule], standalone: true, template: "<div class=\"progress-bar-container\" *ngIf=\"isLoading\">\r\n <div class=\"progress-bar progress-bar-indeterminate\">\r\n <div class=\"progress-bar-value\"></div>\r\n </div>\r\n</div>" }]
|
|
281
270
|
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { isLoading: [{
|
|
282
271
|
type: Input
|
|
283
272
|
}] } });
|
|
@@ -296,11 +285,11 @@ class PageHeaderComponent {
|
|
|
296
285
|
}
|
|
297
286
|
ngOnInit() { }
|
|
298
287
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1$2.Title }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PageHeaderComponent, isStandalone: true, selector: "mz-page-header", inputs: { pageTitle: "pageTitle" }, ngImport: i0, template: "<header class=\"page-header\">\n <h1>{{ pageTitle }}</h1>\n <ng-content></ng-content>\n</header>", styles: [""] }); }
|
|
288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: PageHeaderComponent, isStandalone: true, selector: "mz-page-header", inputs: { pageTitle: "pageTitle" }, ngImport: i0, template: "<header class=\"page-header\">\r\n <h1>{{ pageTitle }}</h1>\r\n <ng-content></ng-content>\r\n</header>", styles: [""] }); }
|
|
300
289
|
}
|
|
301
290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
302
291
|
type: Component,
|
|
303
|
-
args: [{ selector: 'mz-page-header', standalone: true, template: "<header class=\"page-header\">\n <h1>{{ pageTitle }}</h1>\n <ng-content></ng-content>\n</header>" }]
|
|
292
|
+
args: [{ selector: 'mz-page-header', standalone: true, template: "<header class=\"page-header\">\r\n <h1>{{ pageTitle }}</h1>\r\n <ng-content></ng-content>\r\n</header>" }]
|
|
304
293
|
}], ctorParameters: () => [{ type: i1$2.Title }], propDecorators: { pageTitle: [{
|
|
305
294
|
type: Input
|
|
306
295
|
}] } });
|
|
@@ -385,11 +374,11 @@ class AlertComponent {
|
|
|
385
374
|
return icon;
|
|
386
375
|
}
|
|
387
376
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AlertComponent, isStandalone: true, selector: "mz-alert", inputs: { title: "title", type: "type", body: "body", footer: "footer" }, ngImport: i0, template: "<div [className]=\"'alert alert-' + type\">\n\n <div>\n <div class=\"alert-icon\">\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\n </div>\n\n <div class=\"alert-title\">\n <strong>{{ title }}</strong>\n </div>\n </div>\n\n <div class=\"alert-body\" *ngIf=\"body\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n\n <div class=\"alert-footer\" *ngIf=\"footer\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
377
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AlertComponent, isStandalone: true, selector: "mz-alert", inputs: { title: "title", type: "type", body: "body", footer: "footer" }, ngImport: i0, template: "<div [className]=\"'alert alert-' + type\">\r\n\r\n <div>\r\n <div class=\"alert-icon\">\r\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\r\n </div>\r\n\r\n <div class=\"alert-title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n </div>\r\n\r\n <div class=\"alert-body\" *ngIf=\"body\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n\r\n <div class=\"alert-footer\" *ngIf=\"footer\">\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
389
378
|
}
|
|
390
379
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AlertComponent, decorators: [{
|
|
391
380
|
type: Component,
|
|
392
|
-
args: [{ selector: 'mz-alert', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div [className]=\"'alert alert-' + type\">\n\n <div>\n <div class=\"alert-icon\">\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\n </div>\n\n <div class=\"alert-title\">\n <strong>{{ title }}</strong>\n </div>\n </div>\n\n <div class=\"alert-body\" *ngIf=\"body\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n\n <div class=\"alert-footer\" *ngIf=\"footer\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n\n</div>" }]
|
|
381
|
+
args: [{ selector: 'mz-alert', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div [className]=\"'alert alert-' + type\">\r\n\r\n <div>\r\n <div class=\"alert-icon\">\r\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\r\n </div>\r\n\r\n <div class=\"alert-title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n </div>\r\n\r\n <div class=\"alert-body\" *ngIf=\"body\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n\r\n <div class=\"alert-footer\" *ngIf=\"footer\">\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n\r\n</div>" }]
|
|
393
382
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
394
383
|
type: Input
|
|
395
384
|
}], type: [{
|
|
@@ -592,15 +581,15 @@ class ButtonDirective {
|
|
|
592
581
|
this.hostElement = hostElement;
|
|
593
582
|
this.variant = 'secondary';
|
|
594
583
|
this.busy = false;
|
|
595
|
-
this.svgContent = `
|
|
596
|
-
<svg class="button-loading-spinner" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
597
|
-
viewBox="0 0 24 24">
|
|
598
|
-
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4">
|
|
599
|
-
</circle>
|
|
600
|
-
<path class="opacity-75" fill="currentColor"
|
|
601
|
-
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
|
|
602
|
-
</path>
|
|
603
|
-
</svg>
|
|
584
|
+
this.svgContent = `
|
|
585
|
+
<svg class="button-loading-spinner" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
586
|
+
viewBox="0 0 24 24">
|
|
587
|
+
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4">
|
|
588
|
+
</circle>
|
|
589
|
+
<path class="opacity-75" fill="currentColor"
|
|
590
|
+
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
|
|
591
|
+
</path>
|
|
592
|
+
</svg>
|
|
604
593
|
`;
|
|
605
594
|
this.subscription = new Subscription();
|
|
606
595
|
}
|
|
@@ -683,11 +672,11 @@ class WizardProgressTrackerComponent {
|
|
|
683
672
|
this.toggled = !this.toggled;
|
|
684
673
|
}
|
|
685
674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WizardProgressTrackerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
686
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: WizardProgressTrackerComponent, isStandalone: true, selector: "mz-wizard-progress-tracker", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: "<div class=\"wizard-progress-tracker\">\n <div class=\"direction-container\">\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\n <ng-container>\n <div class=\"wizard-step-icon-container\">\n <div class=\"spacer left\">\n </div>\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\n\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\n </mz-svg-icon>\n </div>\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\n <div class=\"step-inner-circle\"></div>\n </div>\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\n </div>\n\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\n <div class=\"spacer right\"></div>\n </div>\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\n step.name\n }}</a>\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div class=\"toggable-icon\">\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\n </button>\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\n </button>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: WizardProgressTrackerComponent, isStandalone: true, selector: "mz-wizard-progress-tracker", inputs: { steps: "steps", currentStep: "currentStep" }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: "<div class=\"wizard-progress-tracker\">\r\n <div class=\"direction-container\">\r\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\r\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\r\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\r\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\r\n <ng-container>\r\n <div class=\"wizard-step-icon-container\">\r\n <div class=\"spacer left\">\r\n </div>\r\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\r\n\r\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\r\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\r\n </mz-svg-icon>\r\n </div>\r\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\r\n <div class=\"step-inner-circle\"></div>\r\n </div>\r\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\r\n </div>\r\n\r\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\r\n <div class=\"spacer right\"></div>\r\n </div>\r\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\r\n step.name\r\n }}</a>\r\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div class=\"toggable-icon\">\r\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\r\n </button>\r\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
687
676
|
}
|
|
688
677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WizardProgressTrackerComponent, decorators: [{
|
|
689
678
|
type: Component,
|
|
690
|
-
args: [{ selector: 'mz-wizard-progress-tracker', standalone: true, imports: [CommonModule, SvgIconComponent], template: "<div class=\"wizard-progress-tracker\">\n <div class=\"direction-container\">\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\n <ng-container>\n <div class=\"wizard-step-icon-container\">\n <div class=\"spacer left\">\n </div>\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\n\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\n </mz-svg-icon>\n </div>\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\n <div class=\"step-inner-circle\"></div>\n </div>\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\n </div>\n\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\n <div class=\"spacer right\"></div>\n </div>\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\n step.name\n }}</a>\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\n </div>\n <div class=\"toggable-icon\">\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\n </button>\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\n </button>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
679
|
+
args: [{ selector: 'mz-wizard-progress-tracker', standalone: true, imports: [CommonModule, SvgIconComponent], template: "<div class=\"wizard-progress-tracker\">\r\n <div class=\"direction-container\">\r\n <span class=\"steps-count\">Step {{ currentStep + 1 }} of {{ steps.length }}</span>\r\n <div class=\"wizard-steps-container\" [ngClass]=\"{'toggled': toggled}\">\r\n <div *ngFor=\"let step of steps; index as i;\" class=\"wizard-step\"\r\n [ngClass]=\"{ 'previous': i < currentStep, 'current': i === currentStep, 'unvisited': i > currentStep }\">\r\n <ng-container>\r\n <div class=\"wizard-step-icon-container\">\r\n <div class=\"spacer left\">\r\n </div>\r\n <div *ngIf=\"i > 0\" class=\"step-line left\"></div>\r\n\r\n <div *ngIf=\"i < currentStep\" class=\"wizard-step-icon\">\r\n <mz-svg-icon key=\"check-circle\" type=\"solid\">\r\n </mz-svg-icon>\r\n </div>\r\n <div *ngIf=\"i === currentStep\" class=\"wizard-step-icon\">\r\n <div class=\"step-inner-circle\"></div>\r\n </div>\r\n <div *ngIf=\"i > currentStep\" class=\"wizard-step-icon\">\r\n </div>\r\n\r\n <div *ngIf=\"i < (steps.length - 1)\" class=\"step-line step-line-right\"></div>\r\n <div class=\"spacer right\"></div>\r\n </div>\r\n <a *ngIf=\"i < currentStep\" class=\"step-desc\" (click)=\"goToStep(step)\"> {{\r\n step.name\r\n }}</a>\r\n <div *ngIf=\" i === currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div *ngIf=\" i > currentStep\" class=\"step-desc\"> {{ step.name }}\r\n </div>\r\n <div class=\"toggable-icon\">\r\n <button *ngIf=\"!toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-down\"></mz-svg-icon>\r\n </button>\r\n <button *ngIf=\"toggled\" (click)=\"toggle()\">\r\n <mz-svg-icon key=\"chevron-up\"></mz-svg-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
691
680
|
}], propDecorators: { steps: [{
|
|
692
681
|
type: Input
|
|
693
682
|
}], currentStep: [{
|
|
@@ -806,7 +795,7 @@ class DateTimeComponent {
|
|
|
806
795
|
useExisting: forwardRef(() => DateTimeComponent),
|
|
807
796
|
multi: true,
|
|
808
797
|
},
|
|
809
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div class=\"flex\">\n <div class=\"field-control-combo\">\n <input class=\"field-control\" type=\"text\" [value]=\"date\" (change)=\"updateDate($event)\" [min]=\"min\" [max]=\"max\"\n [matDatepicker]=\"datePicker\" (dateChange)=\"updateDateEvent($event)\" [disabled]=\"disabled\" ngDefaultControl>\n <div class=\"field-control-addon\">\n <button class=\"button button-secondary button-icon\" type=\"button\" (click)=\"datePicker.open()\"\n [disabled]=\"disabled\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\n stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n </svg>\n </button>\n <mat-datepicker #datePicker></mat-datepicker>\n </div>\n </div>\n <div class=\"field-control-group mt-1 ml-6\">\n <input class=\"field-control\" type=\"time\" [value]=\"time\" (change)=\"updateTime($event)\"\n ngDefaultControl [disabled]=\"disabled\">\n </div>\n</div>\n", styles: ["input:disabled,button:disabled{opacity:.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] }); }
|
|
798
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datePicker"], descendants: true }], ngImport: i0, template: "<div class=\"flex\">\r\n <div class=\"field-control-combo\">\r\n <input class=\"field-control\" type=\"text\" [value]=\"date\" (change)=\"updateDate($event)\" [min]=\"min\" [max]=\"max\"\r\n [matDatepicker]=\"datePicker\" (dateChange)=\"updateDateEvent($event)\" [disabled]=\"disabled\" ngDefaultControl>\r\n <div class=\"field-control-addon\">\r\n <button class=\"button button-secondary button-icon\" type=\"button\" (click)=\"datePicker.open()\"\r\n [disabled]=\"disabled\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\r\n </svg>\r\n </button>\r\n <mat-datepicker #datePicker></mat-datepicker>\r\n </div>\r\n </div>\r\n <div class=\"field-control-group mt-1 ml-6\">\r\n <input class=\"field-control\" type=\"time\" [value]=\"time\" (change)=\"updateTime($event)\"\r\n ngDefaultControl [disabled]=\"disabled\">\r\n </div>\r\n</div>\r\n", styles: ["input:disabled,button:disabled{opacity:.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] }); }
|
|
810
799
|
}
|
|
811
800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DateTimeComponent, decorators: [{
|
|
812
801
|
type: Component,
|
|
@@ -816,7 +805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
816
805
|
useExisting: forwardRef(() => DateTimeComponent),
|
|
817
806
|
multi: true,
|
|
818
807
|
},
|
|
819
|
-
], imports: [CommonModule, MatDatepickerModule], standalone: true, template: "<div class=\"flex\">\n <div class=\"field-control-combo\">\n <input class=\"field-control\" type=\"text\" [value]=\"date\" (change)=\"updateDate($event)\" [min]=\"min\" [max]=\"max\"\n [matDatepicker]=\"datePicker\" (dateChange)=\"updateDateEvent($event)\" [disabled]=\"disabled\" ngDefaultControl>\n <div class=\"field-control-addon\">\n <button class=\"button button-secondary button-icon\" type=\"button\" (click)=\"datePicker.open()\"\n [disabled]=\"disabled\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\n stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n </svg>\n </button>\n <mat-datepicker #datePicker></mat-datepicker>\n </div>\n </div>\n <div class=\"field-control-group mt-1 ml-6\">\n <input class=\"field-control\" type=\"time\" [value]=\"time\" (change)=\"updateTime($event)\"\n ngDefaultControl [disabled]=\"disabled\">\n </div>\n</div>\n", styles: ["input:disabled,button:disabled{opacity:.6}\n"] }]
|
|
808
|
+
], imports: [CommonModule, MatDatepickerModule], standalone: true, template: "<div class=\"flex\">\r\n <div class=\"field-control-combo\">\r\n <input class=\"field-control\" type=\"text\" [value]=\"date\" (change)=\"updateDate($event)\" [min]=\"min\" [max]=\"max\"\r\n [matDatepicker]=\"datePicker\" (dateChange)=\"updateDateEvent($event)\" [disabled]=\"disabled\" ngDefaultControl>\r\n <div class=\"field-control-addon\">\r\n <button class=\"button button-secondary button-icon\" type=\"button\" (click)=\"datePicker.open()\"\r\n [disabled]=\"disabled\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\r\n </svg>\r\n </button>\r\n <mat-datepicker #datePicker></mat-datepicker>\r\n </div>\r\n </div>\r\n <div class=\"field-control-group mt-1 ml-6\">\r\n <input class=\"field-control\" type=\"time\" [value]=\"time\" (change)=\"updateTime($event)\"\r\n ngDefaultControl [disabled]=\"disabled\">\r\n </div>\r\n</div>\r\n", styles: ["input:disabled,button:disabled{opacity:.6}\n"] }]
|
|
820
809
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
|
|
821
810
|
type: ViewChild,
|
|
822
811
|
args: ['datePicker']
|
|
@@ -836,11 +825,11 @@ class InlineMessageDialogComponent {
|
|
|
836
825
|
this.body = this.data.body;
|
|
837
826
|
}
|
|
838
827
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageDialogComponent, deps: [{ token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
839
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageDialogComponent, isStandalone: true, selector: "mz-inline-message-dialog", ngImport: i0, template: "<div class=\"body\" *ngIf=\"body\">\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
|
|
828
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageDialogComponent, isStandalone: true, selector: "mz-inline-message-dialog", ngImport: i0, template: "<div class=\"body\" *ngIf=\"body\">\r\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\r\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
|
|
840
829
|
}
|
|
841
830
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageDialogComponent, decorators: [{
|
|
842
831
|
type: Component,
|
|
843
|
-
args: [{ selector: 'mz-inline-message-dialog', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"body\" *ngIf=\"body\">\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"] }]
|
|
832
|
+
args: [{ selector: 'mz-inline-message-dialog', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"body\" *ngIf=\"body\">\r\n <ng-content *ngTemplateOutlet=\"body\"></ng-content>\r\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"] }]
|
|
844
833
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
845
834
|
type: Inject,
|
|
846
835
|
args: [DIALOG_DATA]
|
|
@@ -860,11 +849,11 @@ class InlineMessageComponent {
|
|
|
860
849
|
});
|
|
861
850
|
}
|
|
862
851
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageComponent, deps: [{ token: i1$4.Dialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageComponent, isStandalone: true, selector: "mz-inline-message", inputs: { body: "body" }, ngImport: i0, template: "<div class=\"wrapper\">\n <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
|
|
852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageComponent, isStandalone: true, selector: "mz-inline-message", inputs: { body: "body" }, ngImport: i0, template: "<div class=\"wrapper\">\r\n <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\r\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
|
|
864
853
|
}
|
|
865
854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageComponent, decorators: [{
|
|
866
855
|
type: Component,
|
|
867
|
-
args: [{ selector: 'mz-inline-message', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"wrapper\">\n <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"] }]
|
|
856
|
+
args: [{ selector: 'mz-inline-message', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"wrapper\">\r\n <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\r\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"] }]
|
|
868
857
|
}], ctorParameters: () => [{ type: i1$4.Dialog }], propDecorators: { body: [{
|
|
869
858
|
type: Input
|
|
870
859
|
}] } });
|
|
@@ -923,11 +912,11 @@ class InfiniteScrollComponent {
|
|
|
923
912
|
this.itemSelected.emit(item);
|
|
924
913
|
}
|
|
925
914
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InfiniteScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InfiniteScrollComponent, isStandalone: true, selector: "mz-infinite-scroll", inputs: { items: "items", isLoading: "isLoading", containerHeight: "containerHeight" }, outputs: { itemSelected: "itemSelected", loadMore: "loadMore" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"infinite-scroll-container overflow-auto\" [style.height]=\"containerHeight\" (scroll)=\"onContainerScroll($event)\">\n <ng-container *ngIf=\"itemTemplate; else defaultItems\">\n <ng-container *ngFor=\"let item of items\">\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n <ng-template #defaultItems>\n <div *ngFor=\"let item of items\" class=\"scroll-item\" [ngClass]=\"{'scroll-item-selected': selectedItem === item}\" (click)=\"onItemClick(item)\">\n {{ item.label }}\n </div>\n </ng-template>\n\n <!-- Spinner -->\n <div *ngIf=\"isLoading\" class=\"scroll-spinner-container\">\n <mz-spinner size=\"medium\"></mz-spinner>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SpinnerComponent, selector: "mz-spinner", inputs: ["size", "type"] }] }); }
|
|
915
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InfiniteScrollComponent, isStandalone: true, selector: "mz-infinite-scroll", inputs: { items: "items", isLoading: "isLoading", containerHeight: "containerHeight" }, outputs: { itemSelected: "itemSelected", loadMore: "loadMore" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"infinite-scroll-container overflow-auto\" [style.height]=\"containerHeight\" (scroll)=\"onContainerScroll($event)\">\r\n <ng-container *ngIf=\"itemTemplate; else defaultItems\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #defaultItems>\r\n <div *ngFor=\"let item of items\" class=\"scroll-item\" [ngClass]=\"{'scroll-item-selected': selectedItem === item}\" (click)=\"onItemClick(item)\">\r\n {{ item.label }}\r\n </div>\r\n </ng-template>\r\n\r\n <!-- Spinner -->\r\n <div *ngIf=\"isLoading\" class=\"scroll-spinner-container\">\r\n <mz-spinner size=\"medium\"></mz-spinner>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SpinnerComponent, selector: "mz-spinner", inputs: ["size", "type"] }] }); }
|
|
927
916
|
}
|
|
928
917
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InfiniteScrollComponent, decorators: [{
|
|
929
918
|
type: Component,
|
|
930
|
-
args: [{ selector: 'mz-infinite-scroll', standalone: true, imports: [CommonModule, SpinnerComponent], template: "<div class=\"infinite-scroll-container overflow-auto\" [style.height]=\"containerHeight\" (scroll)=\"onContainerScroll($event)\">\n <ng-container *ngIf=\"itemTemplate; else defaultItems\">\n <ng-container *ngFor=\"let item of items\">\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n <ng-template #defaultItems>\n <div *ngFor=\"let item of items\" class=\"scroll-item\" [ngClass]=\"{'scroll-item-selected': selectedItem === item}\" (click)=\"onItemClick(item)\">\n {{ item.label }}\n </div>\n </ng-template>\n\n <!-- Spinner -->\n <div *ngIf=\"isLoading\" class=\"scroll-spinner-container\">\n <mz-spinner size=\"medium\"></mz-spinner>\n </div>\n</div>\n" }]
|
|
919
|
+
args: [{ selector: 'mz-infinite-scroll', standalone: true, imports: [CommonModule, SpinnerComponent], template: "<div class=\"infinite-scroll-container overflow-auto\" [style.height]=\"containerHeight\" (scroll)=\"onContainerScroll($event)\">\r\n <ng-container *ngIf=\"itemTemplate; else defaultItems\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #defaultItems>\r\n <div *ngFor=\"let item of items\" class=\"scroll-item\" [ngClass]=\"{'scroll-item-selected': selectedItem === item}\" (click)=\"onItemClick(item)\">\r\n {{ item.label }}\r\n </div>\r\n </ng-template>\r\n\r\n <!-- Spinner -->\r\n <div *ngIf=\"isLoading\" class=\"scroll-spinner-container\">\r\n <mz-spinner size=\"medium\"></mz-spinner>\r\n </div>\r\n</div>\r\n" }]
|
|
931
920
|
}], propDecorators: { items: [{
|
|
932
921
|
type: Input
|
|
933
922
|
}], isLoading: [{
|
|
@@ -1090,7 +1079,7 @@ class ResultTableHarness extends MuziehComponentHarness {
|
|
|
1090
1079
|
const contentDebugElement = this.resultTableDebugElement;
|
|
1091
1080
|
const componentInstance = this.evaluateComponentInstance(contentDebugElement);
|
|
1092
1081
|
const results = contentDebugElement.queryAll(By.css('tbody tr')).map((el) => el.queryAll(By.css('td')).map((td) => td.nativeElement.textContent?.trim()));
|
|
1093
|
-
const {
|
|
1082
|
+
const { page, pageSize, totalResults: total } = componentInstance.model;
|
|
1094
1083
|
return {
|
|
1095
1084
|
results,
|
|
1096
1085
|
page,
|