@natec/mef-dev-ui-kit 20.1.22 → 20.1.23
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/fesm2022/natec-mef-dev-ui-kit.mjs +46 -46
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/index.d.ts +3 -3
- package/package.json +1 -1
- package/src/lib/styles/core.scss +32 -9
- package/src/lib/styles/pg/modules/_cards.scss +10 -11
- package/src/lib/styles/pg/modules/_select.scss +8 -2
- package/src/lib/styles/pg/modules/_sidebar.scss +0 -1
- package/src/lib/styles/pg/modules/_switch.scss +1 -2
- package/src/lib/styles/pg/modules/_tabs.scss +0 -1
- package/src/lib/styles/pg/modules/_tabs_accordian.scss +30 -40
- package/src/lib/styles/pg/modules/_typography.scss +0 -1
- package/src/lib/styles/vars.scss +25 -188
- package/src/lib/styles/pg/_color.scss +0 -688
- package/src/lib/styles/pg/_mixins.scss +0 -489
|
@@ -219,7 +219,7 @@ class CollapseComponent {
|
|
|
219
219
|
this._collapseSet.addTab(this);
|
|
220
220
|
}
|
|
221
221
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: CollapseComponent, deps: [{ token: CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
222
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: CollapseComponent, isStandalone: false, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
222
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: CollapseComponent, isStandalone: false, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
223
223
|
trigger('collapseState', [
|
|
224
224
|
state('inactive', style({
|
|
225
225
|
opacity: '0',
|
|
@@ -253,7 +253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
253
253
|
'[class.card]': 'true',
|
|
254
254
|
'[class.card-default]': 'true',
|
|
255
255
|
'[class.m-b-0]': 'true'
|
|
256
|
-
}, standalone: false, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
256
|
+
}, standalone: false, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
|
|
257
257
|
}], ctorParameters: () => [{ type: CollapseSetComponent, decorators: [{
|
|
258
258
|
type: Host
|
|
259
259
|
}] }, { type: i0.ElementRef }], propDecorators: { CardTitle: [{
|
|
@@ -386,11 +386,11 @@ class FilteredFieldItemComponent {
|
|
|
386
386
|
this.discard.next(this.item);
|
|
387
387
|
}
|
|
388
388
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: FilteredFieldItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
389
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: FilteredFieldItemComponent, isStandalone: false, selector: "mefdev-filtered-field-item", inputs: { item: "item" }, outputs: { discard: "discard", openFilter: "openFilter" }, ngImport: i0, template: "<div class=\"item\">\r\n <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\r\n</div>\r\n", styles: ["
|
|
389
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: FilteredFieldItemComponent, isStandalone: false, selector: "mefdev-filtered-field-item", inputs: { item: "item" }, outputs: { discard: "discard", openFilter: "openFilter" }, ngImport: i0, template: "<div class=\"item\">\r\n <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\r\n</div>\r\n", styles: [".item{background-color:#4d4d4d;color:#fff;border-radius:5px;margin-right:7px;padding:3px 7px}\n"] });
|
|
390
390
|
}
|
|
391
391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: FilteredFieldItemComponent, decorators: [{
|
|
392
392
|
type: Component,
|
|
393
|
-
args: [{ selector: 'mefdev-filtered-field-item', standalone: false, template: "<div class=\"item\">\r\n <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\r\n</div>\r\n", styles: ["
|
|
393
|
+
args: [{ selector: 'mefdev-filtered-field-item', standalone: false, template: "<div class=\"item\">\r\n <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\r\n</div>\r\n", styles: [".item{background-color:#4d4d4d;color:#fff;border-radius:5px;margin-right:7px;padding:3px 7px}\n"] }]
|
|
394
394
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
395
395
|
type: Input
|
|
396
396
|
}], discard: [{
|
|
@@ -537,11 +537,11 @@ class CardSimpleComponent {
|
|
|
537
537
|
ngOnInit() {
|
|
538
538
|
}
|
|
539
539
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: CardSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
540
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: CardSimpleComponent, isStandalone: false, selector: "mefdev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"md-card-simple\" [class.md-card-simple--disabled]=\"isDisabled\">\r\n <div class=\"md-card-simple__section md-card-simple__section--header\" *ngIf=\"card_title as tpl\">\r\n <ng-template [ngTemplateOutlet]=\"tpl\"></ng-template>\r\n </div>\r\n\r\n <div class=\"md-card-simple__section md-card-simple__section--content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- optional named slot for actions -->\r\n <div class=\"md-card-simple__section md-card-simple__section--actions\">\r\n <ng-content select=\"[card-actions]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
540
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: CardSimpleComponent, isStandalone: false, selector: "mefdev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"md-card-simple\" [class.md-card-simple--disabled]=\"isDisabled\">\r\n <div class=\"md-card-simple__section md-card-simple__section--header\" *ngIf=\"card_title as tpl\">\r\n <ng-template [ngTemplateOutlet]=\"tpl\"></ng-template>\r\n </div>\r\n\r\n <div class=\"md-card-simple__section md-card-simple__section--content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- optional named slot for actions -->\r\n <div class=\"md-card-simple__section md-card-simple__section--actions\">\r\n <ng-content select=\"[card-actions]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.md-card-simple__section--header,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{display:block;box-sizing:border-box}.md-card-simple{background-color:#f3f3f3;border-radius:5px;padding:.5rem}.md-card-simple__section{margin:.5rem}.md-card-simple__section--actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.md-card-simple__section--actions:empty{display:none}.md-card-simple--disabled{opacity:.6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
541
541
|
}
|
|
542
542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: CardSimpleComponent, decorators: [{
|
|
543
543
|
type: Component,
|
|
544
|
-
args: [{ selector: 'mefdev-card-simple', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"md-card-simple\" [class.md-card-simple--disabled]=\"isDisabled\">\r\n <div class=\"md-card-simple__section md-card-simple__section--header\" *ngIf=\"card_title as tpl\">\r\n <ng-template [ngTemplateOutlet]=\"tpl\"></ng-template>\r\n </div>\r\n\r\n <div class=\"md-card-simple__section md-card-simple__section--content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- optional named slot for actions -->\r\n <div class=\"md-card-simple__section md-card-simple__section--actions\">\r\n <ng-content select=\"[card-actions]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
544
|
+
args: [{ selector: 'mefdev-card-simple', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"md-card-simple\" [class.md-card-simple--disabled]=\"isDisabled\">\r\n <div class=\"md-card-simple__section md-card-simple__section--header\" *ngIf=\"card_title as tpl\">\r\n <ng-template [ngTemplateOutlet]=\"tpl\"></ng-template>\r\n </div>\r\n\r\n <div class=\"md-card-simple__section md-card-simple__section--content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- optional named slot for actions -->\r\n <div class=\"md-card-simple__section md-card-simple__section--actions\">\r\n <ng-content select=\"[card-actions]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.md-card-simple__section--header,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{display:block;box-sizing:border-box}.md-card-simple{background-color:#f3f3f3;border-radius:5px;padding:.5rem}.md-card-simple__section{margin:.5rem}.md-card-simple__section--actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.md-card-simple__section--actions:empty{display:none}.md-card-simple--disabled{opacity:.6;pointer-events:none}\n"] }]
|
|
545
545
|
}], ctorParameters: () => [], propDecorators: { isDisabled: [{
|
|
546
546
|
type: Input,
|
|
547
547
|
args: ["disabled"]
|
|
@@ -2120,11 +2120,11 @@ class ManagePageComponent {
|
|
|
2120
2120
|
ngOnInit() {
|
|
2121
2121
|
}
|
|
2122
2122
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2123
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: ManagePageComponent, isStandalone: false, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"mp-tabs\">\r\n <div class=\"mp-tabs-header\" *ngIf=\"card_title\">\r\n <div class=\"mp-tabs-title\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"profile-page-tabs mp-tabs-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
2123
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: ManagePageComponent, isStandalone: false, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"mp-tabs\">\r\n <div class=\"mp-tabs-header\" *ngIf=\"card_title\">\r\n <div class=\"mp-tabs-title\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"profile-page-tabs mp-tabs-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.mp-tabs{border-radius:0;background:#fff;overflow:hidden}.mp-tabs-header{background-color:#f3f3f3;padding:16px;margin-bottom:0;display:flex;align-items:center}.mp-tabs-title{margin:0;width:100%;padding:0}.mp-tabs-content{padding:0 16px;position:relative}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
2124
2124
|
}
|
|
2125
2125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ManagePageComponent, decorators: [{
|
|
2126
2126
|
type: Component,
|
|
2127
|
-
args: [{ selector: 'mefdev-manage-page', standalone: false, template: "<div class=\"mp-tabs\">\r\n <div class=\"mp-tabs-header\" *ngIf=\"card_title\">\r\n <div class=\"mp-tabs-title\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"profile-page-tabs mp-tabs-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
2127
|
+
args: [{ selector: 'mefdev-manage-page', standalone: false, template: "<div class=\"mp-tabs\">\r\n <div class=\"mp-tabs-header\" *ngIf=\"card_title\">\r\n <div class=\"mp-tabs-title\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"profile-page-tabs mp-tabs-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.mp-tabs{border-radius:0;background:#fff;overflow:hidden}.mp-tabs-header{background-color:#f3f3f3;padding:16px;margin-bottom:0;display:flex;align-items:center}.mp-tabs-title{margin:0;width:100%;padding:0}.mp-tabs-content{padding:0 16px;position:relative}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
|
|
2128
2128
|
}], ctorParameters: () => [], propDecorators: { card_title: [{
|
|
2129
2129
|
type: ContentChild,
|
|
2130
2130
|
args: ["card_title"]
|
|
@@ -2644,13 +2644,13 @@ class MefdevDropdownMenuComponent {
|
|
|
2644
2644
|
}
|
|
2645
2645
|
}
|
|
2646
2646
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MefdevDropdownMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2647
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MefdevDropdownMenuComponent, isStandalone: false, selector: "mefdev-dropdown-menu", host: { listeners: { "document:click": "onClick($event)" } }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<div class=\"label-container\">\r\n <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\r\n</div>\r\n\r\n<div *ngIf=\"isOpen\" class=\"_dropdown\">\r\n <div class=\"_menu\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: ["
|
|
2647
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MefdevDropdownMenuComponent, isStandalone: false, selector: "mefdev-dropdown-menu", host: { listeners: { "document:click": "onClick($event)" } }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<div class=\"label-container\">\r\n <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\r\n</div>\r\n\r\n<div *ngIf=\"isOpen\" class=\"_dropdown\">\r\n <div class=\"_menu\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{display:block;position:relative;width:fit-content}.label-container{cursor:pointer;margin:4px;padding:4px}._dropdown{position:relative;z-index:10001}._menu{right:7px;top:-20px;position:absolute;z-index:10001;background-color:#fff;border:solid rgba(0,0,0,.176) 1px;border-radius:4px;cursor:pointer}._dropdown ._menu{min-width:auto;top:-5px;padding:4px;box-shadow:0 1px 3px 1px #00000026}._dropdown ._menu a{height:26px;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#000!important;display:flex;align-items:center}._dropdown ._menu a:hover{background-color:#f3f3f3}._dropdown ._menu a:hover *{color:#000!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
2648
2648
|
}
|
|
2649
2649
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MefdevDropdownMenuComponent, decorators: [{
|
|
2650
2650
|
type: Component,
|
|
2651
2651
|
args: [{ selector: 'mefdev-dropdown-menu', host: {
|
|
2652
2652
|
'(document:click)': 'onClick($event)',
|
|
2653
|
-
}, standalone: false, template: "<div class=\"label-container\">\r\n <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\r\n</div>\r\n\r\n<div *ngIf=\"isOpen\" class=\"_dropdown\">\r\n <div class=\"_menu\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: ["
|
|
2653
|
+
}, standalone: false, template: "<div class=\"label-container\">\r\n <ng-template [ngTemplateOutlet]=\"label\"></ng-template>\r\n</div>\r\n\r\n<div *ngIf=\"isOpen\" class=\"_dropdown\">\r\n <div class=\"_menu\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{display:block;position:relative;width:fit-content}.label-container{cursor:pointer;margin:4px;padding:4px}._dropdown{position:relative;z-index:10001}._menu{right:7px;top:-20px;position:absolute;z-index:10001;background-color:#fff;border:solid rgba(0,0,0,.176) 1px;border-radius:4px;cursor:pointer}._dropdown ._menu{min-width:auto;top:-5px;padding:4px;box-shadow:0 1px 3px 1px #00000026}._dropdown ._menu a{height:26px;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#000!important;display:flex;align-items:center}._dropdown ._menu a:hover{background-color:#f3f3f3}._dropdown ._menu a:hover *{color:#000!important}\n"] }]
|
|
2654
2654
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
|
|
2655
2655
|
type: ContentChild,
|
|
2656
2656
|
args: ["label"]
|
|
@@ -4048,7 +4048,7 @@ class MDExpansionPanel extends CdkAccordionItem {
|
|
|
4048
4048
|
{ provide: ACCORDION, useValue: undefined },
|
|
4049
4049
|
// Expose this concrete implementation under the base token.
|
|
4050
4050
|
{ provide: MD_EXPANSION_PANEL, useExisting: MDExpansionPanel },
|
|
4051
|
-
], queries: [{ propertyName: "_lazyContent", first: true, predicate: MDExpansionPanelContent, descendants: true }], viewQueries: [{ propertyName: "_body", first: true, predicate: ["body"], descendants: true }, { propertyName: "_bodyWrapper", first: true, predicate: ["bodyWrapper"], descendants: true }], exportAs: ["expansionPanel"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"md-expansion-panel-header\"></ng-content>\r\n<div class=\"expansion-panel-content-wrapper\" [attr.inert]=\"expanded ? null : ''\" #bodyWrapper>\r\n <div class=\"expansion-panel-content\"\r\n role=\"region\"\r\n [attr.aria-labelledby]=\"_headerId\"\r\n [id]=\"id\"\r\n #body>\r\n <div class=\"expansion-panel-body\">\r\n <ng-content></ng-content>\r\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\r\n </div>\r\n <ng-content select=\"action-row\"></ng-content>\r\n </div>\r\n</div>", styles: ["
|
|
4051
|
+
], queries: [{ propertyName: "_lazyContent", first: true, predicate: MDExpansionPanelContent, descendants: true }], viewQueries: [{ propertyName: "_body", first: true, predicate: ["body"], descendants: true }, { propertyName: "_bodyWrapper", first: true, predicate: ["bodyWrapper"], descendants: true }], exportAs: ["expansionPanel"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"md-expansion-panel-header\"></ng-content>\r\n<div class=\"expansion-panel-content-wrapper\" [attr.inert]=\"expanded ? null : ''\" #bodyWrapper>\r\n <div class=\"expansion-panel-content\"\r\n role=\"region\"\r\n [attr.aria-labelledby]=\"_headerId\"\r\n [id]=\"id\"\r\n #body>\r\n <div class=\"expansion-panel-body\">\r\n <ng-content></ng-content>\r\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\r\n </div>\r\n <ng-content select=\"action-row\"></ng-content>\r\n </div>\r\n</div>", styles: [".expansion-panel{box-sizing:content-box;display:block;margin:0;overflow:hidden;position:relative;background:#f3f3f3;color:#000}.expansion-panel.expansion-panel-animations-enabled{transition:margin 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-content-wrapper{display:grid;grid-template-rows:0fr;grid-template-columns:100%}.expansion-panel-animations-enabled .expansion-panel-content-wrapper{transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel.expanded>.expansion-panel-content-wrapper{grid-template-rows:1fr}@supports not (grid-template-rows: 0fr){.expansion-panel-content-wrapper{height:0}.expansion-panel.expanded>.expansion-panel-content-wrapper{height:auto}}.expansion-panel-content{display:flex;flex-direction:column;overflow:visible;min-height:0;visibility:hidden}.expansion-panel-animations-enabled .expansion-panel-content{transition:visibility .19s linear}.expansion-panel.expanded>.expansion-panel-content-wrapper>.expansion-panel-content{visibility:visible}.expansion-panel-body{padding:0 24px 16px}.accordion>.expansion-panel:not(:last-child){margin-bottom:8px}.action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:12px 16px;border-top-color:#eaeaea}.action-row .button-base,.action-row .mdc-button-base{margin-left:8px}[dir=rtl] .action-row .button-base,[dir=rtl] .action-row .mdc-button-base{margin-left:0;margin-right:8px}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4052
4052
|
}
|
|
4053
4053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDExpansionPanel, decorators: [{
|
|
4054
4054
|
type: Component,
|
|
@@ -4060,7 +4060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4060
4060
|
], host: {
|
|
4061
4061
|
class: 'expansion-panel',
|
|
4062
4062
|
'[class.expanded]': 'expanded'
|
|
4063
|
-
}, imports: [CdkPortalOutlet], template: "<ng-content select=\"md-expansion-panel-header\"></ng-content>\r\n<div class=\"expansion-panel-content-wrapper\" [attr.inert]=\"expanded ? null : ''\" #bodyWrapper>\r\n <div class=\"expansion-panel-content\"\r\n role=\"region\"\r\n [attr.aria-labelledby]=\"_headerId\"\r\n [id]=\"id\"\r\n #body>\r\n <div class=\"expansion-panel-body\">\r\n <ng-content></ng-content>\r\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\r\n </div>\r\n <ng-content select=\"action-row\"></ng-content>\r\n </div>\r\n</div>", styles: ["
|
|
4063
|
+
}, imports: [CdkPortalOutlet], template: "<ng-content select=\"md-expansion-panel-header\"></ng-content>\r\n<div class=\"expansion-panel-content-wrapper\" [attr.inert]=\"expanded ? null : ''\" #bodyWrapper>\r\n <div class=\"expansion-panel-content\"\r\n role=\"region\"\r\n [attr.aria-labelledby]=\"_headerId\"\r\n [id]=\"id\"\r\n #body>\r\n <div class=\"expansion-panel-body\">\r\n <ng-content></ng-content>\r\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\r\n </div>\r\n <ng-content select=\"action-row\"></ng-content>\r\n </div>\r\n</div>", styles: [".expansion-panel{box-sizing:content-box;display:block;margin:0;overflow:hidden;position:relative;background:#f3f3f3;color:#000}.expansion-panel.expansion-panel-animations-enabled{transition:margin 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-content-wrapper{display:grid;grid-template-rows:0fr;grid-template-columns:100%}.expansion-panel-animations-enabled .expansion-panel-content-wrapper{transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel.expanded>.expansion-panel-content-wrapper{grid-template-rows:1fr}@supports not (grid-template-rows: 0fr){.expansion-panel-content-wrapper{height:0}.expansion-panel.expanded>.expansion-panel-content-wrapper{height:auto}}.expansion-panel-content{display:flex;flex-direction:column;overflow:visible;min-height:0;visibility:hidden}.expansion-panel-animations-enabled .expansion-panel-content{transition:visibility .19s linear}.expansion-panel.expanded>.expansion-panel-content-wrapper>.expansion-panel-content{visibility:visible}.expansion-panel-body{padding:0 24px 16px}.accordion>.expansion-panel:not(:last-child){margin-bottom:8px}.action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:12px 16px;border-top-color:#eaeaea}.action-row .button-base,.action-row .mdc-button-base{margin-left:8px}[dir=rtl] .action-row .button-base,[dir=rtl] .action-row .mdc-button-base{margin-left:0;margin-right:8px}\n"] }]
|
|
4064
4064
|
}], ctorParameters: () => [], propDecorators: { hideToggle: [{
|
|
4065
4065
|
type: Input,
|
|
4066
4066
|
args: [{ transform: booleanAttribute }]
|
|
@@ -4229,7 +4229,7 @@ class MDExpansionPanelHeader {
|
|
|
4229
4229
|
this._focusMonitor.stopMonitoring(this._element);
|
|
4230
4230
|
}
|
|
4231
4231
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDExpansionPanelHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDExpansionPanelHeader, isStandalone: true, selector: "md-expansion-panel-header", inputs: { expandedHeight: "expandedHeight", collapsedHeight: "collapsedHeight", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { attributes: { "role": "button" }, listeners: { "click": "_toggle()", "keydown": "_keydown($event)" }, properties: { "attr.id": "panel._headerId", "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-controls": "_getPanelId()", "attr.aria-expanded": "_isExpanded()", "attr.aria-disabled": "panel.disabled", "class.expanded": "_isExpanded()", "class.expansion-toggle-indicator-after": "_getTogglePosition() === 'after'", "class.expansion-toggle-indicator-before": "_getTogglePosition() === 'before'", "style.height": "_getHeaderHeight()" }, classAttribute: "expansion-panel-header focus-indicator" }, ngImport: i0, template: "<span class=\"content\" [class.content-hide-toggle]=\"!_showToggle()\">\r\n <ng-content select=\"md-panel-title\"></ng-content>\r\n <ng-content select=\"md-panel-description\"></ng-content>\r\n <ng-content></ng-content>\r\n</span>\r\n\r\n@if (_showToggle()) {\r\n <span class=\"expansion-indicator\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\">\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\"/>\r\n </svg>\r\n </span>\r\n}", styles: ["
|
|
4232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDExpansionPanelHeader, isStandalone: true, selector: "md-expansion-panel-header", inputs: { expandedHeight: "expandedHeight", collapsedHeight: "collapsedHeight", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { attributes: { "role": "button" }, listeners: { "click": "_toggle()", "keydown": "_keydown($event)" }, properties: { "attr.id": "panel._headerId", "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-controls": "_getPanelId()", "attr.aria-expanded": "_isExpanded()", "attr.aria-disabled": "panel.disabled", "class.expanded": "_isExpanded()", "class.expansion-toggle-indicator-after": "_getTogglePosition() === 'after'", "class.expansion-toggle-indicator-before": "_getTogglePosition() === 'before'", "style.height": "_getHeaderHeight()" }, classAttribute: "expansion-panel-header focus-indicator" }, ngImport: i0, template: "<span class=\"content\" [class.content-hide-toggle]=\"!_showToggle()\">\r\n <ng-content select=\"md-panel-title\"></ng-content>\r\n <ng-content select=\"md-panel-description\"></ng-content>\r\n <ng-content></ng-content>\r\n</span>\r\n\r\n@if (_showToggle()) {\r\n <span class=\"expansion-indicator\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\">\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\"/>\r\n </svg>\r\n </span>\r\n}", styles: [".expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px;border-radius:inherit;height:66px;font-family:Montserrat;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:.009rem}.expansion-panel-animations-enabled .expansion-panel-header{transition:height 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-header:before{border-radius:inherit}.expansion-panel-header.expanded{height:64px}.expansion-panel-header[aria-disabled=true]{color:color-mix(in srgb,var(--mat-sys-on-surface) 38%,transparent)}.expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.expansion-panel:not(.expanded) .expansion-panel-header:not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%),transparent)}.expansion-panel .expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.expansion-panel .expansion-panel-header:not([aria-disabled=true]).cdk-program-focused{background:color-mix(in srgb,var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%),transparent)}.expansion-panel-header._animation-noopable{transition:none}.expansion-panel-header:focus,.expansion-panel-header:hover{outline:none}.expansion-panel-header.expanded:focus,.expansion-panel-header.expanded:hover{background:inherit}.expansion-panel-header.expansion-toggle-indicator-before{flex-direction:row-reverse}.expansion-panel-header.expansion-toggle-indicator-before .expansion-indicator{margin:0 16px 0 0}[dir=rtl] .expansion-panel-header.expansion-toggle-indicator-before .expansion-indicator{margin:0 0 0 16px}.content{display:flex;flex:1;flex-direction:row;overflow:hidden}.content.content-hide-toggle{margin-right:8px}[dir=rtl] .content.content-hide-toggle{margin-right:0;margin-left:8px}.expansion-toggle-indicator-before .content.content-hide-toggle{margin-left:24px;margin-right:0}[dir=rtl] .expansion-toggle-indicator-before .content.content-hide-toggle{margin-right:24px;margin-left:0}.expansion-panel-header-title{color:#373737;font-size:18px;line-height:24px;font-weight:600;text-transform:none}.expansion-panel-header-title,.expansion-panel-header-description{display:flex;flex-grow:1;flex-basis:0;margin-right:16px;align-items:center}[dir=rtl] .expansion-panel-header-title,[dir=rtl] .expansion-panel-header-description{margin-right:0;margin-left:16px}.expansion-panel-header[aria-disabled=true] .expansion-panel-header-title,.expansion-panel-header[aria-disabled=true] .expansion-panel-header-description{color:inherit}.expansion-panel-header-description{flex-grow:2;color:#373737}.expansion-panel-animations-enabled .expansion-indicator{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-header.expanded .expansion-indicator{transform:rotate(180deg)}.expansion-indicator svg{width:24px;height:24px;margin:0 -8px;vertical-align:middle;fill:#000;display:inline-block}@media (forced-colors: active){.expansion-panel-content{border-top:1px solid;border-top-left-radius:0;border-top-right-radius:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4233
4233
|
}
|
|
4234
4234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDExpansionPanelHeader, decorators: [{
|
|
4235
4235
|
type: Component,
|
|
@@ -4250,7 +4250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4250
4250
|
// Interaction
|
|
4251
4251
|
'(click)': '_toggle()',
|
|
4252
4252
|
'(keydown)': '_keydown($event)',
|
|
4253
|
-
}, template: "<span class=\"content\" [class.content-hide-toggle]=\"!_showToggle()\">\r\n <ng-content select=\"md-panel-title\"></ng-content>\r\n <ng-content select=\"md-panel-description\"></ng-content>\r\n <ng-content></ng-content>\r\n</span>\r\n\r\n@if (_showToggle()) {\r\n <span class=\"expansion-indicator\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\">\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\"/>\r\n </svg>\r\n </span>\r\n}", styles: ["
|
|
4253
|
+
}, template: "<span class=\"content\" [class.content-hide-toggle]=\"!_showToggle()\">\r\n <ng-content select=\"md-panel-title\"></ng-content>\r\n <ng-content select=\"md-panel-description\"></ng-content>\r\n <ng-content></ng-content>\r\n</span>\r\n\r\n@if (_showToggle()) {\r\n <span class=\"expansion-indicator\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\">\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\"/>\r\n </svg>\r\n </span>\r\n}", styles: [".expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px;border-radius:inherit;height:66px;font-family:Montserrat;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:.009rem}.expansion-panel-animations-enabled .expansion-panel-header{transition:height 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-header:before{border-radius:inherit}.expansion-panel-header.expanded{height:64px}.expansion-panel-header[aria-disabled=true]{color:color-mix(in srgb,var(--mat-sys-on-surface) 38%,transparent)}.expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.expansion-panel:not(.expanded) .expansion-panel-header:not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%),transparent)}.expansion-panel .expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.expansion-panel .expansion-panel-header:not([aria-disabled=true]).cdk-program-focused{background:color-mix(in srgb,var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%),transparent)}.expansion-panel-header._animation-noopable{transition:none}.expansion-panel-header:focus,.expansion-panel-header:hover{outline:none}.expansion-panel-header.expanded:focus,.expansion-panel-header.expanded:hover{background:inherit}.expansion-panel-header.expansion-toggle-indicator-before{flex-direction:row-reverse}.expansion-panel-header.expansion-toggle-indicator-before .expansion-indicator{margin:0 16px 0 0}[dir=rtl] .expansion-panel-header.expansion-toggle-indicator-before .expansion-indicator{margin:0 0 0 16px}.content{display:flex;flex:1;flex-direction:row;overflow:hidden}.content.content-hide-toggle{margin-right:8px}[dir=rtl] .content.content-hide-toggle{margin-right:0;margin-left:8px}.expansion-toggle-indicator-before .content.content-hide-toggle{margin-left:24px;margin-right:0}[dir=rtl] .expansion-toggle-indicator-before .content.content-hide-toggle{margin-right:24px;margin-left:0}.expansion-panel-header-title{color:#373737;font-size:18px;line-height:24px;font-weight:600;text-transform:none}.expansion-panel-header-title,.expansion-panel-header-description{display:flex;flex-grow:1;flex-basis:0;margin-right:16px;align-items:center}[dir=rtl] .expansion-panel-header-title,[dir=rtl] .expansion-panel-header-description{margin-right:0;margin-left:16px}.expansion-panel-header[aria-disabled=true] .expansion-panel-header-title,.expansion-panel-header[aria-disabled=true] .expansion-panel-header-description{color:inherit}.expansion-panel-header-description{flex-grow:2;color:#373737}.expansion-panel-animations-enabled .expansion-indicator{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-panel-header.expanded .expansion-indicator{transform:rotate(180deg)}.expansion-indicator svg{width:24px;height:24px;margin:0 -8px;vertical-align:middle;fill:#000;display:inline-block}@media (forced-colors: active){.expansion-panel-content{border-top:1px solid;border-top-left-radius:0;border-top-right-radius:0}}\n"] }]
|
|
4254
4254
|
}], ctorParameters: () => [], propDecorators: { expandedHeight: [{
|
|
4255
4255
|
type: Input
|
|
4256
4256
|
}], collapsedHeight: [{
|
|
@@ -4450,7 +4450,7 @@ class MDCard {
|
|
|
4450
4450
|
this.appearance = config?.appearance || 'outlined';
|
|
4451
4451
|
}
|
|
4452
4452
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: ["
|
|
4453
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: [".mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#f3f3f3;border-radius:5px}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4454
4454
|
}
|
|
4455
4455
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, decorators: [{
|
|
4456
4456
|
type: Component,
|
|
@@ -4460,7 +4460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4460
4460
|
'[class.mdc-card--outlined]': 'appearance === "outlined"',
|
|
4461
4461
|
'[class.mdc-card-filled]': 'appearance === "filled"',
|
|
4462
4462
|
'[class.mdc-card--filled]': 'appearance === "filled"',
|
|
4463
|
-
}, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: ["
|
|
4463
|
+
}, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [".mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#f3f3f3;border-radius:5px}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"] }]
|
|
4464
4464
|
}], ctorParameters: () => [], propDecorators: { appearance: [{
|
|
4465
4465
|
type: Input
|
|
4466
4466
|
}] } });
|
|
@@ -5145,7 +5145,7 @@ class MDDialogContainer extends CdkDialogContainer {
|
|
|
5145
5145
|
return ref;
|
|
5146
5146
|
}
|
|
5147
5147
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDDialogContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDDialogContainer, isStandalone: true, selector: "md-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class.animation-noopable": "!_animationsEnabled", "class.mdc-dialog-container-with-actions": "_actionSectionCount > 0" }, classAttribute: "mdc-dialog-container mdc-dialog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mdc-dialog-inner-container mdc-dialog__container\">\r\n <div class=\"mdc-dialog-surface mdc-dialog__surface\">\r\n <ng-template cdkPortalOutlet />\r\n </div>\r\n</div>", styles: ["
|
|
5148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDDialogContainer, isStandalone: true, selector: "md-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class.animation-noopable": "!_animationsEnabled", "class.mdc-dialog-container-with-actions": "_actionSectionCount > 0" }, classAttribute: "mdc-dialog-container mdc-dialog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mdc-dialog-inner-container mdc-dialog__container\">\r\n <div class=\"mdc-dialog-surface mdc-dialog__surface\">\r\n <ng-template cdkPortalOutlet />\r\n </div>\r\n</div>", styles: [".mdc-dialog-container{width:100%;height:100%;display:block;box-sizing:border-box;max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit;outline:0}.cdk-overlay-pane.mdc-dialog-panel{max-width:560px;min-width:280px}@media (max-width: 599px){.cdk-overlay-pane.mdc-dialog-panel{max-width:calc(100vw - 32px)}}.mdc-dialog-inner-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;opacity:0;transition:opacity linear var(--dialog-transition-duration, .15s);max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit}.mdc-dialog--opening.mdc-animation-position-left .mdc-dialog-inner-container{animation:left-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-right .mdc-dialog-inner-container{animation:right-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-top .mdc-dialog-inner-container{animation:top-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-bottom .mdc-dialog-inner-container{animation:bottom-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--closing.mdc-animation-position-left .mdc-dialog-inner-container{animation:left-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-right .mdc-dialog-inner-container{animation:right-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-top .mdc-dialog-inner-container{animation:top-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-bottom .mdc-dialog-inner-container{animation:bottom-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing .mdc-dialog-inner-container{transition:opacity var(--dialog-transition-duration, 75ms) linear;transform:none}.mdc-dialog--open .mdc-dialog-inner-container{opacity:1}.animation-noopable .mdc-dialog-inner-container{transition:none}.mdc-dialog-surface{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;width:100%;height:100%;position:relative;overflow-y:auto;outline:0;transform:scale(.8);transition:transform .15s cubic-bezier(0,0,.2,1);max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit;box-shadow:none;border-radius:5px;background-color:#fff}[dir=rtl] .mdc-dialog-surface{text-align:right}.mdc-dialog--open .mdc-dialog-surface,.mdc-dialog--closing .mdc-dialog-surface{transform:none}.animation-noopable .mdc-dialog-surface{transition:none}.mdc-dialog-surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-dialog-title{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:6px 24px 13px}.mdc-dialog-title:before{display:inline-block;width:0;height:37px;content:\"\";vertical-align:0}[dir=rtl] .mdc-dialog-title{text-align:right}.mdc-dialog-container .mdc-dialog-title{color:#201a1b;font-family:Montserrat;line-height:2rem;font-size:1.5rem;font-weight:400;letter-spacing:.03125em}.mdc-dialog-content{display:block;flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;max-height:65vh}.mdc-dialog-content>:first-child{margin-top:0}.mdc-dialog-content>:last-child{margin-bottom:0}.mdc-dialog-container .mdc-dialog-content{color:inherit;font-family:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.mdc-dialog-container .mdc-dialog-content,.mdc-dialog-container-with-actions .mdc-dialog-content{padding:20px 24px 0}.mdc-dialog-container .mdc-dialog-title+.mdc-dialog-content{padding-top:0}.mdc-dialog-actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;box-sizing:border-box;min-height:52px;margin:0;border-top:1px solid transparent;padding:16px 24px;justify-content:flex-end}@media (forced-colors: active){.mdc-dialog-actions{border-top-color:CanvasText}}.mdc-dialog-actions.mdc-dialog-actions-align-start,.mdc-dialog-actions[align=start]{justify-content:start}.mdc-dialog-actions.mdc-dialog-actions-align-center,.mdc-dialog-actions[align=center]{justify-content:center}.mdc-dialog-actions.mdc-dialog-actions-align-end,.mdc-dialog-actions[align=end]{justify-content:flex-end}.mdc-dialog-actions .button-base+.button-base,.mdc-dialog-actions .mdc-button-base+.mdc-button-base{margin-left:8px}[dir=rtl] .mdc-dialog-actions .button-base+.button-base,[dir=rtl] .mdc-dialog-actions .mdc-button-base+.mdc-button-base{margin-left:0;margin-right:8px}.mdc-dialog-component-host{display:contents}.cdk-overlay-dark-backdrop{background-color:#00000080}@keyframes left-enter{0%{transform:translate(-100%)}to{transform:none}}@keyframes left-exit{0%{transform:none}to{transform:translate(-100%)}}@keyframes top-enter{0%{transform:translateY(-100%)}to{transform:none}}@keyframes top-exit{0%{transform:none}to{transform:translateY(-100%)}}@keyframes bottom-enter{0%{transform:translateY(100%)}to{transform:none}}@keyframes bottom-exit{0%{transform:none}to{transform:translateY(100%)}}@keyframes right-enter{0%{transform:translate(100%)}to{transform:none}}@keyframes right-exit{0%{transform:none}to{transform:translate(100%)}}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5149
5149
|
}
|
|
5150
5150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDDialogContainer, decorators: [{
|
|
5151
5151
|
type: Component,
|
|
@@ -5161,7 +5161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5161
5161
|
'[attr.aria-describedby]': '_config.ariaDescribedBy || null',
|
|
5162
5162
|
'[class.animation-noopable]': '!_animationsEnabled',
|
|
5163
5163
|
'[class.mdc-dialog-container-with-actions]': '_actionSectionCount > 0',
|
|
5164
|
-
}, template: "<div class=\"mdc-dialog-inner-container mdc-dialog__container\">\r\n <div class=\"mdc-dialog-surface mdc-dialog__surface\">\r\n <ng-template cdkPortalOutlet />\r\n </div>\r\n</div>", styles: ["
|
|
5164
|
+
}, template: "<div class=\"mdc-dialog-inner-container mdc-dialog__container\">\r\n <div class=\"mdc-dialog-surface mdc-dialog__surface\">\r\n <ng-template cdkPortalOutlet />\r\n </div>\r\n</div>", styles: [".mdc-dialog-container{width:100%;height:100%;display:block;box-sizing:border-box;max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit;outline:0}.cdk-overlay-pane.mdc-dialog-panel{max-width:560px;min-width:280px}@media (max-width: 599px){.cdk-overlay-pane.mdc-dialog-panel{max-width:calc(100vw - 32px)}}.mdc-dialog-inner-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;opacity:0;transition:opacity linear var(--dialog-transition-duration, .15s);max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit}.mdc-dialog--opening.mdc-animation-position-left .mdc-dialog-inner-container{animation:left-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-right .mdc-dialog-inner-container{animation:right-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-top .mdc-dialog-inner-container{animation:top-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--opening.mdc-animation-position-bottom .mdc-dialog-inner-container{animation:bottom-enter var(--dialog-transition-duration, .15s) cubic-bezier(0,0,.2,1) forwards}.mdc-dialog--closing.mdc-animation-position-left .mdc-dialog-inner-container{animation:left-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-right .mdc-dialog-inner-container{animation:right-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-top .mdc-dialog-inner-container{animation:top-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing.mdc-animation-position-bottom .mdc-dialog-inner-container{animation:bottom-exit var(--dialog-transition-duration, 75ms) cubic-bezier(.4,0,1,1) backwards}.mdc-dialog--closing .mdc-dialog-inner-container{transition:opacity var(--dialog-transition-duration, 75ms) linear;transform:none}.mdc-dialog--open .mdc-dialog-inner-container{opacity:1}.animation-noopable .mdc-dialog-inner-container{transition:none}.mdc-dialog-surface{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;width:100%;height:100%;position:relative;overflow-y:auto;outline:0;transform:scale(.8);transition:transform .15s cubic-bezier(0,0,.2,1);max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit;box-shadow:none;border-radius:5px;background-color:#fff}[dir=rtl] .mdc-dialog-surface{text-align:right}.mdc-dialog--open .mdc-dialog-surface,.mdc-dialog--closing .mdc-dialog-surface{transform:none}.animation-noopable .mdc-dialog-surface{transition:none}.mdc-dialog-surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-dialog-title{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:6px 24px 13px}.mdc-dialog-title:before{display:inline-block;width:0;height:37px;content:\"\";vertical-align:0}[dir=rtl] .mdc-dialog-title{text-align:right}.mdc-dialog-container .mdc-dialog-title{color:#201a1b;font-family:Montserrat;line-height:2rem;font-size:1.5rem;font-weight:400;letter-spacing:.03125em}.mdc-dialog-content{display:block;flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;max-height:65vh}.mdc-dialog-content>:first-child{margin-top:0}.mdc-dialog-content>:last-child{margin-bottom:0}.mdc-dialog-container .mdc-dialog-content{color:inherit;font-family:inherit;line-height:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.mdc-dialog-container .mdc-dialog-content,.mdc-dialog-container-with-actions .mdc-dialog-content{padding:20px 24px 0}.mdc-dialog-container .mdc-dialog-title+.mdc-dialog-content{padding-top:0}.mdc-dialog-actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;box-sizing:border-box;min-height:52px;margin:0;border-top:1px solid transparent;padding:16px 24px;justify-content:flex-end}@media (forced-colors: active){.mdc-dialog-actions{border-top-color:CanvasText}}.mdc-dialog-actions.mdc-dialog-actions-align-start,.mdc-dialog-actions[align=start]{justify-content:start}.mdc-dialog-actions.mdc-dialog-actions-align-center,.mdc-dialog-actions[align=center]{justify-content:center}.mdc-dialog-actions.mdc-dialog-actions-align-end,.mdc-dialog-actions[align=end]{justify-content:flex-end}.mdc-dialog-actions .button-base+.button-base,.mdc-dialog-actions .mdc-button-base+.mdc-button-base{margin-left:8px}[dir=rtl] .mdc-dialog-actions .button-base+.button-base,[dir=rtl] .mdc-dialog-actions .mdc-button-base+.mdc-button-base{margin-left:0;margin-right:8px}.mdc-dialog-component-host{display:contents}.cdk-overlay-dark-backdrop{background-color:#00000080}@keyframes left-enter{0%{transform:translate(-100%)}to{transform:none}}@keyframes left-exit{0%{transform:none}to{transform:translate(-100%)}}@keyframes top-enter{0%{transform:translateY(-100%)}to{transform:none}}@keyframes top-exit{0%{transform:none}to{transform:translateY(-100%)}}@keyframes bottom-enter{0%{transform:translateY(100%)}to{transform:none}}@keyframes bottom-exit{0%{transform:none}to{transform:translateY(100%)}}@keyframes right-enter{0%{transform:translate(100%)}to{transform:none}}@keyframes right-exit{0%{transform:none}to{transform:translate(100%)}}\n"] }]
|
|
5165
5165
|
}] });
|
|
5166
5166
|
/** CSS custom property used by styles to read the transition duration. */
|
|
5167
5167
|
const TRANSITION_DURATION_PROPERTY = '--dialog-transition-duration';
|
|
@@ -5770,7 +5770,7 @@ class MDStepHeader extends CdkStepHeader {
|
|
|
5770
5770
|
return this.state === 'error';
|
|
5771
5771
|
}
|
|
5772
5772
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5773
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDStepHeader, isStandalone: true, selector: "md-step-header", inputs: { state: "state", label: "label", errorMessage: "errorMessage", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional" }, host: { attributes: { "role": "tab" }, properties: { "class.md-step-header-empty-label": "_hasEmptyLabel()" }, classAttribute: "step-header" }, usesInheritance: true, ngImport: i0, template: "<div class=\"step-icon-state-{{state}} step-icon\" [class.step-icon-selected]=\"selected\">\r\n <div class=\"step-icon-content\">\r\n @if (iconOverrides && iconOverrides[state]) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"iconOverrides[state]\"\r\n [ngTemplateOutletContext]=\"{index, active, optional}\"\r\n ></ng-container>\r\n } @else { @switch (state) { @case ('number') {\r\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\r\n } @default { @if (state === 'done') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\r\n } @else if (state === 'edit') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\r\n } @switch (state) { @case ('done') {\r\n <div class=\"icon-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\">\r\n <path\r\n d=\"M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z\"\r\n />\r\n </svg>\r\n </div>\r\n } @case ('edit') {\r\n <div class=\"icon-wrapper\">\r\n <svg\r\n width=\"36\"\r\n height=\"36\"\r\n viewBox=\"0 0 36 36\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"ng-star-inserted\"\r\n >\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"></rect>\r\n <path\r\n d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"\r\n ></path>\r\n </svg>\r\n </div>\r\n } } } } }\r\n </div>\r\n</div>\r\n<div\r\n class=\"step-label\"\r\n [class.step-label-active]=\"active\"\r\n [class.step-label-selected]=\"selected\"\r\n [class.step-label-error]=\"state == 'error'\"\r\n>\r\n @if (_templateLabel(); as templateLabel) {\r\n <div class=\"step-text-label\">\r\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\r\n </div>\r\n } @else if (_stringLabel()) {\r\n <div class=\"step-text-label\">{{label}}</div>\r\n } @if (_hasOptionalLabel()) {\r\n <div class=\"step-optional\">{{_intl.optionalLabel}}</div>\r\n } @if (_hasErrorLabel()) {\r\n <div class=\"step-sub-label-error\">{{errorMessage}}</div>\r\n }\r\n</div>\r\n", styles: ["
|
|
5773
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDStepHeader, isStandalone: true, selector: "md-step-header", inputs: { state: "state", label: "label", errorMessage: "errorMessage", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional" }, host: { attributes: { "role": "tab" }, properties: { "class.md-step-header-empty-label": "_hasEmptyLabel()" }, classAttribute: "step-header" }, usesInheritance: true, ngImport: i0, template: "<div class=\"step-icon-state-{{state}} step-icon\" [class.step-icon-selected]=\"selected\">\r\n <div class=\"step-icon-content\">\r\n @if (iconOverrides && iconOverrides[state]) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"iconOverrides[state]\"\r\n [ngTemplateOutletContext]=\"{index, active, optional}\"\r\n ></ng-container>\r\n } @else { @switch (state) { @case ('number') {\r\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\r\n } @default { @if (state === 'done') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\r\n } @else if (state === 'edit') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\r\n } @switch (state) { @case ('done') {\r\n <div class=\"icon-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\">\r\n <path\r\n d=\"M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z\"\r\n />\r\n </svg>\r\n </div>\r\n } @case ('edit') {\r\n <div class=\"icon-wrapper\">\r\n <svg\r\n width=\"36\"\r\n height=\"36\"\r\n viewBox=\"0 0 36 36\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"ng-star-inserted\"\r\n >\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"></rect>\r\n <path\r\n d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"\r\n ></path>\r\n </svg>\r\n </div>\r\n } } } } }\r\n </div>\r\n</div>\r\n<div\r\n class=\"step-label\"\r\n [class.step-label-active]=\"active\"\r\n [class.step-label-selected]=\"selected\"\r\n [class.step-label-error]=\"state == 'error'\"\r\n>\r\n @if (_templateLabel(); as templateLabel) {\r\n <div class=\"step-text-label\">\r\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\r\n </div>\r\n } @else if (_stringLabel()) {\r\n <div class=\"step-text-label\">{{label}}</div>\r\n } @if (_hasOptionalLabel()) {\r\n <div class=\"step-optional\">{{_intl.optionalLabel}}</div>\r\n } @if (_hasErrorLabel()) {\r\n <div class=\"step-sub-label-error\">{{errorMessage}}</div>\r\n }\r\n</div>\r\n", styles: [".step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:transparent}.step-header:focus .md-focus-indicator:before{content:\"\"}.step-header:hover[aria-disabled=true]{cursor:default}.step-header:hover:not([aria-disabled]) .step-icon:after,.step-header:hover[aria-disabled=false] .step-icon:after{border-radius:100%;content:\"\";border-width:1px;border-style:solid;border-color:#929292;pointer-events:none;display:block;position:absolute;inset-block-start:-4px;inset-inline-end:-4px;inset-block-end:-4px;inset-inline-start:-4px;z-index:2}.step-header[aria-selected=true]{color:#000}.step-header.cdk-keyboard-focused:not([aria-disabled]) .step-icon:after,.step-header.cdk-program-focused:not([aria-disabled]) .step-icon:after{border-radius:100%;content:\"\";border-width:1px;border-style:solid;border-color:#929292;pointer-events:none;display:block;position:absolute;inset-block-start:-4px;inset-inline-end:-4px;inset-block-end:-4px;inset-inline-start:-4px;z-index:2}@media (hover: none){.step-header:hover{background:none}}@media (forced-colors: active){.step-header{outline:solid 1px}.step-header[aria-selected=true] .step-label{text-decoration:underline}.step-header[aria-disabled=true]{outline-color:GrayText}.step-header[aria-disabled=true] .step-label,.step-header[aria-disabled=true] .step-icon,.step-header[aria-disabled=true] .step-optional{color:GrayText}}.step-optional{font-size:12px;color:#dae5e4}.step-sub-label-error{font-size:12px;font-weight:400}.step-icon{border-radius:50%;height:36px;width:36px;flex-shrink:0;position:relative;color:#eaeaea;background-color:#4d4d4d}.step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;color:#373737}.step-header-empty-label .step-label{min-width:0}.step-label.step-label-selected{color:#000}.step-text-label{text-overflow:ellipsis;overflow:hidden}.icon-wrapper{font-size:36px;height:36px;width:36px;display:flex;align-items:center;fill:#fff}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}.step-icon-selected{color:#4d4d4d;background-color:#fff;border:1px solid #CF0106}.step-icon-state-done{background-color:#fff;color:#000}.step-icon-state-edit{background-color:#fff;color:#fff}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5774
5774
|
}
|
|
5775
5775
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStepHeader, decorators: [{
|
|
5776
5776
|
type: Component,
|
|
@@ -5778,7 +5778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5778
5778
|
class: 'step-header',
|
|
5779
5779
|
'[class.md-step-header-empty-label]': '_hasEmptyLabel()',
|
|
5780
5780
|
role: 'tab',
|
|
5781
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<div class=\"step-icon-state-{{state}} step-icon\" [class.step-icon-selected]=\"selected\">\r\n <div class=\"step-icon-content\">\r\n @if (iconOverrides && iconOverrides[state]) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"iconOverrides[state]\"\r\n [ngTemplateOutletContext]=\"{index, active, optional}\"\r\n ></ng-container>\r\n } @else { @switch (state) { @case ('number') {\r\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\r\n } @default { @if (state === 'done') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\r\n } @else if (state === 'edit') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\r\n } @switch (state) { @case ('done') {\r\n <div class=\"icon-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\">\r\n <path\r\n d=\"M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z\"\r\n />\r\n </svg>\r\n </div>\r\n } @case ('edit') {\r\n <div class=\"icon-wrapper\">\r\n <svg\r\n width=\"36\"\r\n height=\"36\"\r\n viewBox=\"0 0 36 36\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"ng-star-inserted\"\r\n >\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"></rect>\r\n <path\r\n d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"\r\n ></path>\r\n </svg>\r\n </div>\r\n } } } } }\r\n </div>\r\n</div>\r\n<div\r\n class=\"step-label\"\r\n [class.step-label-active]=\"active\"\r\n [class.step-label-selected]=\"selected\"\r\n [class.step-label-error]=\"state == 'error'\"\r\n>\r\n @if (_templateLabel(); as templateLabel) {\r\n <div class=\"step-text-label\">\r\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\r\n </div>\r\n } @else if (_stringLabel()) {\r\n <div class=\"step-text-label\">{{label}}</div>\r\n } @if (_hasOptionalLabel()) {\r\n <div class=\"step-optional\">{{_intl.optionalLabel}}</div>\r\n } @if (_hasErrorLabel()) {\r\n <div class=\"step-sub-label-error\">{{errorMessage}}</div>\r\n }\r\n</div>\r\n", styles: ["
|
|
5781
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<div class=\"step-icon-state-{{state}} step-icon\" [class.step-icon-selected]=\"selected\">\r\n <div class=\"step-icon-content\">\r\n @if (iconOverrides && iconOverrides[state]) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"iconOverrides[state]\"\r\n [ngTemplateOutletContext]=\"{index, active, optional}\"\r\n ></ng-container>\r\n } @else { @switch (state) { @case ('number') {\r\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\r\n } @default { @if (state === 'done') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\r\n } @else if (state === 'edit') {\r\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\r\n } @switch (state) { @case ('done') {\r\n <div class=\"icon-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\">\r\n <path\r\n d=\"M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z\"\r\n />\r\n </svg>\r\n </div>\r\n } @case ('edit') {\r\n <div class=\"icon-wrapper\">\r\n <svg\r\n width=\"36\"\r\n height=\"36\"\r\n viewBox=\"0 0 36 36\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n class=\"ng-star-inserted\"\r\n >\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"></rect>\r\n <path\r\n d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"\r\n ></path>\r\n </svg>\r\n </div>\r\n } } } } }\r\n </div>\r\n</div>\r\n<div\r\n class=\"step-label\"\r\n [class.step-label-active]=\"active\"\r\n [class.step-label-selected]=\"selected\"\r\n [class.step-label-error]=\"state == 'error'\"\r\n>\r\n @if (_templateLabel(); as templateLabel) {\r\n <div class=\"step-text-label\">\r\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\r\n </div>\r\n } @else if (_stringLabel()) {\r\n <div class=\"step-text-label\">{{label}}</div>\r\n } @if (_hasOptionalLabel()) {\r\n <div class=\"step-optional\">{{_intl.optionalLabel}}</div>\r\n } @if (_hasErrorLabel()) {\r\n <div class=\"step-sub-label-error\">{{errorMessage}}</div>\r\n }\r\n</div>\r\n", styles: [".step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:transparent}.step-header:focus .md-focus-indicator:before{content:\"\"}.step-header:hover[aria-disabled=true]{cursor:default}.step-header:hover:not([aria-disabled]) .step-icon:after,.step-header:hover[aria-disabled=false] .step-icon:after{border-radius:100%;content:\"\";border-width:1px;border-style:solid;border-color:#929292;pointer-events:none;display:block;position:absolute;inset-block-start:-4px;inset-inline-end:-4px;inset-block-end:-4px;inset-inline-start:-4px;z-index:2}.step-header[aria-selected=true]{color:#000}.step-header.cdk-keyboard-focused:not([aria-disabled]) .step-icon:after,.step-header.cdk-program-focused:not([aria-disabled]) .step-icon:after{border-radius:100%;content:\"\";border-width:1px;border-style:solid;border-color:#929292;pointer-events:none;display:block;position:absolute;inset-block-start:-4px;inset-inline-end:-4px;inset-block-end:-4px;inset-inline-start:-4px;z-index:2}@media (hover: none){.step-header:hover{background:none}}@media (forced-colors: active){.step-header{outline:solid 1px}.step-header[aria-selected=true] .step-label{text-decoration:underline}.step-header[aria-disabled=true]{outline-color:GrayText}.step-header[aria-disabled=true] .step-label,.step-header[aria-disabled=true] .step-icon,.step-header[aria-disabled=true] .step-optional{color:GrayText}}.step-optional{font-size:12px;color:#dae5e4}.step-sub-label-error{font-size:12px;font-weight:400}.step-icon{border-radius:50%;height:36px;width:36px;flex-shrink:0;position:relative;color:#eaeaea;background-color:#4d4d4d}.step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;color:#373737}.step-header-empty-label .step-label{min-width:0}.step-label.step-label-selected{color:#000}.step-text-label{text-overflow:ellipsis;overflow:hidden}.icon-wrapper{font-size:36px;height:36px;width:36px;display:flex;align-items:center;fill:#fff}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}.step-icon-selected{color:#4d4d4d;background-color:#fff;border:1px solid #CF0106}.step-icon-state-done{background-color:#fff;color:#000}.step-icon-state-edit{background-color:#fff;color:#fff}\n"] }]
|
|
5782
5782
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
|
5783
5783
|
type: Input
|
|
5784
5784
|
}], label: [{
|
|
@@ -6316,7 +6316,7 @@ class MDStepper extends CdkStepper {
|
|
|
6316
6316
|
this.animationDone.emit();
|
|
6317
6317
|
}
|
|
6318
6318
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6319
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDStepper, isStandalone: true, selector: "md-stepper, md-vertical-stepper, md-horizontal-stepper, [mdStepper]", inputs: { labelPosition: "labelPosition", headerPosition: "headerPosition", animationDuration: "animationDuration", disablePagination: "disablePagination" }, outputs: { animationDone: "animationDone" }, host: { attributes: { "role": "tablist" }, properties: { "class.stepper-horizontal": "orientation === \"horizontal\"", "class.stepper-vertical": "orientation === \"vertical\"", "class.stepper-label-position-end": "orientation === \"horizontal\" && labelPosition == \"end\"", "class.stepper-label-position-bottom": "orientation === \"horizontal\" && labelPosition == \"bottom\"", "class.stepper-header-position-bottom": "headerPosition === \"bottom\"", "class.mdc-step-header-pagination-controls-enabled": "_showPaginationControls", "class.stepper-animating": "_isAnimating()", "style.stepper-animation-duration": "_getAnimationDuration()", "attr.aria-orientation": "orientation" } }, providers: [{ provide: CdkStepper, useExisting: MDStepper }], queries: [{ propertyName: "footer", first: true, predicate: MDStepFooter, descendants: true, read: TemplateRef }, { propertyName: "_steps", predicate: MDStep, descendants: true }, { propertyName: "_icons", predicate: MDStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_stepHeaderElRef", first: true, predicate: ["stepHeader"], descendants: true }, { propertyName: "_stepListContainer", first: true, predicate: ["stepListContainer"], descendants: true }, { propertyName: "_stepList", first: true, predicate: ["stepList"], descendants: true }, { propertyName: "_stepListInner", first: true, predicate: ["stepListInner"], descendants: true }, { propertyName: "_nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true }, { propertyName: "_previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true }, { propertyName: "_stepHeader", predicate: MDStepHeader, descendants: true }, { propertyName: "_animatedContainers", predicate: ["animatedContainer"], descendants: true }], exportAs: ["mdStepper", "mdVerticalStepper", "mdHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "@if (_isServer) {\r\n <ng-content/>\r\n}\r\n\r\n@switch (orientation) {\r\n @case ('horizontal') {\r\n <div class=\"horizontal-stepper-wrapper\">\r\n \r\n <div class=\"mdc-step-header\" #stepHeader>\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-before\"\r\n #previousPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollBefore\"\r\n (click)=\"_handlePaginatorClick('before')\"\r\n (mousedown)=\"_handlePaginatorPress('before', $event)\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div>\r\n\r\n <div class=\"mdc-step-label-container\" #stepListContainer>\r\n <div class=\"mdc-step-list\" #stepList>\r\n <div class=\"horizontal-stepper-header-container\" #stepListInner>\r\n @for (step of steps; track step) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n @if (!$last) {\r\n <div class=\"stepper-horizontal-line\"></div>\r\n }\r\n }\r\n </div> \r\n </div>\r\n </div>\r\n\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-after\"\r\n #nextPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollAfter\"\r\n (mousedown)=\"_handlePaginatorPress('after', $event)\"\r\n (click)=\"_handlePaginatorClick('after')\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div> \r\n </div>\r\n \r\n\r\n <div class=\"horizontal-content-container\">\r\n @for (step of steps; track step) {\r\n <div\r\n #animatedContainer\r\n class=\"horizontal-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\r\n [class]=\"'horizontal-stepper-content-' + _getAnimationDirection($index)\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n \r\n }\r\n\r\n @case ('vertical') {\r\n @for (step of steps; track step) {\r\n <div class=\"step\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n <div\r\n #animatedContainer\r\n class=\"vertical-content-container\"\r\n [class.stepper-vertical-line]=\"!$last\"\r\n [class.vertical-content-container-active]=\"selectedIndex === $index\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <div class=\"vertical-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\r\n <div class=\"vertical-content\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n}\r\n\r\n<ng-template let-step=\"step\" #stepTemplate>\r\n <md-step-header\r\n [class.horizontal-stepper-header]=\"orientation === 'horizontal'\"\r\n [class.vertical-stepper-header]=\"orientation === 'vertical'\"\r\n (click)=\"step.select()\"\r\n (keydown)=\"_onKeydown($event)\"\r\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\r\n [id]=\"_getStepLabelId(step.index())\"\r\n [attr.aria-posinset]=\"step.index() + 1\"\r\n [attr.aria-setsize]=\"steps.length\"\r\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\r\n [attr.aria-selected]=\"step.isSelected()\"\r\n [attr.aria-label]=\"step.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\r\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\r\n [index]=\"step.index()\"\r\n [state]=\"step.indicatorType()\"\r\n [label]=\"step.stepLabel || step.label\"\r\n [selected]=\"step.isSelected()\"\r\n [active]=\"step.isNavigable()\"\r\n [optional]=\"step.optional\"\r\n [errorMessage]=\"step.errorMessage\"\r\n [iconOverrides]=\"_iconOverrides\"\r\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\r\n [color]=\"step.color || color\"/>\r\n</ng-template>\r\n\r\n\r\n<ng-container [ngTemplateOutlet]=\"footer\"></ng-container>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.stepper-vertical,.stepper-horizontal{display:block;font-family:Montserrat;font-size:14px;color:#000}.horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.stepper-label-position-bottom .horizontal-stepper-header-container{align-items:flex-start}.stepper-header-position-bottom .horizontal-stepper-header-container{order:1}.stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:#889392}.stepper-label-position-bottom .stepper-horizontal-line{margin:0;min-width:0;position:relative;top:36px}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before,.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:48px}.horizontal-stepper-header .step-icon{position:relative;margin-right:8px;flex:none}[dir=rtl] .horizontal-stepper-header .step-icon{margin-right:0;margin-left:8px}.horizontal-stepper-header.step-header-empty-label .step-icon{margin:0}.stepper-label-position-bottom .horizontal-stepper-header{padding:24px}.stepper-label-position-bottom .horizontal-stepper-header:before,.stepper-label-position-bottom .horizontal-stepper-header:after{top:36px}.stepper-label-position-bottom .horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{right:0}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before{left:0}[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:last-child:before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:first-child:after{display:none}.stepper-label-position-bottom .horizontal-stepper-header .step-icon{margin-right:0;margin-left:0}.stepper-label-position-bottom .horizontal-stepper-header .step-label{padding:16px 0 0;text-align:center;width:100%}.vertical-stepper-header{display:flex;align-items:center;height:24px;padding:24px}.vertical-stepper-header .step-icon{margin-right:12px}[dir=rtl] .vertical-stepper-header .step-icon{margin-right:0;margin-left:12px}.horizontal-stepper-wrapper{display:flex;flex-direction:column}.horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.stepper-animations-enabled .horizontal-stepper-content{transition:transform .5s cubic-bezier(.35,0,.25,1)}.horizontal-stepper-content.horizontal-stepper-content-previous{transform:translate3d(-100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-next{transform:translate3d(100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.stepper-horizontal:not(.stepper-animating) .horizontal-stepper-content.horizontal-stepper-content-current{overflow:visible}.horizontal-content-container{overflow:hidden;background:#f3f3f3;padding:24px}@media (forced-colors: active){.horizontal-content-container{outline:solid 1px}}.stepper-header-position-bottom .horizontal-content-container{padding:24px 24px 0}.vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.stepper-animations-enabled .vertical-content-container{transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)}.vertical-content-container.vertical-content-container-active{grid-template-rows:1fr}.step:last-child .vertical-content-container{border:none}@media (forced-colors: active){.vertical-content-container{outline:solid 1px}}[dir=rtl] .vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.vertical-content-container{height:0}.vertical-content-container.vertical-content-container-active{height:auto}}.stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:#889392;top:-16px;bottom:-16px}[dir=rtl] .stepper-vertical-line:before{left:auto;right:0}.vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.stepper-animations-enabled .vertical-stepper-content{transition:visibility .5s linear}.vertical-content-container-active>.vertical-stepper-content{visibility:visible}.vertical-content{padding:0 24px 24px}.mdc-step-header-pagination-before,.mdc-step-header-rtl .mdc-step-header-pagination-after{padding-left:4px}.mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-rtl .mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(-135deg)}.mdc-step-header-rtl .mdc-step-header-pagination-before,.mdc-step-header-pagination-after{padding-right:4px}.mdc-step-header-rtl .mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(45deg)}.mdc-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;height:8px;width:8px;border-color:#201a1b}.mdc-step-header-pagination-disabled{box-shadow:none;cursor:default;pointer-events:none}.mdc-step-header-pagination-disabled .mdc-step-header-pagination-chevron{opacity:.4}.mdc-step-label-container{display:flex;flex-grow:1;overflow:hidden;z-index:1}.mdc-step-list{flex-grow:1;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.animation-noopable .mdc-step-list{transition:none}.mdc-step-header{display:flex;overflow:hidden;position:relative;flex-shrink:0;padding-bottom:24px}.mdc-step-header-pagination{position:relative;display:none;justify-content:center;align-items:center;min-width:32px;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;box-sizing:content-box;outline:0}.mdc-step-header-pagination::-moz-focus-inner{border:0}.mdc-step-header-pagination-controls-enabled .mdc-step-header-pagination{display:flex}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MDStepHeader, selector: "md-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6319
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDStepper, isStandalone: true, selector: "md-stepper, md-vertical-stepper, md-horizontal-stepper, [mdStepper]", inputs: { labelPosition: "labelPosition", headerPosition: "headerPosition", animationDuration: "animationDuration", disablePagination: "disablePagination" }, outputs: { animationDone: "animationDone" }, host: { attributes: { "role": "tablist" }, properties: { "class.stepper-horizontal": "orientation === \"horizontal\"", "class.stepper-vertical": "orientation === \"vertical\"", "class.stepper-label-position-end": "orientation === \"horizontal\" && labelPosition == \"end\"", "class.stepper-label-position-bottom": "orientation === \"horizontal\" && labelPosition == \"bottom\"", "class.stepper-header-position-bottom": "headerPosition === \"bottom\"", "class.mdc-step-header-pagination-controls-enabled": "_showPaginationControls", "class.stepper-animating": "_isAnimating()", "style.stepper-animation-duration": "_getAnimationDuration()", "attr.aria-orientation": "orientation" } }, providers: [{ provide: CdkStepper, useExisting: MDStepper }], queries: [{ propertyName: "footer", first: true, predicate: MDStepFooter, descendants: true, read: TemplateRef }, { propertyName: "_steps", predicate: MDStep, descendants: true }, { propertyName: "_icons", predicate: MDStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_stepHeaderElRef", first: true, predicate: ["stepHeader"], descendants: true }, { propertyName: "_stepListContainer", first: true, predicate: ["stepListContainer"], descendants: true }, { propertyName: "_stepList", first: true, predicate: ["stepList"], descendants: true }, { propertyName: "_stepListInner", first: true, predicate: ["stepListInner"], descendants: true }, { propertyName: "_nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true }, { propertyName: "_previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true }, { propertyName: "_stepHeader", predicate: MDStepHeader, descendants: true }, { propertyName: "_animatedContainers", predicate: ["animatedContainer"], descendants: true }], exportAs: ["mdStepper", "mdVerticalStepper", "mdHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "@if (_isServer) {\r\n <ng-content/>\r\n}\r\n\r\n@switch (orientation) {\r\n @case ('horizontal') {\r\n <div class=\"horizontal-stepper-wrapper\">\r\n \r\n <div class=\"mdc-step-header\" #stepHeader>\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-before\"\r\n #previousPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollBefore\"\r\n (click)=\"_handlePaginatorClick('before')\"\r\n (mousedown)=\"_handlePaginatorPress('before', $event)\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div>\r\n\r\n <div class=\"mdc-step-label-container\" #stepListContainer>\r\n <div class=\"mdc-step-list\" #stepList>\r\n <div class=\"horizontal-stepper-header-container\" #stepListInner>\r\n @for (step of steps; track step) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n @if (!$last) {\r\n <div class=\"stepper-horizontal-line\"></div>\r\n }\r\n }\r\n </div> \r\n </div>\r\n </div>\r\n\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-after\"\r\n #nextPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollAfter\"\r\n (mousedown)=\"_handlePaginatorPress('after', $event)\"\r\n (click)=\"_handlePaginatorClick('after')\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div> \r\n </div>\r\n \r\n\r\n <div class=\"horizontal-content-container\">\r\n @for (step of steps; track step) {\r\n <div\r\n #animatedContainer\r\n class=\"horizontal-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\r\n [class]=\"'horizontal-stepper-content-' + _getAnimationDirection($index)\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n \r\n }\r\n\r\n @case ('vertical') {\r\n @for (step of steps; track step) {\r\n <div class=\"step\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n <div\r\n #animatedContainer\r\n class=\"vertical-content-container\"\r\n [class.stepper-vertical-line]=\"!$last\"\r\n [class.vertical-content-container-active]=\"selectedIndex === $index\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <div class=\"vertical-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\r\n <div class=\"vertical-content\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n}\r\n\r\n<ng-template let-step=\"step\" #stepTemplate>\r\n <md-step-header\r\n [class.horizontal-stepper-header]=\"orientation === 'horizontal'\"\r\n [class.vertical-stepper-header]=\"orientation === 'vertical'\"\r\n (click)=\"step.select()\"\r\n (keydown)=\"_onKeydown($event)\"\r\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\r\n [id]=\"_getStepLabelId(step.index())\"\r\n [attr.aria-posinset]=\"step.index() + 1\"\r\n [attr.aria-setsize]=\"steps.length\"\r\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\r\n [attr.aria-selected]=\"step.isSelected()\"\r\n [attr.aria-label]=\"step.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\r\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\r\n [index]=\"step.index()\"\r\n [state]=\"step.indicatorType()\"\r\n [label]=\"step.stepLabel || step.label\"\r\n [selected]=\"step.isSelected()\"\r\n [active]=\"step.isNavigable()\"\r\n [optional]=\"step.optional\"\r\n [errorMessage]=\"step.errorMessage\"\r\n [iconOverrides]=\"_iconOverrides\"\r\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\r\n [color]=\"step.color || color\"/>\r\n</ng-template>\r\n\r\n\r\n<ng-container [ngTemplateOutlet]=\"footer\"></ng-container>", styles: [".stepper-vertical,.stepper-horizontal{display:block;font-family:Montserrat;font-size:14px;color:#000}.horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.stepper-label-position-bottom .horizontal-stepper-header-container{align-items:flex-start}.stepper-header-position-bottom .horizontal-stepper-header-container{order:1}.stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:#889392}.stepper-label-position-bottom .stepper-horizontal-line{margin:0;min-width:0;position:relative;top:36px}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before,.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:48px}.horizontal-stepper-header .step-icon{position:relative;margin-right:8px;flex:none}[dir=rtl] .horizontal-stepper-header .step-icon{margin-right:0;margin-left:8px}.horizontal-stepper-header.step-header-empty-label .step-icon{margin:0}.stepper-label-position-bottom .horizontal-stepper-header{padding:24px}.stepper-label-position-bottom .horizontal-stepper-header:before,.stepper-label-position-bottom .horizontal-stepper-header:after{top:36px}.stepper-label-position-bottom .horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{right:0}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before{left:0}[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:last-child:before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:first-child:after{display:none}.stepper-label-position-bottom .horizontal-stepper-header .step-icon{margin-right:0;margin-left:0}.stepper-label-position-bottom .horizontal-stepper-header .step-label{padding:16px 0 0;text-align:center;width:100%}.vertical-stepper-header{display:flex;align-items:center;height:24px;padding:24px}.vertical-stepper-header .step-icon{margin-right:12px}[dir=rtl] .vertical-stepper-header .step-icon{margin-right:0;margin-left:12px}.horizontal-stepper-wrapper{display:flex;flex-direction:column}.horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.stepper-animations-enabled .horizontal-stepper-content{transition:transform .5s cubic-bezier(.35,0,.25,1)}.horizontal-stepper-content.horizontal-stepper-content-previous{transform:translate3d(-100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-next{transform:translate3d(100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.stepper-horizontal:not(.stepper-animating) .horizontal-stepper-content.horizontal-stepper-content-current{overflow:visible}.horizontal-content-container{overflow:hidden;background:#f3f3f3;padding:24px}@media (forced-colors: active){.horizontal-content-container{outline:solid 1px}}.stepper-header-position-bottom .horizontal-content-container{padding:24px 24px 0}.vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.stepper-animations-enabled .vertical-content-container{transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)}.vertical-content-container.vertical-content-container-active{grid-template-rows:1fr}.step:last-child .vertical-content-container{border:none}@media (forced-colors: active){.vertical-content-container{outline:solid 1px}}[dir=rtl] .vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.vertical-content-container{height:0}.vertical-content-container.vertical-content-container-active{height:auto}}.stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:#889392;top:-16px;bottom:-16px}[dir=rtl] .stepper-vertical-line:before{left:auto;right:0}.vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.stepper-animations-enabled .vertical-stepper-content{transition:visibility .5s linear}.vertical-content-container-active>.vertical-stepper-content{visibility:visible}.vertical-content{padding:0 24px 24px}.mdc-step-header-pagination-before,.mdc-step-header-rtl .mdc-step-header-pagination-after{padding-left:4px}.mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-rtl .mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(-135deg)}.mdc-step-header-rtl .mdc-step-header-pagination-before,.mdc-step-header-pagination-after{padding-right:4px}.mdc-step-header-rtl .mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(45deg)}.mdc-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;height:8px;width:8px;border-color:#201a1b}.mdc-step-header-pagination-disabled{box-shadow:none;cursor:default;pointer-events:none}.mdc-step-header-pagination-disabled .mdc-step-header-pagination-chevron{opacity:.4}.mdc-step-label-container{display:flex;flex-grow:1;overflow:hidden;z-index:1}.mdc-step-list{flex-grow:1;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.animation-noopable .mdc-step-list{transition:none}.mdc-step-header{display:flex;overflow:hidden;position:relative;flex-shrink:0;padding-bottom:24px}.mdc-step-header-pagination{position:relative;display:none;justify-content:center;align-items:center;min-width:32px;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;box-sizing:content-box;outline:0}.mdc-step-header-pagination::-moz-focus-inner{border:0}.mdc-step-header-pagination-controls-enabled .mdc-step-header-pagination{display:flex}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MDStepHeader, selector: "md-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6320
6320
|
}
|
|
6321
6321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStepper, decorators: [{
|
|
6322
6322
|
type: Component,
|
|
@@ -6334,7 +6334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
6334
6334
|
// ARIA role for a list of tabs.
|
|
6335
6335
|
'[attr.aria-orientation]': 'orientation',
|
|
6336
6336
|
role: 'tablist',
|
|
6337
|
-
}, providers: [{ provide: CdkStepper, useExisting: MDStepper }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MDStepHeader], template: "@if (_isServer) {\r\n <ng-content/>\r\n}\r\n\r\n@switch (orientation) {\r\n @case ('horizontal') {\r\n <div class=\"horizontal-stepper-wrapper\">\r\n \r\n <div class=\"mdc-step-header\" #stepHeader>\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-before\"\r\n #previousPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollBefore\"\r\n (click)=\"_handlePaginatorClick('before')\"\r\n (mousedown)=\"_handlePaginatorPress('before', $event)\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div>\r\n\r\n <div class=\"mdc-step-label-container\" #stepListContainer>\r\n <div class=\"mdc-step-list\" #stepList>\r\n <div class=\"horizontal-stepper-header-container\" #stepListInner>\r\n @for (step of steps; track step) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n @if (!$last) {\r\n <div class=\"stepper-horizontal-line\"></div>\r\n }\r\n }\r\n </div> \r\n </div>\r\n </div>\r\n\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-after\"\r\n #nextPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollAfter\"\r\n (mousedown)=\"_handlePaginatorPress('after', $event)\"\r\n (click)=\"_handlePaginatorClick('after')\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div> \r\n </div>\r\n \r\n\r\n <div class=\"horizontal-content-container\">\r\n @for (step of steps; track step) {\r\n <div\r\n #animatedContainer\r\n class=\"horizontal-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\r\n [class]=\"'horizontal-stepper-content-' + _getAnimationDirection($index)\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n \r\n }\r\n\r\n @case ('vertical') {\r\n @for (step of steps; track step) {\r\n <div class=\"step\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n <div\r\n #animatedContainer\r\n class=\"vertical-content-container\"\r\n [class.stepper-vertical-line]=\"!$last\"\r\n [class.vertical-content-container-active]=\"selectedIndex === $index\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <div class=\"vertical-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\r\n <div class=\"vertical-content\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n}\r\n\r\n<ng-template let-step=\"step\" #stepTemplate>\r\n <md-step-header\r\n [class.horizontal-stepper-header]=\"orientation === 'horizontal'\"\r\n [class.vertical-stepper-header]=\"orientation === 'vertical'\"\r\n (click)=\"step.select()\"\r\n (keydown)=\"_onKeydown($event)\"\r\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\r\n [id]=\"_getStepLabelId(step.index())\"\r\n [attr.aria-posinset]=\"step.index() + 1\"\r\n [attr.aria-setsize]=\"steps.length\"\r\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\r\n [attr.aria-selected]=\"step.isSelected()\"\r\n [attr.aria-label]=\"step.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\r\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\r\n [index]=\"step.index()\"\r\n [state]=\"step.indicatorType()\"\r\n [label]=\"step.stepLabel || step.label\"\r\n [selected]=\"step.isSelected()\"\r\n [active]=\"step.isNavigable()\"\r\n [optional]=\"step.optional\"\r\n [errorMessage]=\"step.errorMessage\"\r\n [iconOverrides]=\"_iconOverrides\"\r\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\r\n [color]=\"step.color || color\"/>\r\n</ng-template>\r\n\r\n\r\n<ng-container [ngTemplateOutlet]=\"footer\"></ng-container>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.stepper-vertical,.stepper-horizontal{display:block;font-family:Montserrat;font-size:14px;color:#000}.horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.stepper-label-position-bottom .horizontal-stepper-header-container{align-items:flex-start}.stepper-header-position-bottom .horizontal-stepper-header-container{order:1}.stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:#889392}.stepper-label-position-bottom .stepper-horizontal-line{margin:0;min-width:0;position:relative;top:36px}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before,.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:48px}.horizontal-stepper-header .step-icon{position:relative;margin-right:8px;flex:none}[dir=rtl] .horizontal-stepper-header .step-icon{margin-right:0;margin-left:8px}.horizontal-stepper-header.step-header-empty-label .step-icon{margin:0}.stepper-label-position-bottom .horizontal-stepper-header{padding:24px}.stepper-label-position-bottom .horizontal-stepper-header:before,.stepper-label-position-bottom .horizontal-stepper-header:after{top:36px}.stepper-label-position-bottom .horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{right:0}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before{left:0}[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:last-child:before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:first-child:after{display:none}.stepper-label-position-bottom .horizontal-stepper-header .step-icon{margin-right:0;margin-left:0}.stepper-label-position-bottom .horizontal-stepper-header .step-label{padding:16px 0 0;text-align:center;width:100%}.vertical-stepper-header{display:flex;align-items:center;height:24px;padding:24px}.vertical-stepper-header .step-icon{margin-right:12px}[dir=rtl] .vertical-stepper-header .step-icon{margin-right:0;margin-left:12px}.horizontal-stepper-wrapper{display:flex;flex-direction:column}.horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.stepper-animations-enabled .horizontal-stepper-content{transition:transform .5s cubic-bezier(.35,0,.25,1)}.horizontal-stepper-content.horizontal-stepper-content-previous{transform:translate3d(-100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-next{transform:translate3d(100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.stepper-horizontal:not(.stepper-animating) .horizontal-stepper-content.horizontal-stepper-content-current{overflow:visible}.horizontal-content-container{overflow:hidden;background:#f3f3f3;padding:24px}@media (forced-colors: active){.horizontal-content-container{outline:solid 1px}}.stepper-header-position-bottom .horizontal-content-container{padding:24px 24px 0}.vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.stepper-animations-enabled .vertical-content-container{transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)}.vertical-content-container.vertical-content-container-active{grid-template-rows:1fr}.step:last-child .vertical-content-container{border:none}@media (forced-colors: active){.vertical-content-container{outline:solid 1px}}[dir=rtl] .vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.vertical-content-container{height:0}.vertical-content-container.vertical-content-container-active{height:auto}}.stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:#889392;top:-16px;bottom:-16px}[dir=rtl] .stepper-vertical-line:before{left:auto;right:0}.vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.stepper-animations-enabled .vertical-stepper-content{transition:visibility .5s linear}.vertical-content-container-active>.vertical-stepper-content{visibility:visible}.vertical-content{padding:0 24px 24px}.mdc-step-header-pagination-before,.mdc-step-header-rtl .mdc-step-header-pagination-after{padding-left:4px}.mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-rtl .mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(-135deg)}.mdc-step-header-rtl .mdc-step-header-pagination-before,.mdc-step-header-pagination-after{padding-right:4px}.mdc-step-header-rtl .mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(45deg)}.mdc-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;height:8px;width:8px;border-color:#201a1b}.mdc-step-header-pagination-disabled{box-shadow:none;cursor:default;pointer-events:none}.mdc-step-header-pagination-disabled .mdc-step-header-pagination-chevron{opacity:.4}.mdc-step-label-container{display:flex;flex-grow:1;overflow:hidden;z-index:1}.mdc-step-list{flex-grow:1;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.animation-noopable .mdc-step-list{transition:none}.mdc-step-header{display:flex;overflow:hidden;position:relative;flex-shrink:0;padding-bottom:24px}.mdc-step-header-pagination{position:relative;display:none;justify-content:center;align-items:center;min-width:32px;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;box-sizing:content-box;outline:0}.mdc-step-header-pagination::-moz-focus-inner{border:0}.mdc-step-header-pagination-controls-enabled .mdc-step-header-pagination{display:flex}\n"] }]
|
|
6337
|
+
}, providers: [{ provide: CdkStepper, useExisting: MDStepper }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MDStepHeader], template: "@if (_isServer) {\r\n <ng-content/>\r\n}\r\n\r\n@switch (orientation) {\r\n @case ('horizontal') {\r\n <div class=\"horizontal-stepper-wrapper\">\r\n \r\n <div class=\"mdc-step-header\" #stepHeader>\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-before\"\r\n #previousPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollBefore\"\r\n (click)=\"_handlePaginatorClick('before')\"\r\n (mousedown)=\"_handlePaginatorPress('before', $event)\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div>\r\n\r\n <div class=\"mdc-step-label-container\" #stepListContainer>\r\n <div class=\"mdc-step-list\" #stepList>\r\n <div class=\"horizontal-stepper-header-container\" #stepListInner>\r\n @for (step of steps; track step) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n @if (!$last) {\r\n <div class=\"stepper-horizontal-line\"></div>\r\n }\r\n }\r\n </div> \r\n </div>\r\n </div>\r\n\r\n <div class=\"mdc-step-header-pagination mdc-step-header-pagination-after\"\r\n #nextPaginator\r\n [class.mdc-step-header-pagination-disabled]=\"_disableScrollAfter\"\r\n (mousedown)=\"_handlePaginatorPress('after', $event)\"\r\n (click)=\"_handlePaginatorClick('after')\"\r\n (touchend)=\"_stopInterval()\">\r\n <div class=\"mdc-step-header-pagination-chevron\"></div>\r\n </div> \r\n </div>\r\n \r\n\r\n <div class=\"horizontal-content-container\">\r\n @for (step of steps; track step) {\r\n <div\r\n #animatedContainer\r\n class=\"horizontal-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\r\n [class]=\"'horizontal-stepper-content-' + _getAnimationDirection($index)\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n \r\n }\r\n\r\n @case ('vertical') {\r\n @for (step of steps; track step) {\r\n <div class=\"step\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"stepTemplate\"\r\n [ngTemplateOutletContext]=\"{step}\"/>\r\n <div\r\n #animatedContainer\r\n class=\"vertical-content-container\"\r\n [class.stepper-vertical-line]=\"!$last\"\r\n [class.vertical-content-container-active]=\"selectedIndex === $index\"\r\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\r\n <div class=\"vertical-stepper-content\"\r\n role=\"tabpanel\"\r\n [id]=\"_getStepContentId($index)\"\r\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\r\n <div class=\"vertical-content\">\r\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n}\r\n\r\n<ng-template let-step=\"step\" #stepTemplate>\r\n <md-step-header\r\n [class.horizontal-stepper-header]=\"orientation === 'horizontal'\"\r\n [class.vertical-stepper-header]=\"orientation === 'vertical'\"\r\n (click)=\"step.select()\"\r\n (keydown)=\"_onKeydown($event)\"\r\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\r\n [id]=\"_getStepLabelId(step.index())\"\r\n [attr.aria-posinset]=\"step.index() + 1\"\r\n [attr.aria-setsize]=\"steps.length\"\r\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\r\n [attr.aria-selected]=\"step.isSelected()\"\r\n [attr.aria-label]=\"step.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\r\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\r\n [index]=\"step.index()\"\r\n [state]=\"step.indicatorType()\"\r\n [label]=\"step.stepLabel || step.label\"\r\n [selected]=\"step.isSelected()\"\r\n [active]=\"step.isNavigable()\"\r\n [optional]=\"step.optional\"\r\n [errorMessage]=\"step.errorMessage\"\r\n [iconOverrides]=\"_iconOverrides\"\r\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\r\n [color]=\"step.color || color\"/>\r\n</ng-template>\r\n\r\n\r\n<ng-container [ngTemplateOutlet]=\"footer\"></ng-container>", styles: [".stepper-vertical,.stepper-horizontal{display:block;font-family:Montserrat;font-size:14px;color:#000}.horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.stepper-label-position-bottom .horizontal-stepper-header-container{align-items:flex-start}.stepper-header-position-bottom .horizontal-stepper-header-container{order:1}.stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:#889392}.stepper-label-position-bottom .stepper-horizontal-line{margin:0;min-width:0;position:relative;top:36px}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before,.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:48px}.horizontal-stepper-header .step-icon{position:relative;margin-right:8px;flex:none}[dir=rtl] .horizontal-stepper-header .step-icon{margin-right:0;margin-left:8px}.horizontal-stepper-header.step-header-empty-label .step-icon{margin:0}.stepper-label-position-bottom .horizontal-stepper-header{padding:24px}.stepper-label-position-bottom .horizontal-stepper-header:before,.stepper-label-position-bottom .horizontal-stepper-header:after{top:36px}.stepper-label-position-bottom .horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):after,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):after{right:0}.stepper-label-position-bottom .horizontal-stepper-header:not(:first-child):before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:not(:last-child):before{left:0}[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:last-child:before,[dir=rtl] .stepper-label-position-bottom .horizontal-stepper-header:first-child:after{display:none}.stepper-label-position-bottom .horizontal-stepper-header .step-icon{margin-right:0;margin-left:0}.stepper-label-position-bottom .horizontal-stepper-header .step-label{padding:16px 0 0;text-align:center;width:100%}.vertical-stepper-header{display:flex;align-items:center;height:24px;padding:24px}.vertical-stepper-header .step-icon{margin-right:12px}[dir=rtl] .vertical-stepper-header .step-icon{margin-right:0;margin-left:12px}.horizontal-stepper-wrapper{display:flex;flex-direction:column}.horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.stepper-animations-enabled .horizontal-stepper-content{transition:transform .5s cubic-bezier(.35,0,.25,1)}.horizontal-stepper-content.horizontal-stepper-content-previous{transform:translate3d(-100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-next{transform:translate3d(100%,0,0)}.horizontal-stepper-content.horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.stepper-horizontal:not(.stepper-animating) .horizontal-stepper-content.horizontal-stepper-content-current{overflow:visible}.horizontal-content-container{overflow:hidden;background:#f3f3f3;padding:24px}@media (forced-colors: active){.horizontal-content-container{outline:solid 1px}}.stepper-header-position-bottom .horizontal-content-container{padding:24px 24px 0}.vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.stepper-animations-enabled .vertical-content-container{transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1)}.vertical-content-container.vertical-content-container-active{grid-template-rows:1fr}.step:last-child .vertical-content-container{border:none}@media (forced-colors: active){.vertical-content-container{outline:solid 1px}}[dir=rtl] .vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.vertical-content-container{height:0}.vertical-content-container.vertical-content-container-active{height:auto}}.stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:#889392;top:-16px;bottom:-16px}[dir=rtl] .stepper-vertical-line:before{left:auto;right:0}.vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.stepper-animations-enabled .vertical-stepper-content{transition:visibility .5s linear}.vertical-content-container-active>.vertical-stepper-content{visibility:visible}.vertical-content{padding:0 24px 24px}.mdc-step-header-pagination-before,.mdc-step-header-rtl .mdc-step-header-pagination-after{padding-left:4px}.mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-rtl .mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(-135deg)}.mdc-step-header-rtl .mdc-step-header-pagination-before,.mdc-step-header-pagination-after{padding-right:4px}.mdc-step-header-rtl .mdc-step-header-pagination-before .mdc-step-header-pagination-chevron,.mdc-step-header-pagination-after .mdc-step-header-pagination-chevron{transform:rotate(45deg)}.mdc-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;height:8px;width:8px;border-color:#201a1b}.mdc-step-header-pagination-disabled{box-shadow:none;cursor:default;pointer-events:none}.mdc-step-header-pagination-disabled .mdc-step-header-pagination-chevron{opacity:.4}.mdc-step-label-container{display:flex;flex-grow:1;overflow:hidden;z-index:1}.mdc-step-list{flex-grow:1;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.animation-noopable .mdc-step-list{transition:none}.mdc-step-header{display:flex;overflow:hidden;position:relative;flex-shrink:0;padding-bottom:24px}.mdc-step-header-pagination{position:relative;display:none;justify-content:center;align-items:center;min-width:32px;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;box-sizing:content-box;outline:0}.mdc-step-header-pagination::-moz-focus-inner{border:0}.mdc-step-header-pagination-controls-enabled .mdc-step-header-pagination{display:flex}\n"] }]
|
|
6338
6338
|
}], ctorParameters: () => [], propDecorators: { _stepHeader: [{
|
|
6339
6339
|
type: ViewChildren,
|
|
6340
6340
|
args: [MDStepHeader]
|
|
@@ -6888,7 +6888,7 @@ class MDMenu {
|
|
|
6888
6888
|
return menuPanel;
|
|
6889
6889
|
}
|
|
6890
6890
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6891
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDMenu, isStandalone: true, selector: "md-menu", inputs: { animationsDisabled: "animationsDisabled", backdropClass: "backdropClass", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], xPosition: "xPosition", yPosition: "yPosition", overlapTrigger: ["overlapTrigger", "overlapTrigger", booleanAttribute], hasBackdrop: ["hasBackdrop", "hasBackdrop", (value) => (value == null ? null : booleanAttribute(value))], panelClass: ["class", "panelClass"], classList: "classList" }, outputs: { closed: "closed", close: "close" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], queries: [{ propertyName: "lazyContent", first: true, predicate: MD_MENU_CONTENT, descendants: true }, { propertyName: "_allItems", predicate: MDMenuItem, descendants: true }, { propertyName: "items", predicate: MDMenuItem }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mdMenu"], ngImport: i0, template: "<ng-template>\r\n <div\r\n class=\"md-mdc-menu-panel\"\r\n [id]=\"panelId\"\r\n [class]=\"_classList\"\r\n [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n (click)=\"closed.emit('click')\"\r\n tabindex=\"-1\"\r\n role=\"menu\"\r\n (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n (animationend)=\"_onAnimationDone($event.animationName)\"\r\n (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n <div class=\"md-mdc-menu-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: ["
|
|
6891
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDMenu, isStandalone: true, selector: "md-menu", inputs: { animationsDisabled: "animationsDisabled", backdropClass: "backdropClass", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], xPosition: "xPosition", yPosition: "yPosition", overlapTrigger: ["overlapTrigger", "overlapTrigger", booleanAttribute], hasBackdrop: ["hasBackdrop", "hasBackdrop", (value) => (value == null ? null : booleanAttribute(value))], panelClass: ["class", "panelClass"], classList: "classList" }, outputs: { closed: "closed", close: "close" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], queries: [{ propertyName: "lazyContent", first: true, predicate: MD_MENU_CONTENT, descendants: true }, { propertyName: "_allItems", predicate: MDMenuItem, descendants: true }, { propertyName: "items", predicate: MDMenuItem }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mdMenu"], ngImport: i0, template: "<ng-template>\r\n <div\r\n class=\"md-mdc-menu-panel\"\r\n [id]=\"panelId\"\r\n [class]=\"_classList\"\r\n [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n (click)=\"closed.emit('click')\"\r\n tabindex=\"-1\"\r\n role=\"menu\"\r\n (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n (animationend)=\"_onAnimationDone($event.animationName)\"\r\n (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n <div class=\"md-mdc-menu-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: ["md-menu{display:none}.md-mdc-menu-content{margin:0;padding:4px;outline:0}.md-mdc-menu-content,.md-mdc-menu-content .md-mdc-menu-item .md-mdc-menu-item-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;flex:1;white-space:normal;font-family:Montserrat;line-height:20px;font-size:13px;letter-spacing:.006rem;font-weight:400}@keyframes _md-menu-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _md-menu-exit{0%{opacity:1}to{opacity:0}}.md-mdc-menu-panel{min-width:112px;max-width:280px;overflow:auto;box-sizing:border-box;outline:0;animation:_md-menu-enter .12s cubic-bezier(0,0,.2,1);border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.md-mdc-menu-panel.md-menu-panel-exit-animation{animation:_md-menu-exit .1s 25ms linear forwards}.md-mdc-menu-panel.md-menu-panel-animations-disabled{animation:none}.md-mdc-menu-panel.md-menu-panel-animating{pointer-events:none}.md-mdc-menu-panel.md-menu-panel-animating:has(.md-mdc-menu-content:empty){display:none}.md-mdc-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:none;text-decoration:none;margin:0;min-height:28px;padding:0 16px;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.md-mdc-menu-item::-moz-focus-inner{border:0}[dir=rtl] .md-mdc-menu-item{padding-left:12px;padding-right:12px}.md-mdc-menu-item,.md-mdc-menu-item:visited,.md-mdc-menu-item:link{color:#1a1b1f}.md-mdc-menu-item .md-icon-no-color,.md-mdc-menu-item .md-mdc-menu-submenu-icon{color:#44474e}.md-mdc-menu-item[disabled]{cursor:default;opacity:.38}.md-mdc-menu-item[disabled]:after{display:block;position:absolute;content:\"\";inset:0}.md-mdc-menu-item:focus{outline:0}[dir=rtl] .md-mdc-menu-item{text-align:right}.md-mdc-menu-item:not([disabled]):hover{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.md-mdc-menu-item:not([disabled]).cdk-program-focused,.md-mdc-menu-item:not([disabled]).cdk-keyboard-focused,.md-mdc-menu-item:not([disabled]).md-mdc-menu-item-highlighted{background-color:color-mix(in srgb,#1a1b1f 12%,transparent)}.md-mdc-menu-submenu-icon{width:24px;height:10px;fill:currentColor;padding-left:12px}[dir=rtl] .md-mdc-menu-submenu-icon{padding-right:12px;padding-left:0}[dir=rtl] .md-mdc-menu-submenu-icon polygon{transform:scaleX(-1);transform-origin:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6892
6892
|
}
|
|
6893
6893
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenu, decorators: [{
|
|
6894
6894
|
type: Component,
|
|
@@ -6896,7 +6896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
6896
6896
|
'[attr.aria-label]': 'null',
|
|
6897
6897
|
'[attr.aria-labelledby]': 'null',
|
|
6898
6898
|
'[attr.aria-describedby]': 'null',
|
|
6899
|
-
}, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], template: "<ng-template>\r\n <div\r\n class=\"md-mdc-menu-panel\"\r\n [id]=\"panelId\"\r\n [class]=\"_classList\"\r\n [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n (click)=\"closed.emit('click')\"\r\n tabindex=\"-1\"\r\n role=\"menu\"\r\n (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n (animationend)=\"_onAnimationDone($event.animationName)\"\r\n (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n <div class=\"md-mdc-menu-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: ["
|
|
6899
|
+
}, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], template: "<ng-template>\r\n <div\r\n class=\"md-mdc-menu-panel\"\r\n [id]=\"panelId\"\r\n [class]=\"_classList\"\r\n [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n (click)=\"closed.emit('click')\"\r\n tabindex=\"-1\"\r\n role=\"menu\"\r\n (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n (animationend)=\"_onAnimationDone($event.animationName)\"\r\n (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n <div class=\"md-mdc-menu-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: ["md-menu{display:none}.md-mdc-menu-content{margin:0;padding:4px;outline:0}.md-mdc-menu-content,.md-mdc-menu-content .md-mdc-menu-item .md-mdc-menu-item-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;flex:1;white-space:normal;font-family:Montserrat;line-height:20px;font-size:13px;letter-spacing:.006rem;font-weight:400}@keyframes _md-menu-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _md-menu-exit{0%{opacity:1}to{opacity:0}}.md-mdc-menu-panel{min-width:112px;max-width:280px;overflow:auto;box-sizing:border-box;outline:0;animation:_md-menu-enter .12s cubic-bezier(0,0,.2,1);border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.md-mdc-menu-panel.md-menu-panel-exit-animation{animation:_md-menu-exit .1s 25ms linear forwards}.md-mdc-menu-panel.md-menu-panel-animations-disabled{animation:none}.md-mdc-menu-panel.md-menu-panel-animating{pointer-events:none}.md-mdc-menu-panel.md-menu-panel-animating:has(.md-mdc-menu-content:empty){display:none}.md-mdc-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:none;text-decoration:none;margin:0;min-height:28px;padding:0 16px;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.md-mdc-menu-item::-moz-focus-inner{border:0}[dir=rtl] .md-mdc-menu-item{padding-left:12px;padding-right:12px}.md-mdc-menu-item,.md-mdc-menu-item:visited,.md-mdc-menu-item:link{color:#1a1b1f}.md-mdc-menu-item .md-icon-no-color,.md-mdc-menu-item .md-mdc-menu-submenu-icon{color:#44474e}.md-mdc-menu-item[disabled]{cursor:default;opacity:.38}.md-mdc-menu-item[disabled]:after{display:block;position:absolute;content:\"\";inset:0}.md-mdc-menu-item:focus{outline:0}[dir=rtl] .md-mdc-menu-item{text-align:right}.md-mdc-menu-item:not([disabled]):hover{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.md-mdc-menu-item:not([disabled]).cdk-program-focused,.md-mdc-menu-item:not([disabled]).cdk-keyboard-focused,.md-mdc-menu-item:not([disabled]).md-mdc-menu-item-highlighted{background-color:color-mix(in srgb,#1a1b1f 12%,transparent)}.md-mdc-menu-submenu-icon{width:24px;height:10px;fill:currentColor;padding-left:12px}[dir=rtl] .md-mdc-menu-submenu-icon{padding-right:12px;padding-left:0}[dir=rtl] .md-mdc-menu-submenu-icon polygon{transform:scaleX(-1);transform-origin:center}\n"] }]
|
|
6900
6900
|
}], ctorParameters: () => [], propDecorators: { _allItems: [{
|
|
6901
6901
|
type: ContentChildren,
|
|
6902
6902
|
args: [MDMenuItem, { descendants: true }]
|
|
@@ -7564,7 +7564,7 @@ class PseudoCheckbox {
|
|
|
7564
7564
|
constructor() {
|
|
7565
7565
|
}
|
|
7566
7566
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PseudoCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7567
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: PseudoCheckbox, isStandalone: true, selector: "pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.pseudo-checkbox-checked": "state === \"checked\"", "class.pseudo-checkbox-disabled": "disabled", "class.pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.pseudo-checkbox-full": "appearance === \"full\"" }, classAttribute: "pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: ["
|
|
7567
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: PseudoCheckbox, isStandalone: true, selector: "pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.pseudo-checkbox-checked": "state === \"checked\"", "class.pseudo-checkbox-disabled": "disabled", "class.pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.pseudo-checkbox-full": "appearance === \"full\"" }, classAttribute: "pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: [".pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0,0,.2,.1),background-color 90ms cubic-bezier(0,0,.2,.1);width:18px;height:18px}.pseudo-checkbox:after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0,0,.2,.1)}.pseudo-checkbox-disabled{cursor:default}.pseudo-checkbox-indeterminate:after{left:1px;opacity:1;border-radius:2px}.pseudo-checkbox-checked:after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.pseudo-checkbox-full{border-color:#44474e;border-width:2px;border-style:solid}.pseudo-checkbox-full.pseudo-checkbox-disabled{border-color:color-mix(in srgb,#1a1b1f 38%,transparent);opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked,.pseudo-checkbox-full.pseudo-checkbox-indeterminate{background-color:#cf0106;border-color:transparent}.pseudo-checkbox-full.pseudo-checkbox-checked:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{color:#fff}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled{background-color:#e0e3e2;opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled:after{color:#101414}.pseudo-checkbox-full.pseudo-checkbox-checked:after{width:10px;height:4px;transform-origin:center;inset:-2.8284271247px 0 0;margin:auto}.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{top:6px;width:12px}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{width:14px;height:6px;transform-origin:center;inset:-4.2426406871px 0 0;margin:auto}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{color:#cf0106}.mdc-option .pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7568
7568
|
}
|
|
7569
7569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PseudoCheckbox, decorators: [{
|
|
7570
7570
|
type: Component,
|
|
@@ -7575,7 +7575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
7575
7575
|
'[class.pseudo-checkbox-disabled]': 'disabled',
|
|
7576
7576
|
'[class.pseudo-checkbox-minimal]': 'appearance === "minimal"',
|
|
7577
7577
|
'[class.pseudo-checkbox-full]': 'appearance === "full"',
|
|
7578
|
-
}, standalone: true, styles: ["
|
|
7578
|
+
}, standalone: true, styles: [".pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0,0,.2,.1),background-color 90ms cubic-bezier(0,0,.2,.1);width:18px;height:18px}.pseudo-checkbox:after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0,0,.2,.1)}.pseudo-checkbox-disabled{cursor:default}.pseudo-checkbox-indeterminate:after{left:1px;opacity:1;border-radius:2px}.pseudo-checkbox-checked:after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.pseudo-checkbox-full{border-color:#44474e;border-width:2px;border-style:solid}.pseudo-checkbox-full.pseudo-checkbox-disabled{border-color:color-mix(in srgb,#1a1b1f 38%,transparent);opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked,.pseudo-checkbox-full.pseudo-checkbox-indeterminate{background-color:#cf0106;border-color:transparent}.pseudo-checkbox-full.pseudo-checkbox-checked:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{color:#fff}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled{background-color:#e0e3e2;opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled:after{color:#101414}.pseudo-checkbox-full.pseudo-checkbox-checked:after{width:10px;height:4px;transform-origin:center;inset:-2.8284271247px 0 0;margin:auto}.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{top:6px;width:12px}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{width:14px;height:6px;transform-origin:center;inset:-4.2426406871px 0 0;margin:auto}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{color:#cf0106}.mdc-option .pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}\n"] }]
|
|
7579
7579
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
|
7580
7580
|
type: Input
|
|
7581
7581
|
}], disabled: [{
|
|
@@ -7749,7 +7749,7 @@ class MDOption {
|
|
|
7749
7749
|
this.onSelectionChange.emit(new MDOptionSelectionChange(this, isUserInput));
|
|
7750
7750
|
}
|
|
7751
7751
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDOption, isStandalone: true, selector: "md-option", inputs: { value: "value", id: "id", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_selectViaInteraction()", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-list-item--selected": "selected", "class.mdc-option-multiple": "multiple", "class.mdc-option-active": "active", "class.mdc-list-item--disabled": "disabled", "id": "id", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled.toString()" }, classAttribute: "mdc-option mdc-list-item" }, viewQueries: [{ propertyName: "_text", first: true, predicate: ["text"], descendants: true, static: true }], ngImport: i0, template: "@if (multiple) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n [state]=\"selected ? 'checked' : 'unchecked'\"\r\n aria-hidden=\"true\"\r\n></pseudo-checkbox>\r\n}\r\n\r\n<ng-content select=\"icon\"></ng-content>\r\n\r\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\r\n\r\n@if (!multiple && selected) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n state=\"checked\"\r\n aria-hidden=\"true\"\r\n appearance=\"minimal\"\r\n></pseudo-checkbox>\r\n}", styles: ["
|
|
7752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDOption, isStandalone: true, selector: "md-option", inputs: { value: "value", id: "id", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_selectViaInteraction()", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-list-item--selected": "selected", "class.mdc-option-multiple": "multiple", "class.mdc-option-active": "active", "class.mdc-list-item--disabled": "disabled", "id": "id", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled.toString()" }, classAttribute: "mdc-option mdc-list-item" }, viewQueries: [{ propertyName: "_text", first: true, predicate: ["text"], descendants: true, static: true }], ngImport: i0, template: "@if (multiple) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n [state]=\"selected ? 'checked' : 'unchecked'\"\r\n aria-hidden=\"true\"\r\n></pseudo-checkbox>\r\n}\r\n\r\n<ng-content select=\"icon\"></ng-content>\r\n\r\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\r\n\r\n@if (!multiple && selected) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n state=\"checked\"\r\n aria-hidden=\"true\"\r\n appearance=\"minimal\"\r\n></pseudo-checkbox>\r\n}", styles: ["md-option{-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:28px;padding:0 16px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#000;font-family:Montserrat;font-weight:400;font-size:13px;line-height:20px;letter-spacing:.006rem}.mdc-option .pseudo-checkbox-full{margin-right:16px;flex-shrink:0}.mdc-option .pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}.mdc-option.mdc-list-item{align-items:center;background:#0000}.mdc-option.mdc-option-active.mdc-list-item{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);outline:0}.mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}.mdc-option:hover:not(.mdc-list-item--disabled){background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text{color:#929292}\n"], dependencies: [{ kind: "component", type: PseudoCheckbox, selector: "pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7753
7753
|
}
|
|
7754
7754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOption, decorators: [{
|
|
7755
7755
|
type: Component,
|
|
@@ -7765,7 +7765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
7765
7765
|
'(click)': '_selectViaInteraction()',
|
|
7766
7766
|
'(keydown)': '_handleKeydown($event)',
|
|
7767
7767
|
class: 'mdc-option mdc-list-item',
|
|
7768
|
-
}, standalone: true, imports: [PseudoCheckbox], template: "@if (multiple) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n [state]=\"selected ? 'checked' : 'unchecked'\"\r\n aria-hidden=\"true\"\r\n></pseudo-checkbox>\r\n}\r\n\r\n<ng-content select=\"icon\"></ng-content>\r\n\r\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\r\n\r\n@if (!multiple && selected) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n state=\"checked\"\r\n aria-hidden=\"true\"\r\n appearance=\"minimal\"\r\n></pseudo-checkbox>\r\n}", styles: ["
|
|
7768
|
+
}, standalone: true, imports: [PseudoCheckbox], template: "@if (multiple) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n [state]=\"selected ? 'checked' : 'unchecked'\"\r\n aria-hidden=\"true\"\r\n></pseudo-checkbox>\r\n}\r\n\r\n<ng-content select=\"icon\"></ng-content>\r\n\r\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\r\n\r\n@if (!multiple && selected) {\r\n<pseudo-checkbox\r\n class=\"mdc-option-pseudo-checkbox\"\r\n [disabled]=\"disabled\"\r\n state=\"checked\"\r\n aria-hidden=\"true\"\r\n appearance=\"minimal\"\r\n></pseudo-checkbox>\r\n}", styles: ["md-option{-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:28px;padding:0 16px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#000;font-family:Montserrat;font-weight:400;font-size:13px;line-height:20px;letter-spacing:.006rem}.mdc-option .pseudo-checkbox-full{margin-right:16px;flex-shrink:0}.mdc-option .pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}.mdc-option.mdc-list-item{align-items:center;background:#0000}.mdc-option.mdc-option-active.mdc-list-item{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);outline:0}.mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}.mdc-option:hover:not(.mdc-list-item--disabled){background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text{color:#929292}\n"] }]
|
|
7769
7769
|
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
7770
7770
|
type: Input
|
|
7771
7771
|
}], id: [{
|
|
@@ -8487,7 +8487,7 @@ class MDSelect {
|
|
|
8487
8487
|
}
|
|
8488
8488
|
}
|
|
8489
8489
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8490
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDSelect, isStandalone: true, selector: "md-select", inputs: { panelClass: "panelClass", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], value: "value", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], required: ["required", "required", booleanAttribute], compareWith: "compareWith", placeholder: "placeholder", canSelectNullableOptions: ["canSelectNullableOptions", "canSelectNullableOptions", booleanAttribute], sortComparator: "sortComparator" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", openedChange: "openedChange", _openedStream: "opened", _closedStream: "closed" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()", "click": "onContainerClick()" }, properties: { "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-expanded": "panelOpen", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-activedescendant": "_getAriaActiveDescendant()", "class.mdc-select-disabled": "disabled", "class.mdc-select-required": "required", "class.mdc-select-empty": "empty", "class.mdc-select-multiple": "multiple" }, classAttribute: "mdc-select" }, queries: [{ propertyName: "customTrigger", first: true, predicate: MD_SELECT_TRIGGER, descendants: true }, { propertyName: "options", predicate: MDOption, descendants: true }, { propertyName: "optionGroups", predicate: MDOptionGroup, descendants: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div cdk-overlay-origin\r\n class=\"mdc-select-trigger\"\r\n (click)=\"open()\"\r\n #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n #trigger>\r\n\r\n <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n @if (empty) {\r\n <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n } @else {\r\n <span class=\"mdc-select-value-text\">\r\n @if (customTrigger) {\r\n <ng-content select=\"md-select-trigger\"></ng-content>\r\n } @else {\r\n <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n\r\n <div class=\"mdc-select-arrow-wrapper\">\r\n <div class=\"mdc-select-arrow\">\r\n <i class=\"icon-arrow-dropdown\"></i>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-template\r\n cdk-connected-overlay\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayDisableClose]=\"true\"\r\n [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n [cdkConnectedOverlayPositions]=\"_positions\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n (detach)=\"close()\"\r\n (backdropClick)=\"close()\"\r\n (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n <div\r\n #panel\r\n role=\"listbox\"\r\n tabindex=\"-1\"\r\n class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n [attr.id]=\"id + '-panel'\"\r\n [attr.aria-multiselectable]=\"multiple\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [ngClass]=\"panelClass\"\r\n (keydown)=\"_handleKeydown($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["
|
|
8490
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDSelect, isStandalone: true, selector: "md-select", inputs: { panelClass: "panelClass", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], value: "value", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], required: ["required", "required", booleanAttribute], compareWith: "compareWith", placeholder: "placeholder", canSelectNullableOptions: ["canSelectNullableOptions", "canSelectNullableOptions", booleanAttribute], sortComparator: "sortComparator" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", openedChange: "openedChange", _openedStream: "opened", _closedStream: "closed" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()", "click": "onContainerClick()" }, properties: { "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-expanded": "panelOpen", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-activedescendant": "_getAriaActiveDescendant()", "class.mdc-select-disabled": "disabled", "class.mdc-select-required": "required", "class.mdc-select-empty": "empty", "class.mdc-select-multiple": "multiple" }, classAttribute: "mdc-select" }, queries: [{ propertyName: "customTrigger", first: true, predicate: MD_SELECT_TRIGGER, descendants: true }, { propertyName: "options", predicate: MDOption, descendants: true }, { propertyName: "optionGroups", predicate: MDOptionGroup, descendants: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div cdk-overlay-origin\r\n class=\"mdc-select-trigger\"\r\n (click)=\"open()\"\r\n #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n #trigger>\r\n\r\n <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n @if (empty) {\r\n <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n } @else {\r\n <span class=\"mdc-select-value-text\">\r\n @if (customTrigger) {\r\n <ng-content select=\"md-select-trigger\"></ng-content>\r\n } @else {\r\n <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n\r\n <div class=\"mdc-select-arrow-wrapper\">\r\n <div class=\"mdc-select-arrow\">\r\n <i class=\"icon-arrow-dropdown\"></i>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-template\r\n cdk-connected-overlay\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayDisableClose]=\"true\"\r\n [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n [cdkConnectedOverlayPositions]=\"_positions\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n (detach)=\"close()\"\r\n (backdropClick)=\"close()\"\r\n (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n <div\r\n #panel\r\n role=\"listbox\"\r\n tabindex=\"-1\"\r\n class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n [attr.id]=\"id + '-panel'\"\r\n [attr.aria-multiselectable]=\"multiple\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [ngClass]=\"panelClass\"\r\n (keydown)=\"_handleKeydown($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.form-control .mdc-select-trigger{background-color:initial;height:initial;border:initial;padding:initial}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:#929292;background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
8491
8491
|
}
|
|
8492
8492
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSelect, decorators: [{
|
|
8493
8493
|
type: Component,
|
|
@@ -8513,7 +8513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
8513
8513
|
'(focus)': '_onFocus()',
|
|
8514
8514
|
'(blur)': '_onBlur()',
|
|
8515
8515
|
'(click)': 'onContainerClick()',
|
|
8516
|
-
}, standalone: true, imports: [CdkOverlayOrigin, CdkConnectedOverlay, NgClass], template: "<div cdk-overlay-origin\r\n class=\"mdc-select-trigger\"\r\n (click)=\"open()\"\r\n #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n #trigger>\r\n\r\n <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n @if (empty) {\r\n <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n } @else {\r\n <span class=\"mdc-select-value-text\">\r\n @if (customTrigger) {\r\n <ng-content select=\"md-select-trigger\"></ng-content>\r\n } @else {\r\n <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n\r\n <div class=\"mdc-select-arrow-wrapper\">\r\n <div class=\"mdc-select-arrow\">\r\n <i class=\"icon-arrow-dropdown\"></i>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-template\r\n cdk-connected-overlay\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayDisableClose]=\"true\"\r\n [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n [cdkConnectedOverlayPositions]=\"_positions\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n (detach)=\"close()\"\r\n (backdropClick)=\"close()\"\r\n (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n <div\r\n #panel\r\n role=\"listbox\"\r\n tabindex=\"-1\"\r\n class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n [attr.id]=\"id + '-panel'\"\r\n [attr.aria-multiselectable]=\"multiple\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [ngClass]=\"panelClass\"\r\n (keydown)=\"_handleKeydown($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["
|
|
8516
|
+
}, standalone: true, imports: [CdkOverlayOrigin, CdkConnectedOverlay, NgClass], template: "<div cdk-overlay-origin\r\n class=\"mdc-select-trigger\"\r\n (click)=\"open()\"\r\n #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n #trigger>\r\n\r\n <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n @if (empty) {\r\n <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n } @else {\r\n <span class=\"mdc-select-value-text\">\r\n @if (customTrigger) {\r\n <ng-content select=\"md-select-trigger\"></ng-content>\r\n } @else {\r\n <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n }\r\n </span>\r\n }\r\n </div>\r\n\r\n <div class=\"mdc-select-arrow-wrapper\">\r\n <div class=\"mdc-select-arrow\">\r\n <i class=\"icon-arrow-dropdown\"></i>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-template\r\n cdk-connected-overlay\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayDisableClose]=\"true\"\r\n [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n [cdkConnectedOverlayPositions]=\"_positions\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n (detach)=\"close()\"\r\n (backdropClick)=\"close()\"\r\n (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n <div\r\n #panel\r\n role=\"listbox\"\r\n tabindex=\"-1\"\r\n class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n [attr.id]=\"id + '-panel'\"\r\n [attr.aria-multiselectable]=\"multiple\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [ngClass]=\"panelClass\"\r\n (keydown)=\"_handleKeydown($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.form-control .mdc-select-trigger{background-color:initial;height:initial;border:initial;padding:initial}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:#929292;background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"] }]
|
|
8517
8517
|
}], ctorParameters: () => [], propDecorators: { panelClass: [{
|
|
8518
8518
|
type: Input
|
|
8519
8519
|
}], disabled: [{
|
|
@@ -8628,13 +8628,13 @@ class MDOptionGroup {
|
|
|
8628
8628
|
const parent = inject(MDSelect, { optional: true });
|
|
8629
8629
|
}
|
|
8630
8630
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8631
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDOptionGroup, isStandalone: true, selector: "md-option-group", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { classAttribute: "mdc-optgroup" }, ngImport: i0, template: "<span\r\n class=\"mdc-optgroup-label\"\r\n role=\"presentation\"\r\n [class.mdc-list-item--disabled]=\"disabled\"\r\n [id]=\"_labelId\">\r\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\r\n</span>\r\n\r\n<ng-content select=\"md-option, ng-container\"></ng-content>", styles: ["
|
|
8631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDOptionGroup, isStandalone: true, selector: "md-option-group", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { classAttribute: "mdc-optgroup" }, ngImport: i0, template: "<span\r\n class=\"mdc-optgroup-label\"\r\n role=\"presentation\"\r\n [class.mdc-list-item--disabled]=\"disabled\"\r\n [id]=\"_labelId\">\r\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\r\n</span>\r\n\r\n<ng-content select=\"md-option, ng-container\"></ng-content>", styles: [".mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:36px;padding:0 8px;outline:none}.mdc-optgroup{color:#373737;font-family:Open Sans;line-height:1.25rem;font-size:.875rem;letter-spacing:.006rem;font-weight:500}.mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal;color:inherit}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
8632
8632
|
}
|
|
8633
8633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOptionGroup, decorators: [{
|
|
8634
8634
|
type: Component,
|
|
8635
8635
|
args: [{ selector: 'md-option-group', encapsulation: ViewEncapsulation.None, standalone: true, host: {
|
|
8636
8636
|
class: 'mdc-optgroup',
|
|
8637
|
-
}, template: "<span\r\n class=\"mdc-optgroup-label\"\r\n role=\"presentation\"\r\n [class.mdc-list-item--disabled]=\"disabled\"\r\n [id]=\"_labelId\">\r\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\r\n</span>\r\n\r\n<ng-content select=\"md-option, ng-container\"></ng-content>", styles: ["
|
|
8637
|
+
}, template: "<span\r\n class=\"mdc-optgroup-label\"\r\n role=\"presentation\"\r\n [class.mdc-list-item--disabled]=\"disabled\"\r\n [id]=\"_labelId\">\r\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\r\n</span>\r\n\r\n<ng-content select=\"md-option, ng-container\"></ng-content>", styles: [".mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:36px;padding:0 8px;outline:none}.mdc-optgroup{color:#373737;font-family:Open Sans;line-height:1.25rem;font-size:.875rem;letter-spacing:.006rem;font-weight:500}.mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal;color:inherit}\n"] }]
|
|
8638
8638
|
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
8639
8639
|
type: Input
|
|
8640
8640
|
}], disabled: [{
|
|
@@ -8950,7 +8950,7 @@ class MDSwitch extends BaseEditableHolder {
|
|
|
8950
8950
|
useExisting: MDSwitch,
|
|
8951
8951
|
multi: true,
|
|
8952
8952
|
},
|
|
8953
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n #input\r\n class=\"toggleswitch-input\"\r\n [checked]=\"checked()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n [attr.required]=\"required() ? '' : undefined\"\r\n [attr.disabled]=\"$disabled() ? '' : undefined\"\r\n [attr.aria-checked]=\"checked()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n/>\r\n<div class=\"toggleswitch-slider\">\r\n <div class=\"toggleswitch-handle\"></div>\r\n</div>\r\n", styles: ["
|
|
8953
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n #input\r\n class=\"toggleswitch-input\"\r\n [checked]=\"checked()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n [attr.required]=\"required() ? '' : undefined\"\r\n [attr.disabled]=\"$disabled() ? '' : undefined\"\r\n [attr.aria-checked]=\"checked()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n/>\r\n<div class=\"toggleswitch-slider\">\r\n <div class=\"toggleswitch-handle\"></div>\r\n</div>\r\n", styles: ["md-switch{display:inline-block;position:relative;width:40px;height:20px}.toggleswitch-input{cursor:pointer;appearance:none;position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border-radius:10px}md-switch.toggleswitch-checked .toggleswitch-slider{background:#cf0106;border-color:transparent}md-switch.toggleswitch-checked .toggleswitch-handle{inset-inline-start:calc(40px - 1.25rem);background:#fff;color:#cf0106}md-switch.disabled .toggleswitch-handle{background:#64748b}md-switch.disabled .toggleswitch-slider{background:#e2e8f0}.toggleswitch-slider{cursor:pointer;width:100%;height:100%;border-width:1px;border-style:solid;border-color:transparent;background:#cbd5e1;border-radius:10px;outline-color:transparent;box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1212170d;transition:background .2s,color .2s,border-color .2s,outline-color .2s,box-shadow .2s}.toggleswitch-handle{position:absolute;top:50%;background:#fff;color:#6d5cae;width:1rem;height:1rem;inset-inline-start:.25rem;margin-block-start:-.5rem;border-radius:10px;transition:background .2s,color .2s,inset-inline-start .2s,box-shadow .2s}md-switch:not(.disabled):has(.toggleswitch-input:focus-visible) .toggleswitch-slider{outline:1px solid #6d5cae;outline-offset:2px}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
8954
8954
|
}
|
|
8955
8955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSwitch, decorators: [{
|
|
8956
8956
|
type: Component,
|
|
@@ -8969,7 +8969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
8969
8969
|
'[class.toggleswitch-checked]': 'checked()',
|
|
8970
8970
|
'[class.disabled]': '$disabled()',
|
|
8971
8971
|
'[class.invalid]': 'invalid()',
|
|
8972
|
-
}, template: "<input\r\n #input\r\n class=\"toggleswitch-input\"\r\n [checked]=\"checked()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n [attr.required]=\"required() ? '' : undefined\"\r\n [attr.disabled]=\"$disabled() ? '' : undefined\"\r\n [attr.aria-checked]=\"checked()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n/>\r\n<div class=\"toggleswitch-slider\">\r\n <div class=\"toggleswitch-handle\"></div>\r\n</div>\r\n", styles: ["
|
|
8972
|
+
}, template: "<input\r\n #input\r\n class=\"toggleswitch-input\"\r\n [checked]=\"checked()\"\r\n type=\"checkbox\"\r\n role=\"switch\"\r\n [attr.required]=\"required() ? '' : undefined\"\r\n [attr.disabled]=\"$disabled() ? '' : undefined\"\r\n [attr.aria-checked]=\"checked()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n/>\r\n<div class=\"toggleswitch-slider\">\r\n <div class=\"toggleswitch-handle\"></div>\r\n</div>\r\n", styles: ["md-switch{display:inline-block;position:relative;width:40px;height:20px}.toggleswitch-input{cursor:pointer;appearance:none;position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border-radius:10px}md-switch.toggleswitch-checked .toggleswitch-slider{background:#cf0106;border-color:transparent}md-switch.toggleswitch-checked .toggleswitch-handle{inset-inline-start:calc(40px - 1.25rem);background:#fff;color:#cf0106}md-switch.disabled .toggleswitch-handle{background:#64748b}md-switch.disabled .toggleswitch-slider{background:#e2e8f0}.toggleswitch-slider{cursor:pointer;width:100%;height:100%;border-width:1px;border-style:solid;border-color:transparent;background:#cbd5e1;border-radius:10px;outline-color:transparent;box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1212170d;transition:background .2s,color .2s,border-color .2s,outline-color .2s,box-shadow .2s}.toggleswitch-handle{position:absolute;top:50%;background:#fff;color:#6d5cae;width:1rem;height:1rem;inset-inline-start:.25rem;margin-block-start:-.5rem;border-radius:10px;transition:background .2s,color .2s,inset-inline-start .2s,box-shadow .2s}md-switch:not(.disabled):has(.toggleswitch-input:focus-visible) .toggleswitch-slider{outline:1px solid #6d5cae;outline-offset:2px}\n"] }]
|
|
8973
8973
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
8974
8974
|
type: Input
|
|
8975
8975
|
}], tabindex: [{
|
|
@@ -9681,7 +9681,7 @@ class MDTabBody {
|
|
|
9681
9681
|
return this.animationDuration === '0ms' || this.animationDuration === '0s';
|
|
9682
9682
|
}
|
|
9683
9683
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDTabBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9684
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDTabBody, isStandalone: true, selector: "md-tab-body", inputs: { _content: ["content", "_content"], animationDuration: "animationDuration", preserveContent: "preserveContent", tabBackgroundColor: "tabBackgroundColor", tabPadding: "tabPadding", position: "position" }, outputs: { _onCentering: "_onCentering", _beforeCentering: "_beforeCentering", _onCentered: "_onCentered" }, host: { properties: { "attr.inert": "_position === \"center\" ? null : \"\"", "class.mdc-tab-body-bg-white": "tabBackgroundColor === \"white\"", "class.mdc-tab-body-bg-grey": "tabBackgroundColor === \"grey\"", "style.padding": "tabPadding" }, classAttribute: "mdc-tab-body" }, viewQueries: [{ propertyName: "_portalHost", first: true, predicate: TabBodyPortal, descendants: true }, { propertyName: "_contentElement", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mdc-tab-body-content\"\r\n #content\r\n cdkScrollable\r\n [class.tab-body-content-left]=\"_position === 'left'\"\r\n [class.tab-body-content-right]=\"_position === 'right'\"\r\n [class.tab-body-content-can-animate]=\"_position === 'center' || _previousPosition === 'center'\">\r\n <ng-template mdTabBodyHost></ng-template>\r\n</div>", styles: ["
|
|
9684
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDTabBody, isStandalone: true, selector: "md-tab-body", inputs: { _content: ["content", "_content"], animationDuration: "animationDuration", preserveContent: "preserveContent", tabBackgroundColor: "tabBackgroundColor", tabPadding: "tabPadding", position: "position" }, outputs: { _onCentering: "_onCentering", _beforeCentering: "_beforeCentering", _onCentered: "_onCentered" }, host: { properties: { "attr.inert": "_position === \"center\" ? null : \"\"", "class.mdc-tab-body-bg-white": "tabBackgroundColor === \"white\"", "class.mdc-tab-body-bg-grey": "tabBackgroundColor === \"grey\"", "style.padding": "tabPadding" }, classAttribute: "mdc-tab-body" }, viewQueries: [{ propertyName: "_portalHost", first: true, predicate: TabBodyPortal, descendants: true }, { propertyName: "_contentElement", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mdc-tab-body-content\"\r\n #content\r\n cdkScrollable\r\n [class.tab-body-content-left]=\"_position === 'left'\"\r\n [class.tab-body-content-right]=\"_position === 'right'\"\r\n [class.tab-body-content-can-animate]=\"_position === 'center' || _previousPosition === 'center'\">\r\n <ng-template mdTabBodyHost></ng-template>\r\n</div>", styles: [".mdc-tab-body{inset:0;position:absolute;display:block;overflow:hidden;outline:0;flex-basis:100%}.mdc-tab-body.mdc-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}.mdc-tab-group.mdc-tab-group-dynamic-height .mdc-tab-body.mdc-tab-body-active{overflow-y:hidden}.mdc-tab-body-content{height:100%;transform:none;visibility:hidden;overflow-wrap:anywhere}.tab-body-animating>.mdc-tab-body-content,.mdc-tab-body-active>.mdc-tab-body-content{visibility:visible}.tab-body-animating>.mdc-tab-body-content{min-height:1px}.mdc-tab-group-dynamic-height .mdc-tab-body-content{overflow:hidden}.tab-body-content-can-animate{transition:transform .2s 1ms cubic-bezier(.35,0,.25,1)}.mdc-tab-body-wrapper._animation-noopable .tab-body-content-can-animate{transition:none}.tab-body-content-left{transform:translate3d(-100%,0,0)}.tab-body-content-right{transform:translate3d(100%,0,0)}.mdc-tab-body-bg-white{background-color:#fff}.mdc-tab-body-bg-grey{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: TabBodyPortal, selector: "[mdTabBodyHost]" }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
9685
9685
|
}
|
|
9686
9686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDTabBody, decorators: [{
|
|
9687
9687
|
type: Component,
|
|
@@ -9691,7 +9691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
9691
9691
|
'[class.mdc-tab-body-bg-white]': 'tabBackgroundColor === "white"',
|
|
9692
9692
|
'[class.mdc-tab-body-bg-grey]': 'tabBackgroundColor === "grey"',
|
|
9693
9693
|
'[style.padding]': 'tabPadding',
|
|
9694
|
-
}, imports: [TabBodyPortal, CdkScrollable], template: "<div\r\n class=\"mdc-tab-body-content\"\r\n #content\r\n cdkScrollable\r\n [class.tab-body-content-left]=\"_position === 'left'\"\r\n [class.tab-body-content-right]=\"_position === 'right'\"\r\n [class.tab-body-content-can-animate]=\"_position === 'center' || _previousPosition === 'center'\">\r\n <ng-template mdTabBodyHost></ng-template>\r\n</div>", styles: ["
|
|
9694
|
+
}, imports: [TabBodyPortal, CdkScrollable], template: "<div\r\n class=\"mdc-tab-body-content\"\r\n #content\r\n cdkScrollable\r\n [class.tab-body-content-left]=\"_position === 'left'\"\r\n [class.tab-body-content-right]=\"_position === 'right'\"\r\n [class.tab-body-content-can-animate]=\"_position === 'center' || _previousPosition === 'center'\">\r\n <ng-template mdTabBodyHost></ng-template>\r\n</div>", styles: [".mdc-tab-body{inset:0;position:absolute;display:block;overflow:hidden;outline:0;flex-basis:100%}.mdc-tab-body.mdc-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}.mdc-tab-group.mdc-tab-group-dynamic-height .mdc-tab-body.mdc-tab-body-active{overflow-y:hidden}.mdc-tab-body-content{height:100%;transform:none;visibility:hidden;overflow-wrap:anywhere}.tab-body-animating>.mdc-tab-body-content,.mdc-tab-body-active>.mdc-tab-body-content{visibility:visible}.tab-body-animating>.mdc-tab-body-content{min-height:1px}.mdc-tab-group-dynamic-height .mdc-tab-body-content{overflow:hidden}.tab-body-content-can-animate{transition:transform .2s 1ms cubic-bezier(.35,0,.25,1)}.mdc-tab-body-wrapper._animation-noopable .tab-body-content-can-animate{transition:none}.tab-body-content-left{transform:translate3d(-100%,0,0)}.tab-body-content-right{transform:translate3d(100%,0,0)}.mdc-tab-body-bg-white{background-color:#fff}.mdc-tab-body-bg-grey{background-color:#f3f3f3}\n"] }]
|
|
9695
9695
|
}], ctorParameters: () => [], propDecorators: { _onCentering: [{
|
|
9696
9696
|
type: Output
|
|
9697
9697
|
}], _beforeCentering: [{
|
|
@@ -10571,7 +10571,7 @@ class MDTabGroup {
|
|
|
10571
10571
|
provide: TAB_GROUP,
|
|
10572
10572
|
useExisting: MDTabGroup,
|
|
10573
10573
|
},
|
|
10574
|
-
], queries: [{ propertyName: "_allTabs", predicate: MDTab, descendants: true }], viewQueries: [{ propertyName: "_tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "_tabHeader", first: true, predicate: ["tabHeader"], descendants: true }, { propertyName: "_tabBodies", predicate: MDTabBody, descendants: true }], exportAs: ["mdTabGroup"], ngImport: i0, template: "<md-tab-header\r\n #tabHeader\r\n [ngClass]=\"{\r\n 'tabs-legacy': isLegacyMode\r\n }\"\r\n class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n [class.no-animations]=\"_animationsDisabled()\"\r\n [hideInkBar]=\"hideInkBar\"\r\n [selectedIndex]=\"selectedIndex || 0\"\r\n [disablePagination]=\"disablePagination\"\r\n [aria-label]=\"ariaLabel\"\r\n [aria-labelledby]=\"ariaLabelledby\"\r\n (indexFocused)=\"_focusChanged($event)\"\r\n (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n @for (tab of _tabs; track tab) {\r\n <div\r\n class=\"focus-indicator\"\r\n [ngClass]=\"{\r\n 'mdc-tab': !isLegacyMode,\r\n 'mdc-tab-legacy': isLegacyMode\r\n }\"\r\n #tabNode\r\n role=\"tab\"\r\n mdTabLabelWrapper\r\n cdkMonitorElementFocus\r\n [id]=\"_getTabLabelId(tab, $index)\"\r\n [attr.tabIndex]=\"_getTabIndex($index)\"\r\n [attr.aria-posinset]=\"$index + 1\"\r\n [attr.aria-setsize]=\"_tabs.length\"\r\n [attr.aria-controls]=\"_getTabContentId($index)\"\r\n [attr.aria-selected]=\"selectedIndex === $index\"\r\n [attr.aria-label]=\"tab.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n [class]=\"tab.labelClass\"\r\n [disabled]=\"tab.disabled\"\r\n [fitInkBarToContent]=\"fitInkBarToContent\"\r\n (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n >\r\n <span class=\"mdc-tab__ripple\"></span>\r\n <span class=\"mdc-tab__content\">\r\n <span class=\"mdc-tab__text-label\">\r\n @if (tab.templateLabel) {\r\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n } @else {{{tab.textLabel}}}\r\n </span>\r\n </span>\r\n </div>\r\n }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n @for (tab of _tabs; track tab;) {\r\n <md-tab-body\r\n role=\"tabpanel\"\r\n [id]=\"_getTabContentId($index)\"\r\n [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n [class]=\"tab.bodyClass\"\r\n [content]=\"tab.content!\"\r\n [position]=\"tab.position!\"\r\n [animationDuration]=\"animationDuration\"\r\n [preserveContent]=\"preserveContent\"\r\n [tabBackgroundColor]=\"tabBackgroundColor\"\r\n [tabPadding]=\"tabPadding\"\r\n (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n (_beforeCentering)=\"_bodyCentered($event)\"\r\n />\r\n }\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-tab{min-width:90px;padding:0 24px;display:flex;flex:1 0 auto;font-family:Montserrat;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 24px;font-size:12px;letter-spacing:.02rem;font-weight:500;font-family:Montserrat;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:32px;font-size:14px}.legacy-large .mdc-tab-legacy{height:36px;font-size:16px;font-weight:600}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#f3f3f3}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#373737}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#373737}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"], dependencies: [{ kind: "component", type: MDTabHeader, selector: "md-tab-header", inputs: ["aria-label", "aria-labelledby"] }, { kind: "directive", type: MDTabLabelWrapper, selector: "[mdTabLabelWrapper]", inputs: ["disabled"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MDTabBody, selector: "md-tab-body", inputs: ["content", "animationDuration", "preserveContent", "tabBackgroundColor", "tabPadding", "position"], outputs: ["_onCentering", "_beforeCentering", "_onCentered"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
10574
|
+
], queries: [{ propertyName: "_allTabs", predicate: MDTab, descendants: true }], viewQueries: [{ propertyName: "_tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "_tabHeader", first: true, predicate: ["tabHeader"], descendants: true }, { propertyName: "_tabBodies", predicate: MDTabBody, descendants: true }], exportAs: ["mdTabGroup"], ngImport: i0, template: "<md-tab-header\r\n #tabHeader\r\n [ngClass]=\"{\r\n 'tabs-legacy': isLegacyMode\r\n }\"\r\n class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n [class.no-animations]=\"_animationsDisabled()\"\r\n [hideInkBar]=\"hideInkBar\"\r\n [selectedIndex]=\"selectedIndex || 0\"\r\n [disablePagination]=\"disablePagination\"\r\n [aria-label]=\"ariaLabel\"\r\n [aria-labelledby]=\"ariaLabelledby\"\r\n (indexFocused)=\"_focusChanged($event)\"\r\n (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n @for (tab of _tabs; track tab) {\r\n <div\r\n class=\"focus-indicator\"\r\n [ngClass]=\"{\r\n 'mdc-tab': !isLegacyMode,\r\n 'mdc-tab-legacy': isLegacyMode\r\n }\"\r\n #tabNode\r\n role=\"tab\"\r\n mdTabLabelWrapper\r\n cdkMonitorElementFocus\r\n [id]=\"_getTabLabelId(tab, $index)\"\r\n [attr.tabIndex]=\"_getTabIndex($index)\"\r\n [attr.aria-posinset]=\"$index + 1\"\r\n [attr.aria-setsize]=\"_tabs.length\"\r\n [attr.aria-controls]=\"_getTabContentId($index)\"\r\n [attr.aria-selected]=\"selectedIndex === $index\"\r\n [attr.aria-label]=\"tab.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n [class]=\"tab.labelClass\"\r\n [disabled]=\"tab.disabled\"\r\n [fitInkBarToContent]=\"fitInkBarToContent\"\r\n (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n >\r\n <span class=\"mdc-tab__ripple\"></span>\r\n <span class=\"mdc-tab__content\">\r\n <span class=\"mdc-tab__text-label\">\r\n @if (tab.templateLabel) {\r\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n } @else {{{tab.textLabel}}}\r\n </span>\r\n </span>\r\n </div>\r\n }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n @for (tab of _tabs; track tab;) {\r\n <md-tab-body\r\n role=\"tabpanel\"\r\n [id]=\"_getTabContentId($index)\"\r\n [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n [class]=\"tab.bodyClass\"\r\n [content]=\"tab.content!\"\r\n [position]=\"tab.position!\"\r\n [animationDuration]=\"animationDuration\"\r\n [preserveContent]=\"preserveContent\"\r\n [tabBackgroundColor]=\"tabBackgroundColor\"\r\n [tabPadding]=\"tabPadding\"\r\n (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n (_beforeCentering)=\"_bodyCentered($event)\"\r\n />\r\n }\r\n</div>\r\n", styles: [".mdc-tab{min-width:90px;padding:0 24px;display:flex;flex:1 0 auto;font-family:Montserrat;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 24px;font-size:12px;letter-spacing:.02rem;font-weight:500;font-family:Montserrat;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:32px;font-size:14px}.legacy-large .mdc-tab-legacy{height:36px;font-size:16px;font-weight:600}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#f3f3f3}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#373737}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#373737}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"], dependencies: [{ kind: "component", type: MDTabHeader, selector: "md-tab-header", inputs: ["aria-label", "aria-labelledby"] }, { kind: "directive", type: MDTabLabelWrapper, selector: "[mdTabLabelWrapper]", inputs: ["disabled"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MDTabBody, selector: "md-tab-body", inputs: ["content", "animationDuration", "preserveContent", "tabBackgroundColor", "tabPadding", "position"], outputs: ["_onCentering", "_beforeCentering", "_onCentered"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
10575
10575
|
}
|
|
10576
10576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDTabGroup, decorators: [{
|
|
10577
10577
|
type: Component,
|
|
@@ -10588,7 +10588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
10588
10588
|
'[class.mdc-tab-group-stretch-tabs]': 'stretchTabs',
|
|
10589
10589
|
'[attr.align-tabs]': 'alignTabs',
|
|
10590
10590
|
'[style.--tab-animation-duration]': 'animationDuration',
|
|
10591
|
-
}, imports: [MDTabHeader, MDTabLabelWrapper, CdkMonitorFocus, CdkPortalOutlet, MDTabBody, CommonModule], template: "<md-tab-header\r\n #tabHeader\r\n [ngClass]=\"{\r\n 'tabs-legacy': isLegacyMode\r\n }\"\r\n class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n [class.no-animations]=\"_animationsDisabled()\"\r\n [hideInkBar]=\"hideInkBar\"\r\n [selectedIndex]=\"selectedIndex || 0\"\r\n [disablePagination]=\"disablePagination\"\r\n [aria-label]=\"ariaLabel\"\r\n [aria-labelledby]=\"ariaLabelledby\"\r\n (indexFocused)=\"_focusChanged($event)\"\r\n (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n @for (tab of _tabs; track tab) {\r\n <div\r\n class=\"focus-indicator\"\r\n [ngClass]=\"{\r\n 'mdc-tab': !isLegacyMode,\r\n 'mdc-tab-legacy': isLegacyMode\r\n }\"\r\n #tabNode\r\n role=\"tab\"\r\n mdTabLabelWrapper\r\n cdkMonitorElementFocus\r\n [id]=\"_getTabLabelId(tab, $index)\"\r\n [attr.tabIndex]=\"_getTabIndex($index)\"\r\n [attr.aria-posinset]=\"$index + 1\"\r\n [attr.aria-setsize]=\"_tabs.length\"\r\n [attr.aria-controls]=\"_getTabContentId($index)\"\r\n [attr.aria-selected]=\"selectedIndex === $index\"\r\n [attr.aria-label]=\"tab.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n [class]=\"tab.labelClass\"\r\n [disabled]=\"tab.disabled\"\r\n [fitInkBarToContent]=\"fitInkBarToContent\"\r\n (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n >\r\n <span class=\"mdc-tab__ripple\"></span>\r\n <span class=\"mdc-tab__content\">\r\n <span class=\"mdc-tab__text-label\">\r\n @if (tab.templateLabel) {\r\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n } @else {{{tab.textLabel}}}\r\n </span>\r\n </span>\r\n </div>\r\n }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n @for (tab of _tabs; track tab;) {\r\n <md-tab-body\r\n role=\"tabpanel\"\r\n [id]=\"_getTabContentId($index)\"\r\n [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n [class]=\"tab.bodyClass\"\r\n [content]=\"tab.content!\"\r\n [position]=\"tab.position!\"\r\n [animationDuration]=\"animationDuration\"\r\n [preserveContent]=\"preserveContent\"\r\n [tabBackgroundColor]=\"tabBackgroundColor\"\r\n [tabPadding]=\"tabPadding\"\r\n (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n (_beforeCentering)=\"_bodyCentered($event)\"\r\n />\r\n }\r\n</div>\r\n", styles: ["
|
|
10591
|
+
}, imports: [MDTabHeader, MDTabLabelWrapper, CdkMonitorFocus, CdkPortalOutlet, MDTabBody, CommonModule], template: "<md-tab-header\r\n #tabHeader\r\n [ngClass]=\"{\r\n 'tabs-legacy': isLegacyMode\r\n }\"\r\n class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n [class.no-animations]=\"_animationsDisabled()\"\r\n [hideInkBar]=\"hideInkBar\"\r\n [selectedIndex]=\"selectedIndex || 0\"\r\n [disablePagination]=\"disablePagination\"\r\n [aria-label]=\"ariaLabel\"\r\n [aria-labelledby]=\"ariaLabelledby\"\r\n (indexFocused)=\"_focusChanged($event)\"\r\n (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n @for (tab of _tabs; track tab) {\r\n <div\r\n class=\"focus-indicator\"\r\n [ngClass]=\"{\r\n 'mdc-tab': !isLegacyMode,\r\n 'mdc-tab-legacy': isLegacyMode\r\n }\"\r\n #tabNode\r\n role=\"tab\"\r\n mdTabLabelWrapper\r\n cdkMonitorElementFocus\r\n [id]=\"_getTabLabelId(tab, $index)\"\r\n [attr.tabIndex]=\"_getTabIndex($index)\"\r\n [attr.aria-posinset]=\"$index + 1\"\r\n [attr.aria-setsize]=\"_tabs.length\"\r\n [attr.aria-controls]=\"_getTabContentId($index)\"\r\n [attr.aria-selected]=\"selectedIndex === $index\"\r\n [attr.aria-label]=\"tab.ariaLabel || null\"\r\n [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n [class]=\"tab.labelClass\"\r\n [disabled]=\"tab.disabled\"\r\n [fitInkBarToContent]=\"fitInkBarToContent\"\r\n (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n >\r\n <span class=\"mdc-tab__ripple\"></span>\r\n <span class=\"mdc-tab__content\">\r\n <span class=\"mdc-tab__text-label\">\r\n @if (tab.templateLabel) {\r\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n } @else {{{tab.textLabel}}}\r\n </span>\r\n </span>\r\n </div>\r\n }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n @for (tab of _tabs; track tab;) {\r\n <md-tab-body\r\n role=\"tabpanel\"\r\n [id]=\"_getTabContentId($index)\"\r\n [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n [class]=\"tab.bodyClass\"\r\n [content]=\"tab.content!\"\r\n [position]=\"tab.position!\"\r\n [animationDuration]=\"animationDuration\"\r\n [preserveContent]=\"preserveContent\"\r\n [tabBackgroundColor]=\"tabBackgroundColor\"\r\n [tabPadding]=\"tabPadding\"\r\n (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n (_beforeCentering)=\"_bodyCentered($event)\"\r\n />\r\n }\r\n</div>\r\n", styles: [".mdc-tab{min-width:90px;padding:0 24px;display:flex;flex:1 0 auto;font-family:Montserrat;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 24px;font-size:12px;letter-spacing:.02rem;font-weight:500;font-family:Montserrat;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:32px;font-size:14px}.legacy-large .mdc-tab-legacy{height:36px;font-size:16px;font-weight:600}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#f3f3f3}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#373737}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#373737}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"] }]
|
|
10592
10592
|
}], ctorParameters: () => [], propDecorators: { _allTabs: [{
|
|
10593
10593
|
type: ContentChildren,
|
|
10594
10594
|
args: [MDTab, { descendants: true }]
|
|
@@ -11047,7 +11047,7 @@ class MDCheckBox {
|
|
|
11047
11047
|
useExisting: MDCheckBox,
|
|
11048
11048
|
multi: true,
|
|
11049
11049
|
},
|
|
11050
|
-
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["mdCheckbox"], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["
|
|
11050
|
+
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["mdCheckbox"], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: [".md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11051
11051
|
}
|
|
11052
11052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCheckBox, decorators: [{
|
|
11053
11053
|
type: Component,
|
|
@@ -11074,7 +11074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
11074
11074
|
useExisting: MDCheckBox,
|
|
11075
11075
|
multi: true,
|
|
11076
11076
|
},
|
|
11077
|
-
], exportAs: 'mdCheckbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["
|
|
11077
|
+
], exportAs: 'mdCheckbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: [".md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"] }]
|
|
11078
11078
|
}], ctorParameters: () => [], propDecorators: { ariaLabel: [{
|
|
11079
11079
|
type: Input,
|
|
11080
11080
|
args: ['aria-label']
|
|
@@ -12453,7 +12453,7 @@ class MDRadioButton {
|
|
|
12453
12453
|
}
|
|
12454
12454
|
}
|
|
12455
12455
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12456
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDRadioButton, isStandalone: true, selector: "md-radio-button", inputs: { id: "id", name: "name", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], checked: ["checked", "checked", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "focus": "_inputElement.nativeElement.focus()" }, properties: { "attr.id": "id", "class.mdc-radio-checked": "checked", "class.mdc-radio-disabled": "disabled", "class.mdc-radio-disabled-interactive": "disabledInteractive", "class.animation-noopable": "_noopAnimations", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "md-mdc-radio-button" }, viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_noopAnimations", first: true, predicate: ["formField"], descendants: true, read: ElementRef, static: true }], exportAs: ["mdRadioButton"], ngImport: i0, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-radio-button{-webkit-tap-highlight-color:transparent}.md-mdc-radio-button .mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;padding:8.5px}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before{opacity:.04;transform:scale(1)}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled])~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px}.md-mdc-radio-button .mdc-radio__background:before{position:absolute;transform:scale(0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:32px;height:32px;top:-8.5px;left:-8.5px}.md-mdc-radio-button .mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 90ms cubic-bezier(.4,0,.6,1)}.md-mdc-radio-button .mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0);border-radius:50%;transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1)}@media (forced-colors: active){.md-mdc-radio-button .mdc-radio__inner-circle{background-color:CanvasText!important}}.md-mdc-radio-button .mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;top:0;right:0;left:0;cursor:inherit;z-index:1;width:30px;height:30px}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{transition:_enter-transition(border-color)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:focus+.mdc-radio__background:before{transform:scale(1);opacity:.12;transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{cursor:default}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#514346}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle{transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled{pointer-events:auto}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button.mdc-radio-checked .mdc-radio__background:before{background-color:#cf0106}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button .mdc-radio--disabled+label{color:color-mix(in srgb,#929292 38%,transparent)}.md-mdc-radio-button .mdc-radio>.mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button.cdk-focused .focus-indicator:before{content:\"\"}.mdc-radio-disabled{cursor:default;pointer-events:none}.mdc-radio-disabled.mdc-radio-disabled-interactive{pointer-events:auto}.mdc-radio-touch-target{position:absolute;top:50%;left:50%;height:36px;width:36px;transform:translate(-50%,-50%);display:block}[dir=rtl] .mdc-radio-touch-target{left:auto;right:50%;transform:translate(50%,-50%)}.radio-internal-form-field{color:#201a1b;font-family:Montserrat;line-height:1.25rem;font-size:.875rem;letter-spacing:.016rem;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12456
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDRadioButton, isStandalone: true, selector: "md-radio-button", inputs: { id: "id", name: "name", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], checked: ["checked", "checked", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "focus": "_inputElement.nativeElement.focus()" }, properties: { "attr.id": "id", "class.mdc-radio-checked": "checked", "class.mdc-radio-disabled": "disabled", "class.mdc-radio-disabled-interactive": "disabledInteractive", "class.animation-noopable": "_noopAnimations", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "md-mdc-radio-button" }, viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_noopAnimations", first: true, predicate: ["formField"], descendants: true, read: ElementRef, static: true }], exportAs: ["mdRadioButton"], ngImport: i0, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: [".md-mdc-radio-button{-webkit-tap-highlight-color:transparent}.md-mdc-radio-button .mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;padding:8.5px}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before{opacity:.04;transform:scale(1)}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled])~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px}.md-mdc-radio-button .mdc-radio__background:before{position:absolute;transform:scale(0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:32px;height:32px;top:-8.5px;left:-8.5px}.md-mdc-radio-button .mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 90ms cubic-bezier(.4,0,.6,1)}.md-mdc-radio-button .mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0);border-radius:50%;transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1)}@media (forced-colors: active){.md-mdc-radio-button .mdc-radio__inner-circle{background-color:CanvasText!important}}.md-mdc-radio-button .mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;top:0;right:0;left:0;cursor:inherit;z-index:1;width:30px;height:30px}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{transition:_enter-transition(border-color)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:focus+.mdc-radio__background:before{transform:scale(1);opacity:.12;transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{cursor:default}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#514346}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle{transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled{pointer-events:auto}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button.mdc-radio-checked .mdc-radio__background:before{background-color:#cf0106}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button .mdc-radio--disabled+label{color:color-mix(in srgb,#929292 38%,transparent)}.md-mdc-radio-button .mdc-radio>.mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button.cdk-focused .focus-indicator:before{content:\"\"}.mdc-radio-disabled{cursor:default;pointer-events:none}.mdc-radio-disabled.mdc-radio-disabled-interactive{pointer-events:auto}.mdc-radio-touch-target{position:absolute;top:50%;left:50%;height:36px;width:36px;transform:translate(-50%,-50%);display:block}[dir=rtl] .mdc-radio-touch-target{left:auto;right:50%;transform:translate(50%,-50%)}.radio-internal-form-field{color:#201a1b;font-family:Montserrat;line-height:1.25rem;font-size:.875rem;letter-spacing:.016rem;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12457
12457
|
}
|
|
12458
12458
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioButton, decorators: [{
|
|
12459
12459
|
type: Component,
|
|
@@ -12469,7 +12469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
12469
12469
|
'[attr.aria-labelledby]': 'null',
|
|
12470
12470
|
'[attr.aria-describedby]': 'null',
|
|
12471
12471
|
'(focus)': '_inputElement.nativeElement.focus()',
|
|
12472
|
-
}, exportAs: 'mdRadioButton', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: ["
|
|
12472
|
+
}, exportAs: 'mdRadioButton', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: [".md-mdc-radio-button{-webkit-tap-highlight-color:transparent}.md-mdc-radio-button .mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;padding:8.5px}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before{opacity:.04;transform:scale(1)}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled])~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px}.md-mdc-radio-button .mdc-radio__background:before{position:absolute;transform:scale(0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:32px;height:32px;top:-8.5px;left:-8.5px}.md-mdc-radio-button .mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 90ms cubic-bezier(.4,0,.6,1)}.md-mdc-radio-button .mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0);border-radius:50%;transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1)}@media (forced-colors: active){.md-mdc-radio-button .mdc-radio__inner-circle{background-color:CanvasText!important}}.md-mdc-radio-button .mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;top:0;right:0;left:0;cursor:inherit;z-index:1;width:30px;height:30px}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{transition:_enter-transition(border-color)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:focus+.mdc-radio__background:before{transform:scale(1);opacity:.12;transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{cursor:default}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#514346}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle{transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled{pointer-events:auto}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button.mdc-radio-checked .mdc-radio__background:before{background-color:#cf0106}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button .mdc-radio--disabled+label{color:color-mix(in srgb,#929292 38%,transparent)}.md-mdc-radio-button .mdc-radio>.mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button.cdk-focused .focus-indicator:before{content:\"\"}.mdc-radio-disabled{cursor:default;pointer-events:none}.mdc-radio-disabled.mdc-radio-disabled-interactive{pointer-events:auto}.mdc-radio-touch-target{position:absolute;top:50%;left:50%;height:36px;width:36px;transform:translate(-50%,-50%);display:block}[dir=rtl] .mdc-radio-touch-target{left:auto;right:50%;transform:translate(50%,-50%)}.radio-internal-form-field{color:#201a1b;font-family:Montserrat;line-height:1.25rem;font-size:.875rem;letter-spacing:.016rem;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}\n"] }]
|
|
12473
12473
|
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
12474
12474
|
type: Input
|
|
12475
12475
|
}], name: [{
|
|
@@ -14301,11 +14301,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
14301
14301
|
class MDHeaderCardComponent {
|
|
14302
14302
|
padding = '16px';
|
|
14303
14303
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14304
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDHeaderCardComponent, isStandalone: true, selector: "md-header-card", inputs: { padding: "padding" }, ngImport: i0, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["
|
|
14304
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDHeaderCardComponent, isStandalone: true, selector: "md-header-card", inputs: { padding: "padding" }, ngImport: i0, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".md-header-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:1px;background-color:#eaeaea;border-color:#f3f3f3;border-radius:5px;height:100%;width:100%;font-family:Montserrat}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
14305
14305
|
}
|
|
14306
14306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDHeaderCardComponent, decorators: [{
|
|
14307
14307
|
type: Component,
|
|
14308
|
-
args: [{ selector: 'md-header-card', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["
|
|
14308
|
+
args: [{ selector: 'md-header-card', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \nclass=\"md-header-card\"\n[style.padding]=\"padding\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".md-header-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:1px;background-color:#eaeaea;border-color:#f3f3f3;border-radius:5px;height:100%;width:100%;font-family:Montserrat}\n"] }]
|
|
14309
14309
|
}], propDecorators: { padding: [{
|
|
14310
14310
|
type: Input
|
|
14311
14311
|
}] } });
|
|
@@ -15348,13 +15348,13 @@ class MDGridComponent {
|
|
|
15348
15348
|
this.editingRowChange.emit(null);
|
|
15349
15349
|
}
|
|
15350
15350
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15351
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDGridComponent, isStandalone: true, selector: "md-grid", inputs: { rows: "rows", columns: "columns", groupRowsBy: "groupRowsBy", groupHeaderTemplate: "groupHeaderTemplate", rowActionsTemplate: "rowActionsTemplate", headerHeight: ["headerHeight", "headerHeight", numberAttribute], cardHeight: "cardHeight", gap: ["gap", "gap", numberAttribute], defaultColumnWidth: ["defaultColumnWidth", "defaultColumnWidth", numberAttribute], showRowActions: ["showRowActions", "showRowActions", booleanAttribute], overflowMode: "overflowMode", enableColumnResize: ["enableColumnResize", "enableColumnResize", booleanAttribute], defaultMinColumnWidth: ["defaultMinColumnWidth", "defaultMinColumnWidth", numberAttribute], defaultMaxColumnWidth: ["defaultMaxColumnWidth", "defaultMaxColumnWidth", numberAttribute], sorts: "sorts", sortType: "sortType", externalSorting: ["externalSorting", "externalSorting", booleanAttribute], enableClearingSortState: ["enableClearingSortState", "enableClearingSortState", booleanAttribute], sortAscendingIcon: "sortAscendingIcon", sortDescendingIcon: "sortDescendingIcon", sortUnsetIcon: "sortUnsetIcon", limit: ["limit", "limit", numberAttribute], offset: ["offset", "offset", numberAttribute], count: ["count", "count", numberAttribute], externalPaging: ["externalPaging", "externalPaging", booleanAttribute], showFooter: ["showFooter", "showFooter", booleanAttribute], footerHeight: ["footerHeight", "footerHeight", numberAttribute], editingRow: "editingRow" }, outputs: { columnResize: "columnResize", sort: "sort", page: "page", editingRowChange: "editingRowChange", rowEditStart: "rowEditStart", rowEditSave: "rowEditSave", rowEditCancel: "rowEditCancel" }, host: { properties: { "class.md-grid-shrink-mode": "this.isShrinkMode" }, classAttribute: "md-grid" }, queries: [{ propertyName: "_columnDirectives", predicate: MDGridColumnDirective }], exportAs: ["mdGrid"], usesOnChanges: true, ngImport: i0, template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n class=\"md-grid-header\"\r\n role=\"row\"\r\n [style.height.px]=\"headerHeight\"\r\n>\r\n <div class=\"md-grid-header-inner\">\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-header-cell\"\r\n role=\"columnheader\"\r\n [class.sortable]=\"column.sortable\"\r\n [class.resizeable]=\"isColumnResizeable(column)\"\r\n [class.sort-active]=\"getSortDir(column)\"\r\n [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n [attr.title]=\"column.name\"\r\n (click)=\"onColumnSort(column)\"\r\n (keydown.enter)=\"onColumnSort(column)\"\r\n [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n >\r\n <!-- Custom header template -->\r\n @if (column.headerTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n column: column,\r\n sortDir: getSortDir(column),\r\n sortFn: onColumnSort.bind(this, column)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default header -->\r\n <span class=\"md-grid-header-cell-label\">{{ column.name }}</span>\r\n @if (column.sortable) {\r\n <span class=\"md-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n }\r\n }\r\n\r\n <!-- Resize handle -->\r\n @if (isColumnResizeable(column)) {\r\n <span\r\n class=\"md-grid-resize-handle\"\r\n (mousedown)=\"onResizeStart($event, column)\"\r\n ></span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Actions header cell -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-header-cell md-grid-actions-cell\">\r\n <span class=\"md-grid-header-cell-label\"></span>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-grid-body\" [style.gap.px]=\"gap\">\r\n <!-- Grouped rows -->\r\n @if (_groupedRows) {\r\n @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n <div class=\"md-grid-group\">\r\n <!-- Group header -->\r\n <div class=\"md-grid-group-header\">\r\n @if (groupHeaderTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n [ngTemplateOutletContext]=\"{ group: group }\"\r\n />\r\n } @else {\r\n <span class=\"md-grid-group-title\">{{ group.key }}</span>\r\n }\r\n </div>\r\n\r\n <!-- Group rows -->\r\n <div class=\"md-grid-group-rows\" [style.gap.px]=\"gap\">\r\n @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n } @else {\r\n <!-- Non-grouped rows -->\r\n @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n />\r\n }\r\n }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n <div\r\n class=\"md-grid-card\"\r\n [class.md-grid-card-editing]=\"isEditing(row)\"\r\n [class.md-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n role=\"row\"\r\n >\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-cell\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n role=\"cell\"\r\n >\r\n <!-- Edit mode -->\r\n @if (isEditing(row) && column.editTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.editTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: getTemplateRow(row),\r\n originalRow: row,\r\n value: getCellValue(getTemplateRow(row), column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n }\r\n <!-- View mode with custom template -->\r\n @else if (column.cellTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.cellTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n value: getCellValue(row, column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n group: group\r\n }\"\r\n />\r\n }\r\n <!-- Default view mode -->\r\n @else {\r\n <span class=\"md-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Row actions -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-cell md-grid-actions-cell\">\r\n @if (rowActionsTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n editFn: editRow.bind(this, row),\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default actions -->\r\n @if (isEditing(row)) {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-save\"\r\n (click)=\"saveRow()\"\r\n title=\"Save\"\r\n >\r\n <span class=\"md-grid-icon-save\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-cancel\"\r\n (click)=\"cancelEdit()\"\r\n title=\"Cancel\"\r\n >\r\n <span class=\"md-grid-icon-cancel\"></span>\r\n </button>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-edit\"\r\n (click)=\"editRow(row)\"\r\n title=\"Edit\"\r\n >\r\n <span class=\"md-grid-icon-edit\"></span>\r\n </button>\r\n }\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n class=\"md-grid-footer\"\r\n [style.height.px]=\"footerHeight\"\r\n>\r\n <div class=\"md-grid-pager\">\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(0)\"\r\n title=\"First page\"\r\n >\r\n <span class=\"md-grid-icon-first\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(offset - 1)\"\r\n title=\"Previous page\"\r\n >\r\n <span class=\"md-grid-icon-prev\"></span>\r\n </button>\r\n\r\n <span class=\"md-grid-pager-info\">\r\n {{ currentPage }} / {{ totalPages }}\r\n </span>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(offset + 1)\"\r\n title=\"Next page\"\r\n >\r\n <span class=\"md-grid-icon-next\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(totalPages - 1)\"\r\n title=\"Last page\"\r\n >\r\n <span class=\"md-grid-icon-last\"></span>\r\n </button>\r\n </div>\r\n</div>\r\n}\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-grid *,.md-grid *:before,.md-grid *:after{box-sizing:border-box}.md-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-grid-scroll-container::-webkit-scrollbar{height:6px}.md-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-grid-shrink-mode .md-grid-scroll-container{overflow-x:hidden}.md-grid-shrink-mode .md-grid-header-inner,.md-grid-shrink-mode .md-grid-card{min-width:0}.md-grid-shrink-mode .md-grid-header-cell,.md-grid-shrink-mode .md-grid-cell{flex-shrink:1}.md-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-grid-header-inner{display:flex;align-items:center;height:100%;width:100%;min-width:fit-content}.md-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-grid-header-cell.sortable:hover{background:#f3f3f3}.md-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-grid-header-cell.sort-active{color:#0185cf}.md-grid-header-cell.resizeable{position:relative}.md-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-grid-sort-icon.md-grid-sort-asc,.md-grid-sort-icon.md-grid-sort-desc{color:#6d5cae}.md-grid-sort-icon.md-grid-sort-asc:after,.md-grid-sort-icon.md-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-grid-sort-icon.md-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-grid-sort-icon.md-grid-sort-desc:after{border-top:5px solid currentColor}.md-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-grid-resize-handle:hover:after{background:#6d5cae}.md-grid-header-cell:last-of-type:not(.md-grid-actions-cell) .md-grid-resize-handle{right:0}.md-grid-header-cell:has(+.md-grid-actions-cell) .md-grid-resize-handle{right:0}body.md-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-grid-resizing *{cursor:col-resize!important}.md-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:100%;min-width:fit-content;background:transparent}.md-grid-group{margin-bottom:12px}.md-grid-group:last-child{margin-bottom:0}.md-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-grid-group-title{flex:1}.md-grid-group-rows{display:flex;flex-direction:column;width:100%;min-width:fit-content;gap:5px}.md-grid-card{display:inline-flex;align-items:stretch;width:100%;min-width:fit-content;background:#fff;border:0;border-radius:5px;box-shadow:none;transition:all .2s ease}.md-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-grid-card.md-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-grid-card.md-grid-card-fixed-height,.md-grid-card.md-grid-card-fixed-height .md-grid-cell{overflow:hidden}.md-grid-card.md-grid-card-fixed-height .md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-grid-cell:last-child{border-right:none}.md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-grid-header-cell.md-grid-actions-cell{border-left:none;border-right:none}.md-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-grid-action-btn:hover{transform:scale(1.1)}.md-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-action-btn:active{transform:scale(.95)}.md-grid-action-edit{color:#6d5cae}.md-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-grid-action-save{color:#28b446}.md-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-grid-action-cancel{color:#cf0106}.md-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-grid-icon-edit,.md-grid-icon-save,.md-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-grid-icon-edit:before,.md-grid-icon-edit:after{content:\"\";position:absolute}.md-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-grid-icon-cancel:before,.md-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-grid-pager{display:flex;align-items:center;gap:4px}.md-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-pager-info{padding:0 12px;font-weight:500}.md-grid-icon-first,.md-grid-icon-prev,.md-grid-icon-next,.md-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-grid-icon-first:before,.md-grid-icon-prev:before,.md-grid-icon-next:before,.md-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 540px){.md-grid{font-size:12px}.md-grid-header{display:none}.md-grid-body{padding:8px}.md-grid-card{flex-direction:column}.md-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-grid-cell:last-child{border-bottom:none}.md-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-grid.grey .md-grid-header-cell,.md-grid.grey .md-grid-card{background:#f3f3f3}.md-grid.grey .md-grid-card:hover{background:#efefef}.md-grid.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-group-rows .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15351
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDGridComponent, isStandalone: true, selector: "md-grid", inputs: { rows: "rows", columns: "columns", groupRowsBy: "groupRowsBy", groupHeaderTemplate: "groupHeaderTemplate", rowActionsTemplate: "rowActionsTemplate", headerHeight: ["headerHeight", "headerHeight", numberAttribute], cardHeight: "cardHeight", gap: ["gap", "gap", numberAttribute], defaultColumnWidth: ["defaultColumnWidth", "defaultColumnWidth", numberAttribute], showRowActions: ["showRowActions", "showRowActions", booleanAttribute], overflowMode: "overflowMode", enableColumnResize: ["enableColumnResize", "enableColumnResize", booleanAttribute], defaultMinColumnWidth: ["defaultMinColumnWidth", "defaultMinColumnWidth", numberAttribute], defaultMaxColumnWidth: ["defaultMaxColumnWidth", "defaultMaxColumnWidth", numberAttribute], sorts: "sorts", sortType: "sortType", externalSorting: ["externalSorting", "externalSorting", booleanAttribute], enableClearingSortState: ["enableClearingSortState", "enableClearingSortState", booleanAttribute], sortAscendingIcon: "sortAscendingIcon", sortDescendingIcon: "sortDescendingIcon", sortUnsetIcon: "sortUnsetIcon", limit: ["limit", "limit", numberAttribute], offset: ["offset", "offset", numberAttribute], count: ["count", "count", numberAttribute], externalPaging: ["externalPaging", "externalPaging", booleanAttribute], showFooter: ["showFooter", "showFooter", booleanAttribute], footerHeight: ["footerHeight", "footerHeight", numberAttribute], editingRow: "editingRow" }, outputs: { columnResize: "columnResize", sort: "sort", page: "page", editingRowChange: "editingRowChange", rowEditStart: "rowEditStart", rowEditSave: "rowEditSave", rowEditCancel: "rowEditCancel" }, host: { properties: { "class.md-grid-shrink-mode": "this.isShrinkMode" }, classAttribute: "md-grid" }, queries: [{ propertyName: "_columnDirectives", predicate: MDGridColumnDirective }], exportAs: ["mdGrid"], usesOnChanges: true, ngImport: i0, template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n class=\"md-grid-header\"\r\n role=\"row\"\r\n [style.height.px]=\"headerHeight\"\r\n>\r\n <div class=\"md-grid-header-inner\">\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-header-cell\"\r\n role=\"columnheader\"\r\n [class.sortable]=\"column.sortable\"\r\n [class.resizeable]=\"isColumnResizeable(column)\"\r\n [class.sort-active]=\"getSortDir(column)\"\r\n [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n [attr.title]=\"column.name\"\r\n (click)=\"onColumnSort(column)\"\r\n (keydown.enter)=\"onColumnSort(column)\"\r\n [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n >\r\n <!-- Custom header template -->\r\n @if (column.headerTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n column: column,\r\n sortDir: getSortDir(column),\r\n sortFn: onColumnSort.bind(this, column)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default header -->\r\n <span class=\"md-grid-header-cell-label\">{{ column.name }}</span>\r\n @if (column.sortable) {\r\n <span class=\"md-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n }\r\n }\r\n\r\n <!-- Resize handle -->\r\n @if (isColumnResizeable(column)) {\r\n <span\r\n class=\"md-grid-resize-handle\"\r\n (mousedown)=\"onResizeStart($event, column)\"\r\n ></span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Actions header cell -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-header-cell md-grid-actions-cell\">\r\n <span class=\"md-grid-header-cell-label\"></span>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-grid-body\" [style.gap.px]=\"gap\">\r\n <!-- Grouped rows -->\r\n @if (_groupedRows) {\r\n @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n <div class=\"md-grid-group\">\r\n <!-- Group header -->\r\n <div class=\"md-grid-group-header\">\r\n @if (groupHeaderTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n [ngTemplateOutletContext]=\"{ group: group }\"\r\n />\r\n } @else {\r\n <span class=\"md-grid-group-title\">{{ group.key }}</span>\r\n }\r\n </div>\r\n\r\n <!-- Group rows -->\r\n <div class=\"md-grid-group-rows\" [style.gap.px]=\"gap\">\r\n @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n } @else {\r\n <!-- Non-grouped rows -->\r\n @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n />\r\n }\r\n }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n <div\r\n class=\"md-grid-card\"\r\n [class.md-grid-card-editing]=\"isEditing(row)\"\r\n [class.md-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n role=\"row\"\r\n >\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-cell\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n role=\"cell\"\r\n >\r\n <!-- Edit mode -->\r\n @if (isEditing(row) && column.editTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.editTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: getTemplateRow(row),\r\n originalRow: row,\r\n value: getCellValue(getTemplateRow(row), column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n }\r\n <!-- View mode with custom template -->\r\n @else if (column.cellTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.cellTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n value: getCellValue(row, column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n group: group\r\n }\"\r\n />\r\n }\r\n <!-- Default view mode -->\r\n @else {\r\n <span class=\"md-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Row actions -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-cell md-grid-actions-cell\">\r\n @if (rowActionsTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n editFn: editRow.bind(this, row),\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default actions -->\r\n @if (isEditing(row)) {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-save\"\r\n (click)=\"saveRow()\"\r\n title=\"Save\"\r\n >\r\n <span class=\"md-grid-icon-save\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-cancel\"\r\n (click)=\"cancelEdit()\"\r\n title=\"Cancel\"\r\n >\r\n <span class=\"md-grid-icon-cancel\"></span>\r\n </button>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-edit\"\r\n (click)=\"editRow(row)\"\r\n title=\"Edit\"\r\n >\r\n <span class=\"md-grid-icon-edit\"></span>\r\n </button>\r\n }\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n class=\"md-grid-footer\"\r\n [style.height.px]=\"footerHeight\"\r\n>\r\n <div class=\"md-grid-pager\">\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(0)\"\r\n title=\"First page\"\r\n >\r\n <span class=\"md-grid-icon-first\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(offset - 1)\"\r\n title=\"Previous page\"\r\n >\r\n <span class=\"md-grid-icon-prev\"></span>\r\n </button>\r\n\r\n <span class=\"md-grid-pager-info\">\r\n {{ currentPage }} / {{ totalPages }}\r\n </span>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(offset + 1)\"\r\n title=\"Next page\"\r\n >\r\n <span class=\"md-grid-icon-next\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(totalPages - 1)\"\r\n title=\"Last page\"\r\n >\r\n <span class=\"md-grid-icon-last\"></span>\r\n </button>\r\n </div>\r\n</div>\r\n}\r\n", styles: [".md-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-grid *,.md-grid *:before,.md-grid *:after{box-sizing:border-box}.md-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-grid-scroll-container::-webkit-scrollbar{height:6px}.md-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-grid-shrink-mode .md-grid-scroll-container{overflow-x:hidden}.md-grid-shrink-mode .md-grid-header-inner,.md-grid-shrink-mode .md-grid-card{min-width:0}.md-grid-shrink-mode .md-grid-header-cell,.md-grid-shrink-mode .md-grid-cell{flex-shrink:1}.md-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-grid-header-inner{display:flex;align-items:center;height:100%;width:100%;min-width:fit-content}.md-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-grid-header-cell.sortable:hover{background:#f3f3f3}.md-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-grid-header-cell.sort-active{color:#0185cf}.md-grid-header-cell.resizeable{position:relative}.md-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-grid-sort-icon.md-grid-sort-asc,.md-grid-sort-icon.md-grid-sort-desc{color:#6d5cae}.md-grid-sort-icon.md-grid-sort-asc:after,.md-grid-sort-icon.md-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-grid-sort-icon.md-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-grid-sort-icon.md-grid-sort-desc:after{border-top:5px solid currentColor}.md-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-grid-resize-handle:hover:after{background:#6d5cae}.md-grid-header-cell:last-of-type:not(.md-grid-actions-cell) .md-grid-resize-handle{right:0}.md-grid-header-cell:has(+.md-grid-actions-cell) .md-grid-resize-handle{right:0}body.md-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-grid-resizing *{cursor:col-resize!important}.md-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:100%;min-width:fit-content;background:transparent}.md-grid-group{margin-bottom:12px}.md-grid-group:last-child{margin-bottom:0}.md-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-grid-group-title{flex:1}.md-grid-group-rows{display:flex;flex-direction:column;width:100%;min-width:fit-content;gap:5px}.md-grid-card{display:inline-flex;align-items:stretch;width:100%;min-width:fit-content;background:#fff;border:0;border-radius:5px;box-shadow:none;transition:all .2s ease}.md-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-grid-card.md-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-grid-card.md-grid-card-fixed-height,.md-grid-card.md-grid-card-fixed-height .md-grid-cell{overflow:hidden}.md-grid-card.md-grid-card-fixed-height .md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-grid-cell:last-child{border-right:none}.md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-grid-header-cell.md-grid-actions-cell{border-left:none;border-right:none}.md-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-grid-action-btn:hover{transform:scale(1.1)}.md-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-action-btn:active{transform:scale(.95)}.md-grid-action-edit{color:#6d5cae}.md-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-grid-action-save{color:#28b446}.md-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-grid-action-cancel{color:#cf0106}.md-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-grid-icon-edit,.md-grid-icon-save,.md-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-grid-icon-edit:before,.md-grid-icon-edit:after{content:\"\";position:absolute}.md-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-grid-icon-cancel:before,.md-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-grid-pager{display:flex;align-items:center;gap:4px}.md-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-pager-info{padding:0 12px;font-weight:500}.md-grid-icon-first,.md-grid-icon-prev,.md-grid-icon-next,.md-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-grid-icon-first:before,.md-grid-icon-prev:before,.md-grid-icon-next:before,.md-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 540px){.md-grid{font-size:12px}.md-grid-header{display:none}.md-grid-body{padding:8px}.md-grid-card{flex-direction:column}.md-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-grid-cell:last-child{border-bottom:none}.md-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-grid.grey .md-grid-header-cell,.md-grid.grey .md-grid-card{background:#f3f3f3}.md-grid.grey .md-grid-card:hover{background:#efefef}.md-grid.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-group-rows .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15352
15352
|
}
|
|
15353
15353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDGridComponent, decorators: [{
|
|
15354
15354
|
type: Component,
|
|
15355
15355
|
args: [{ selector: 'md-grid', host: {
|
|
15356
15356
|
class: 'md-grid',
|
|
15357
|
-
}, exportAs: 'mdGrid', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n class=\"md-grid-header\"\r\n role=\"row\"\r\n [style.height.px]=\"headerHeight\"\r\n>\r\n <div class=\"md-grid-header-inner\">\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-header-cell\"\r\n role=\"columnheader\"\r\n [class.sortable]=\"column.sortable\"\r\n [class.resizeable]=\"isColumnResizeable(column)\"\r\n [class.sort-active]=\"getSortDir(column)\"\r\n [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n [attr.title]=\"column.name\"\r\n (click)=\"onColumnSort(column)\"\r\n (keydown.enter)=\"onColumnSort(column)\"\r\n [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n >\r\n <!-- Custom header template -->\r\n @if (column.headerTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n column: column,\r\n sortDir: getSortDir(column),\r\n sortFn: onColumnSort.bind(this, column)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default header -->\r\n <span class=\"md-grid-header-cell-label\">{{ column.name }}</span>\r\n @if (column.sortable) {\r\n <span class=\"md-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n }\r\n }\r\n\r\n <!-- Resize handle -->\r\n @if (isColumnResizeable(column)) {\r\n <span\r\n class=\"md-grid-resize-handle\"\r\n (mousedown)=\"onResizeStart($event, column)\"\r\n ></span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Actions header cell -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-header-cell md-grid-actions-cell\">\r\n <span class=\"md-grid-header-cell-label\"></span>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-grid-body\" [style.gap.px]=\"gap\">\r\n <!-- Grouped rows -->\r\n @if (_groupedRows) {\r\n @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n <div class=\"md-grid-group\">\r\n <!-- Group header -->\r\n <div class=\"md-grid-group-header\">\r\n @if (groupHeaderTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n [ngTemplateOutletContext]=\"{ group: group }\"\r\n />\r\n } @else {\r\n <span class=\"md-grid-group-title\">{{ group.key }}</span>\r\n }\r\n </div>\r\n\r\n <!-- Group rows -->\r\n <div class=\"md-grid-group-rows\" [style.gap.px]=\"gap\">\r\n @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n } @else {\r\n <!-- Non-grouped rows -->\r\n @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n />\r\n }\r\n }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n <div\r\n class=\"md-grid-card\"\r\n [class.md-grid-card-editing]=\"isEditing(row)\"\r\n [class.md-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n role=\"row\"\r\n >\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-cell\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n role=\"cell\"\r\n >\r\n <!-- Edit mode -->\r\n @if (isEditing(row) && column.editTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.editTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: getTemplateRow(row),\r\n originalRow: row,\r\n value: getCellValue(getTemplateRow(row), column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n }\r\n <!-- View mode with custom template -->\r\n @else if (column.cellTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.cellTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n value: getCellValue(row, column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n group: group\r\n }\"\r\n />\r\n }\r\n <!-- Default view mode -->\r\n @else {\r\n <span class=\"md-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Row actions -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-cell md-grid-actions-cell\">\r\n @if (rowActionsTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n editFn: editRow.bind(this, row),\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default actions -->\r\n @if (isEditing(row)) {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-save\"\r\n (click)=\"saveRow()\"\r\n title=\"Save\"\r\n >\r\n <span class=\"md-grid-icon-save\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-cancel\"\r\n (click)=\"cancelEdit()\"\r\n title=\"Cancel\"\r\n >\r\n <span class=\"md-grid-icon-cancel\"></span>\r\n </button>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-edit\"\r\n (click)=\"editRow(row)\"\r\n title=\"Edit\"\r\n >\r\n <span class=\"md-grid-icon-edit\"></span>\r\n </button>\r\n }\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n class=\"md-grid-footer\"\r\n [style.height.px]=\"footerHeight\"\r\n>\r\n <div class=\"md-grid-pager\">\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(0)\"\r\n title=\"First page\"\r\n >\r\n <span class=\"md-grid-icon-first\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(offset - 1)\"\r\n title=\"Previous page\"\r\n >\r\n <span class=\"md-grid-icon-prev\"></span>\r\n </button>\r\n\r\n <span class=\"md-grid-pager-info\">\r\n {{ currentPage }} / {{ totalPages }}\r\n </span>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(offset + 1)\"\r\n title=\"Next page\"\r\n >\r\n <span class=\"md-grid-icon-next\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(totalPages - 1)\"\r\n title=\"Last page\"\r\n >\r\n <span class=\"md-grid-icon-last\"></span>\r\n </button>\r\n </div>\r\n</div>\r\n}\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-grid *,.md-grid *:before,.md-grid *:after{box-sizing:border-box}.md-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-grid-scroll-container::-webkit-scrollbar{height:6px}.md-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-grid-shrink-mode .md-grid-scroll-container{overflow-x:hidden}.md-grid-shrink-mode .md-grid-header-inner,.md-grid-shrink-mode .md-grid-card{min-width:0}.md-grid-shrink-mode .md-grid-header-cell,.md-grid-shrink-mode .md-grid-cell{flex-shrink:1}.md-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-grid-header-inner{display:flex;align-items:center;height:100%;width:100%;min-width:fit-content}.md-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-grid-header-cell.sortable:hover{background:#f3f3f3}.md-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-grid-header-cell.sort-active{color:#0185cf}.md-grid-header-cell.resizeable{position:relative}.md-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-grid-sort-icon.md-grid-sort-asc,.md-grid-sort-icon.md-grid-sort-desc{color:#6d5cae}.md-grid-sort-icon.md-grid-sort-asc:after,.md-grid-sort-icon.md-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-grid-sort-icon.md-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-grid-sort-icon.md-grid-sort-desc:after{border-top:5px solid currentColor}.md-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-grid-resize-handle:hover:after{background:#6d5cae}.md-grid-header-cell:last-of-type:not(.md-grid-actions-cell) .md-grid-resize-handle{right:0}.md-grid-header-cell:has(+.md-grid-actions-cell) .md-grid-resize-handle{right:0}body.md-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-grid-resizing *{cursor:col-resize!important}.md-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:100%;min-width:fit-content;background:transparent}.md-grid-group{margin-bottom:12px}.md-grid-group:last-child{margin-bottom:0}.md-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-grid-group-title{flex:1}.md-grid-group-rows{display:flex;flex-direction:column;width:100%;min-width:fit-content;gap:5px}.md-grid-card{display:inline-flex;align-items:stretch;width:100%;min-width:fit-content;background:#fff;border:0;border-radius:5px;box-shadow:none;transition:all .2s ease}.md-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-grid-card.md-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-grid-card.md-grid-card-fixed-height,.md-grid-card.md-grid-card-fixed-height .md-grid-cell{overflow:hidden}.md-grid-card.md-grid-card-fixed-height .md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-grid-cell:last-child{border-right:none}.md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-grid-header-cell.md-grid-actions-cell{border-left:none;border-right:none}.md-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-grid-action-btn:hover{transform:scale(1.1)}.md-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-action-btn:active{transform:scale(.95)}.md-grid-action-edit{color:#6d5cae}.md-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-grid-action-save{color:#28b446}.md-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-grid-action-cancel{color:#cf0106}.md-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-grid-icon-edit,.md-grid-icon-save,.md-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-grid-icon-edit:before,.md-grid-icon-edit:after{content:\"\";position:absolute}.md-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-grid-icon-cancel:before,.md-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-grid-pager{display:flex;align-items:center;gap:4px}.md-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-pager-info{padding:0 12px;font-weight:500}.md-grid-icon-first,.md-grid-icon-prev,.md-grid-icon-next,.md-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-grid-icon-first:before,.md-grid-icon-prev:before,.md-grid-icon-next:before,.md-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 540px){.md-grid{font-size:12px}.md-grid-header{display:none}.md-grid-body{padding:8px}.md-grid-card{flex-direction:column}.md-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-grid-cell:last-child{border-bottom:none}.md-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-grid.grey .md-grid-header-cell,.md-grid.grey .md-grid-card{background:#f3f3f3}.md-grid.grey .md-grid-card:hover{background:#efefef}.md-grid.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-group-rows .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}\n"] }]
|
|
15357
|
+
}, exportAs: 'mdGrid', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n class=\"md-grid-header\"\r\n role=\"row\"\r\n [style.height.px]=\"headerHeight\"\r\n>\r\n <div class=\"md-grid-header-inner\">\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-header-cell\"\r\n role=\"columnheader\"\r\n [class.sortable]=\"column.sortable\"\r\n [class.resizeable]=\"isColumnResizeable(column)\"\r\n [class.sort-active]=\"getSortDir(column)\"\r\n [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n [attr.title]=\"column.name\"\r\n (click)=\"onColumnSort(column)\"\r\n (keydown.enter)=\"onColumnSort(column)\"\r\n [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n >\r\n <!-- Custom header template -->\r\n @if (column.headerTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n column: column,\r\n sortDir: getSortDir(column),\r\n sortFn: onColumnSort.bind(this, column)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default header -->\r\n <span class=\"md-grid-header-cell-label\">{{ column.name }}</span>\r\n @if (column.sortable) {\r\n <span class=\"md-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n }\r\n }\r\n\r\n <!-- Resize handle -->\r\n @if (isColumnResizeable(column)) {\r\n <span\r\n class=\"md-grid-resize-handle\"\r\n (mousedown)=\"onResizeStart($event, column)\"\r\n ></span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Actions header cell -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-header-cell md-grid-actions-cell\">\r\n <span class=\"md-grid-header-cell-label\"></span>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-grid-body\" [style.gap.px]=\"gap\">\r\n <!-- Grouped rows -->\r\n @if (_groupedRows) {\r\n @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n <div class=\"md-grid-group\">\r\n <!-- Group header -->\r\n <div class=\"md-grid-group-header\">\r\n @if (groupHeaderTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n [ngTemplateOutletContext]=\"{ group: group }\"\r\n />\r\n } @else {\r\n <span class=\"md-grid-group-title\">{{ group.key }}</span>\r\n }\r\n </div>\r\n\r\n <!-- Group rows -->\r\n <div class=\"md-grid-group-rows\" [style.gap.px]=\"gap\">\r\n @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n } @else {\r\n <!-- Non-grouped rows -->\r\n @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n />\r\n }\r\n }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n <div\r\n class=\"md-grid-card\"\r\n [class.md-grid-card-editing]=\"isEditing(row)\"\r\n [class.md-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n role=\"row\"\r\n >\r\n @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n <div\r\n class=\"md-grid-cell\"\r\n [style.width.px]=\"column.width\"\r\n [style.min-width.px]=\"column.minWidth\"\r\n [style.max-width.px]=\"column.maxWidth\"\r\n [style.flex-grow]=\"column.flexGrow\"\r\n role=\"cell\"\r\n >\r\n <!-- Edit mode -->\r\n @if (isEditing(row) && column.editTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.editTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: getTemplateRow(row),\r\n originalRow: row,\r\n value: getCellValue(getTemplateRow(row), column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n }\r\n <!-- View mode with custom template -->\r\n @else if (column.cellTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.cellTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n value: getCellValue(row, column),\r\n column: column,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n group: group\r\n }\"\r\n />\r\n }\r\n <!-- Default view mode -->\r\n @else {\r\n <span class=\"md-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Row actions -->\r\n @if (showRowActions) {\r\n <div class=\"md-grid-cell md-grid-actions-cell\">\r\n @if (rowActionsTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n row: row,\r\n rowIndex: rowIndex,\r\n isEditing: isEditing(row),\r\n editFn: editRow.bind(this, row),\r\n saveFn: saveRow.bind(this),\r\n cancelFn: cancelEdit.bind(this)\r\n }\"\r\n />\r\n } @else {\r\n <!-- Default actions -->\r\n @if (isEditing(row)) {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-save\"\r\n (click)=\"saveRow()\"\r\n title=\"Save\"\r\n >\r\n <span class=\"md-grid-icon-save\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-cancel\"\r\n (click)=\"cancelEdit()\"\r\n title=\"Cancel\"\r\n >\r\n <span class=\"md-grid-icon-cancel\"></span>\r\n </button>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-action-btn md-grid-action-edit\"\r\n (click)=\"editRow(row)\"\r\n title=\"Edit\"\r\n >\r\n <span class=\"md-grid-icon-edit\"></span>\r\n </button>\r\n }\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n class=\"md-grid-footer\"\r\n [style.height.px]=\"footerHeight\"\r\n>\r\n <div class=\"md-grid-pager\">\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(0)\"\r\n title=\"First page\"\r\n >\r\n <span class=\"md-grid-icon-first\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset === 0\"\r\n (click)=\"setPage(offset - 1)\"\r\n title=\"Previous page\"\r\n >\r\n <span class=\"md-grid-icon-prev\"></span>\r\n </button>\r\n\r\n <span class=\"md-grid-pager-info\">\r\n {{ currentPage }} / {{ totalPages }}\r\n </span>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(offset + 1)\"\r\n title=\"Next page\"\r\n >\r\n <span class=\"md-grid-icon-next\"></span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"md-grid-pager-btn\"\r\n [disabled]=\"offset >= totalPages - 1\"\r\n (click)=\"setPage(totalPages - 1)\"\r\n title=\"Last page\"\r\n >\r\n <span class=\"md-grid-icon-last\"></span>\r\n </button>\r\n </div>\r\n</div>\r\n}\r\n", styles: [".md-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-grid *,.md-grid *:before,.md-grid *:after{box-sizing:border-box}.md-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-grid-scroll-container::-webkit-scrollbar{height:6px}.md-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-grid-shrink-mode .md-grid-scroll-container{overflow-x:hidden}.md-grid-shrink-mode .md-grid-header-inner,.md-grid-shrink-mode .md-grid-card{min-width:0}.md-grid-shrink-mode .md-grid-header-cell,.md-grid-shrink-mode .md-grid-cell{flex-shrink:1}.md-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-grid-header-inner{display:flex;align-items:center;height:100%;width:100%;min-width:fit-content}.md-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-grid-header-cell.sortable:hover{background:#f3f3f3}.md-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-grid-header-cell.sort-active{color:#0185cf}.md-grid-header-cell.resizeable{position:relative}.md-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-grid-sort-icon.md-grid-sort-asc,.md-grid-sort-icon.md-grid-sort-desc{color:#6d5cae}.md-grid-sort-icon.md-grid-sort-asc:after,.md-grid-sort-icon.md-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-grid-sort-icon.md-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-grid-sort-icon.md-grid-sort-desc:after{border-top:5px solid currentColor}.md-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-grid-resize-handle:hover:after{background:#6d5cae}.md-grid-header-cell:last-of-type:not(.md-grid-actions-cell) .md-grid-resize-handle{right:0}.md-grid-header-cell:has(+.md-grid-actions-cell) .md-grid-resize-handle{right:0}body.md-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-grid-resizing *{cursor:col-resize!important}.md-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:100%;min-width:fit-content;background:transparent}.md-grid-group{margin-bottom:12px}.md-grid-group:last-child{margin-bottom:0}.md-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-grid-group-title{flex:1}.md-grid-group-rows{display:flex;flex-direction:column;width:100%;min-width:fit-content;gap:5px}.md-grid-card{display:inline-flex;align-items:stretch;width:100%;min-width:fit-content;background:#fff;border:0;border-radius:5px;box-shadow:none;transition:all .2s ease}.md-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-grid-card.md-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-grid-card.md-grid-card-fixed-height,.md-grid-card.md-grid-card-fixed-height .md-grid-cell{overflow:hidden}.md-grid-card.md-grid-card-fixed-height .md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-grid-cell:last-child{border-right:none}.md-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-grid-header-cell.md-grid-actions-cell{border-left:none;border-right:none}.md-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-grid-action-btn:hover{transform:scale(1.1)}.md-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-action-btn:active{transform:scale(.95)}.md-grid-action-edit{color:#6d5cae}.md-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-grid-action-save{color:#28b446}.md-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-grid-action-cancel{color:#cf0106}.md-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-grid-icon-edit,.md-grid-icon-save,.md-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-grid-icon-edit:before,.md-grid-icon-edit:after{content:\"\";position:absolute}.md-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-grid-icon-cancel:before,.md-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-grid-pager{display:flex;align-items:center;gap:4px}.md-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-grid-pager-info{padding:0 12px;font-weight:500}.md-grid-icon-first,.md-grid-icon-prev,.md-grid-icon-next,.md-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-grid-icon-first:before,.md-grid-icon-prev:before,.md-grid-icon-next:before,.md-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 540px){.md-grid{font-size:12px}.md-grid-header{display:none}.md-grid-body{padding:8px}.md-grid-card{flex-direction:column}.md-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-grid-cell:last-child{border-bottom:none}.md-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-grid.grey .md-grid-header-cell,.md-grid.grey .md-grid-card{background:#f3f3f3}.md-grid.grey .md-grid-card:hover{background:#efefef}.md-grid.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(odd){background:#fff}.md-grid.zebra .md-grid-group-rows .md-grid-card:nth-child(2n){background:#f3f3f3}.md-grid.zebra .md-grid-group-rows .md-grid-card:hover{background:#e4e4e4}.md-grid.zebra .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-card.md-grid-card-editing{background:#cf01061a}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(odd){background:#f3f3f3}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:nth-child(2n){background:#efefef}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card:hover{background:#d6d6d6}.md-grid.zebra.grey .md-grid-group-rows .md-grid-card.md-grid-card-editing{background:#cf01061a}\n"] }]
|
|
15358
15358
|
}], propDecorators: { isShrinkMode: [{
|
|
15359
15359
|
type: HostBinding,
|
|
15360
15360
|
args: ['class.md-grid-shrink-mode']
|