myrta-ui 17.0.0-beta.21 → 17.0.0-beta.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/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +4 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.enum.mjs +1 -1
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.module.mjs +10 -4
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +5 -12
- package/esm2022/lib/components/form/checkbox/checkbox.enum.mjs +2 -5
- package/esm2022/lib/components/form/checkbox-group/checkbox-group.component.mjs +72 -39
- package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.mjs +4 -4
- package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.mjs +51 -43
- package/esm2022/lib/components/form/checkbox-group/helpers/change-group-value.mjs +7 -8
- package/esm2022/lib/components/form/checkbox-group/helpers/change-item-value.mjs +2 -2
- package/esm2022/lib/components/form/checkbox-group/helpers/filter-search-group.mjs +5 -5
- package/esm2022/lib/components/form/checkbox-group/helpers/get-checked-items.mjs +2 -2
- package/esm2022/lib/components/form/checkbox-group/helpers/get-inner-list.helper.mjs +46 -0
- package/esm2022/lib/components/form/checkbox-group/helpers/get-item-by-id.mjs +4 -4
- package/esm2022/lib/components/form/checkbox-group/helpers/get-sorted-list.mjs +2 -2
- package/esm2022/lib/components/form/checkbox-group/models/checkbox-group.model.mjs +1 -1
- package/esm2022/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.mjs +7 -4
- package/esm2022/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.mjs +9 -3
- package/esm2022/lib/components/form/radio-group/models/radio-group.model.mjs +1 -1
- package/esm2022/lib/components/form/radio-group/radio-group.component.mjs +31 -22
- package/esm2022/lib/components/form/radio-group/radio-group.module.mjs +25 -4
- package/esm2022/lib/components/link/link.component.mjs +1 -2
- package/esm2022/lib/components/save-state/components/save-state-editor/save-state-editor.component.mjs +2 -2
- package/esm2022/lib/components/save-state/save-state.component.mjs +3 -3
- package/esm2022/lib/components/save-state/save-state.enum.mjs +1 -1
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/myrta-ui.mjs +262 -148
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.enum.d.ts +5 -0
- package/lib/components/breadcrumbs/breadcrumbs.module.d.ts +2 -1
- package/lib/components/form/checkbox/checkbox.component.d.ts +2 -4
- package/lib/components/form/checkbox/checkbox.enum.d.ts +0 -4
- package/lib/components/form/checkbox-group/checkbox-group.component.d.ts +24 -15
- package/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.d.ts +16 -9
- package/lib/components/form/checkbox-group/helpers/change-group-value.d.ts +3 -3
- package/lib/components/form/checkbox-group/helpers/change-item-value.d.ts +3 -3
- package/lib/components/form/checkbox-group/helpers/filter-search-group.d.ts +2 -2
- package/lib/components/form/checkbox-group/helpers/get-checked-items.d.ts +2 -2
- package/lib/components/form/checkbox-group/helpers/get-inner-list.helper.d.ts +2 -0
- package/lib/components/form/checkbox-group/helpers/get-item-by-id.d.ts +2 -2
- package/lib/components/form/checkbox-group/helpers/get-sorted-list.d.ts +2 -2
- package/lib/components/form/checkbox-group/models/checkbox-group.model.d.ts +7 -2
- package/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.d.ts +3 -1
- package/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.d.ts +3 -1
- package/lib/components/form/radio-group/models/radio-group.model.d.ts +4 -0
- package/lib/components/form/radio-group/radio-group.component.d.ts +10 -7
- package/lib/components/form/radio-group/radio-group.module.d.ts +2 -1
- package/lib/components/save-state/save-state.enum.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule, NgOptimizedImage, registerLocaleData, DatePipe } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/platform-browser';
|
|
6
6
|
import * as i1$2 from '@angular/router';
|
|
7
|
-
import { RouterModule } from '@angular/router';
|
|
7
|
+
import { RouterModule, RouterLinkActive } from '@angular/router';
|
|
8
8
|
import * as i1$4 from '@angular/animations';
|
|
9
9
|
import { trigger, state, style, transition, animate, group, keyframes } from '@angular/animations';
|
|
10
10
|
import * as i2 from '@angular/forms';
|
|
@@ -510,11 +510,11 @@ class BreadcrumbsComponent {
|
|
|
510
510
|
return `${this.customClasses} ${BreadcrumbsTypeEnum[this.type]}`;
|
|
511
511
|
}
|
|
512
512
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
513
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n
|
|
513
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <ng-container *ngIf=\"item\">\r\n <a\r\n *ngIf=\"item.routerLink; else standardLink\"\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n >\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-template #standardLink>\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.href || item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n <ng-template #standardLink>\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.href || item.path\">{{ item.text }}</a>\r\n </ng-template>\r\n\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
514
514
|
}
|
|
515
515
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
516
516
|
type: Component,
|
|
517
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n
|
|
517
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <ng-container *ngIf=\"item\">\r\n <a\r\n *ngIf=\"item.routerLink; else standardLink\"\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n >\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-container>\r\n\r\n <ng-template #standardLink>\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.href || item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{ item.text }}\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n <ng-template #standardLink>\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.href || item.path\">{{ item.text }}</a>\r\n </ng-template>\r\n\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
|
|
518
518
|
}], propDecorators: { type: [{
|
|
519
519
|
type: Input
|
|
520
520
|
}], items: [{
|
|
@@ -527,8 +527,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
527
527
|
|
|
528
528
|
class BreadcrumbsModule {
|
|
529
529
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
530
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule
|
|
531
|
-
|
|
530
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule,
|
|
531
|
+
RouterModule,
|
|
532
|
+
RouterLinkActive], exports: [BreadcrumbsComponent] });
|
|
533
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsModule, imports: [CommonModule,
|
|
534
|
+
RouterModule] });
|
|
532
535
|
}
|
|
533
536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsModule, decorators: [{
|
|
534
537
|
type: NgModule,
|
|
@@ -537,7 +540,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
537
540
|
BreadcrumbsComponent
|
|
538
541
|
],
|
|
539
542
|
imports: [
|
|
540
|
-
CommonModule
|
|
543
|
+
CommonModule,
|
|
544
|
+
RouterModule,
|
|
545
|
+
RouterLinkActive
|
|
541
546
|
],
|
|
542
547
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
543
548
|
exports: [
|
|
@@ -568,7 +573,6 @@ class LinkComponent {
|
|
|
568
573
|
return LinkTargetTypesEnum[this.target];
|
|
569
574
|
}
|
|
570
575
|
onClick(event) {
|
|
571
|
-
console.log(this.prevent);
|
|
572
576
|
if (this.prevent) {
|
|
573
577
|
event.preventDefault();
|
|
574
578
|
event.stopPropagation();
|
|
@@ -869,11 +873,11 @@ class SaveStateEditorComponent {
|
|
|
869
873
|
state;
|
|
870
874
|
constructor() { }
|
|
871
875
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
872
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n <ng-container *ngSwitchCase=\"'saving'\">\r\n <div class=\"mrx-save-state__saving\">\r\n <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n </circle>\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n </circle>\r\n </svg>\r\n\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n fill=\"var(--neutral-icon-info)\"\r\n />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'saved'\">\r\n <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:
|
|
876
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n <ng-container *ngSwitchCase=\"'saving'\">\r\n <div class=\"mrx-save-state__saving\">\r\n <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n </circle>\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n </circle>\r\n </svg>\r\n\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n fill=\"var(--neutral-icon-info)\"\r\n />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'saved'\">\r\n <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:42px;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-editor .mrx-save-state__error{position:absolute;top:42px;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
873
877
|
}
|
|
874
878
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
|
|
875
879
|
type: Component,
|
|
876
|
-
args: [{ selector: 'mrx-save-state-editor', template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n <ng-container *ngSwitchCase=\"'saving'\">\r\n <div class=\"mrx-save-state__saving\">\r\n <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n </circle>\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n </circle>\r\n </svg>\r\n\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n fill=\"var(--neutral-icon-info)\"\r\n />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'saved'\">\r\n <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:
|
|
880
|
+
args: [{ selector: 'mrx-save-state-editor', template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n <ng-container *ngSwitchCase=\"'saving'\">\r\n <div class=\"mrx-save-state__saving\">\r\n <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n </circle>\r\n <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-0.5102040816326531s\"></animate>\r\n </circle>\r\n <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n begin=\"-1.0204081632653061s\"></animate>\r\n </circle>\r\n <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n </circle>\r\n </svg>\r\n\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n fill=\"var(--neutral-icon-info)\"\r\n />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'saved'\">\r\n <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:42px;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-editor .mrx-save-state__error{position:absolute;top:42px;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"] }]
|
|
877
881
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
|
878
882
|
type: Input
|
|
879
883
|
}] } });
|
|
@@ -897,11 +901,11 @@ class SaveStateComponent {
|
|
|
897
901
|
return this.fields.some((field) => field.id === this.id);
|
|
898
902
|
}
|
|
899
903
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
900
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SaveStateComponent, selector: "mrx-save-state", inputs: { type: "type", fields: "fields", id: "id" }, ngImport: i0, template: "<div class=\"mrx-save-state\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <mrx-save-state-input *ngSwitchCase=\"'input'\" [state]=\"getState\"></mrx-save-state-input>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'checkbox'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'checkboxGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-switch *ngSwitchCase=\"'switch'\" [state]=\"getState\"></mrx-save-state-switch>\r\n <mrx-save-state-editor *ngSwitchCase=\"'editor'\" [state]=\"getState\"></mrx-save-state-editor>\r\n </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SaveStateInputComponent, selector: "mrx-save-state-input", inputs: ["state"] }, { kind: "component", type: SaveStateCheckboxComponent, selector: "mrx-save-state-checkbox", inputs: ["state"] }, { kind: "component", type: SaveStateCheckboxGroupComponent, selector: "mrx-save-state-checkbox-group", inputs: ["state"] }, { kind: "component", type: SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: ["state"] }, { kind: "component", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: ["state"] }] });
|
|
904
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SaveStateComponent, selector: "mrx-save-state", inputs: { type: "type", fields: "fields", id: "id" }, ngImport: i0, template: "<div class=\"mrx-save-state\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <mrx-save-state-input *ngSwitchCase=\"'input'\" [state]=\"getState\"></mrx-save-state-input>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'checkbox'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'checkboxGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'radio'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'radioGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-switch *ngSwitchCase=\"'switch'\" [state]=\"getState\"></mrx-save-state-switch>\r\n <mrx-save-state-editor *ngSwitchCase=\"'editor'\" [state]=\"getState\"></mrx-save-state-editor>\r\n </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SaveStateInputComponent, selector: "mrx-save-state-input", inputs: ["state"] }, { kind: "component", type: SaveStateCheckboxComponent, selector: "mrx-save-state-checkbox", inputs: ["state"] }, { kind: "component", type: SaveStateCheckboxGroupComponent, selector: "mrx-save-state-checkbox-group", inputs: ["state"] }, { kind: "component", type: SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: ["state"] }, { kind: "component", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: ["state"] }] });
|
|
901
905
|
}
|
|
902
906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateComponent, decorators: [{
|
|
903
907
|
type: Component,
|
|
904
|
-
args: [{ selector: 'mrx-save-state', template: "<div class=\"mrx-save-state\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <mrx-save-state-input *ngSwitchCase=\"'input'\" [state]=\"getState\"></mrx-save-state-input>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'checkbox'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'checkboxGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-switch *ngSwitchCase=\"'switch'\" [state]=\"getState\"></mrx-save-state-switch>\r\n <mrx-save-state-editor *ngSwitchCase=\"'editor'\" [state]=\"getState\"></mrx-save-state-editor>\r\n </ng-container>\r\n</div>\r\n" }]
|
|
908
|
+
args: [{ selector: 'mrx-save-state', template: "<div class=\"mrx-save-state\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <mrx-save-state-input *ngSwitchCase=\"'input'\" [state]=\"getState\"></mrx-save-state-input>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'checkbox'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'checkboxGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-checkbox *ngSwitchCase=\"'radio'\" [state]=\"getState\"></mrx-save-state-checkbox>\r\n <mrx-save-state-checkbox-group *ngSwitchCase=\"'radioGroup'\" [state]=\"getState\"></mrx-save-state-checkbox-group>\r\n <mrx-save-state-switch *ngSwitchCase=\"'switch'\" [state]=\"getState\"></mrx-save-state-switch>\r\n <mrx-save-state-editor *ngSwitchCase=\"'editor'\" [state]=\"getState\"></mrx-save-state-editor>\r\n </ng-container>\r\n</div>\r\n" }]
|
|
905
909
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
906
910
|
type: Input
|
|
907
911
|
}], fields: [{
|
|
@@ -12069,11 +12073,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12069
12073
|
}]
|
|
12070
12074
|
}] });
|
|
12071
12075
|
|
|
12072
|
-
var CheckboxTypesEnum;
|
|
12073
|
-
(function (CheckboxTypesEnum) {
|
|
12074
|
-
CheckboxTypesEnum["default"] = "mrx-checkbox-default";
|
|
12075
|
-
})(CheckboxTypesEnum || (CheckboxTypesEnum = {}));
|
|
12076
|
-
|
|
12077
12076
|
class CheckboxComponent {
|
|
12078
12077
|
tooltipService;
|
|
12079
12078
|
value = false;
|
|
@@ -12084,12 +12083,10 @@ class CheckboxComponent {
|
|
|
12084
12083
|
uuid = v4();
|
|
12085
12084
|
fields = [];
|
|
12086
12085
|
required = false;
|
|
12087
|
-
type = 'default';
|
|
12088
12086
|
boldLabel = false;
|
|
12089
12087
|
indeterminate = false;
|
|
12090
12088
|
disabled = false;
|
|
12091
12089
|
readonly = false;
|
|
12092
|
-
placeholder = '';
|
|
12093
12090
|
label = '';
|
|
12094
12091
|
customClasses = '';
|
|
12095
12092
|
customWrapperClasses = '';
|
|
@@ -12118,7 +12115,7 @@ class CheckboxComponent {
|
|
|
12118
12115
|
return `${this.customWrapperClasses}`;
|
|
12119
12116
|
}
|
|
12120
12117
|
get getClasses() {
|
|
12121
|
-
return `${
|
|
12118
|
+
return `${this.customClasses} ${this.checkValidClasses}`;
|
|
12122
12119
|
}
|
|
12123
12120
|
get checkValidClasses() {
|
|
12124
12121
|
return this.checkInvalid === false ?
|
|
@@ -12152,14 +12149,14 @@ class CheckboxComponent {
|
|
|
12152
12149
|
this.tooltipService.initTooltip(this._tooltip, this._tooltipInitialVisible);
|
|
12153
12150
|
}
|
|
12154
12151
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxComponent, deps: [{ token: TooltipService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxComponent, selector: "mrx-checkbox", inputs: { fields: "fields", required: "required",
|
|
12152
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxComponent, selector: "mrx-checkbox", inputs: { fields: "fields", required: "required", boldLabel: "boldLabel", indeterminate: "indeterminate", disabled: "disabled", readonly: "readonly", label: "label", customClasses: "customClasses", customWrapperClasses: "customWrapperClasses", invalid: "invalid", checkInvalid: "checkInvalid", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
|
|
12156
12153
|
TooltipService,
|
|
12157
12154
|
{
|
|
12158
12155
|
provide: NG_VALUE_ACCESSOR,
|
|
12159
12156
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
12160
12157
|
multi: true,
|
|
12161
12158
|
},
|
|
12162
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelContent", first: true, predicate: ["labelContent"], descendants: true }], ngImport: i0, template: "<div\r\n #input\r\n class=\"mrx-
|
|
12159
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelContent", first: true, predicate: ["labelContent"], descendants: true }], ngImport: i0, template: "<div\r\n #input\r\n class=\"mrx-checkbox-wrapper\"\r\n [class]=\"getWrapperClasses\"\r\n>\r\n <label\r\n class=\"mrx-checkbox\"\r\n [class]=\"getClasses\"\r\n [class.mrx-checkbox-indeterminate]=\"indeterminate\"\r\n [class.mrx-checkbox-error]=\"invalid\"\r\n [class.mrx-checkbox-input-disabled]=\"disabled\"\r\n >\r\n <input\r\n type=\"checkbox\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n />\r\n <span class=\"mrx-checkbox-mark\">\r\n <span class=\"mrx-icon icon-check icon-font-12 text-bold\" *ngIf=\"!indeterminate\"></span>\r\n </span>\r\n <span\r\n #labelContent\r\n [class]=\"boldLabel ? 'mrx-checkbox-label mrx-checkbox-label-bold' : 'mrx-checkbox-label'\"\r\n >\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n\r\n <mrx-tooltip-trigger\r\n *ngIf=\"tooltipService.getTooltip\"\r\n (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n ></mrx-tooltip-trigger>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkbox\"></mrx-save-state>\r\n</div>\r\n\r\n<mrx-tooltip\r\n *ngIf=\"tooltipService.getTooltip\"\r\n [tooltip]=\"tooltipService.getTooltip\"\r\n [tooltipVisible]=\"tooltipService.getTooltipVisible\"\r\n></mrx-tooltip>\r\n", styles: [".mrx-checkbox{display:inline-flex;align-items:flex-start;position:relative;gap:var(--spacing-2)}.mrx-checkbox:hover .mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-hover)}.mrx-checkbox:hover.mrx-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox]{min-height:auto;position:absolute;left:0;opacity:0;height:var(--sizing-4);width:var(--sizing-4);z-index:2;padding:0;margin:2px 0 0;cursor:pointer}.mrx-checkbox-wrapper{display:flex;align-items:center;justify-content:flex-start;position:relative}.mrx-checkbox .mrx-checkbox-label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary);-webkit-user-select:none;user-select:none;cursor:pointer}.mrx-checkbox .mrx-checkbox-label-bold{font-weight:var(--body-md-bold-font-weight)}.mrx-checkbox .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-checkbox .mrx-checkbox-mark{display:block;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);position:relative;margin-top:2px}.mrx-checkbox .mrx-checkbox-mark .mrx-icon{color:#fff;position:absolute;top:0;left:0;display:none}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--brand-bg-primary-default);background:var(--brand-bg-primary-default)}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox input[type=checkbox][readonly]{cursor:default}.mrx-checkbox input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark{display:flex;align-items:center;justify-content:center}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark:after{content:\"\";display:block;width:6px;height:2px;background-color:var(--brand-bg-primary-default);border-radius:var(--border-radius-1)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-default);background:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-error .mrx-checkbox-mark,.mrx-checkbox.mrx-input-checked-error .mrx-checkbox-mark{border-color:var(--system-bg-controls-negative-default)}.mrx-checkbox.mrx-input-checked-success input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default);background-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-input-checked-success .mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]{cursor:default}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-label{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }, { kind: "component", type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12163
12160
|
}
|
|
12164
12161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
12165
12162
|
type: Component,
|
|
@@ -12170,13 +12167,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12170
12167
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
12171
12168
|
multi: true,
|
|
12172
12169
|
},
|
|
12173
|
-
], template: "<div\r\n #input\r\n class=\"mrx-
|
|
12170
|
+
], template: "<div\r\n #input\r\n class=\"mrx-checkbox-wrapper\"\r\n [class]=\"getWrapperClasses\"\r\n>\r\n <label\r\n class=\"mrx-checkbox\"\r\n [class]=\"getClasses\"\r\n [class.mrx-checkbox-indeterminate]=\"indeterminate\"\r\n [class.mrx-checkbox-error]=\"invalid\"\r\n [class.mrx-checkbox-input-disabled]=\"disabled\"\r\n >\r\n <input\r\n type=\"checkbox\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n />\r\n <span class=\"mrx-checkbox-mark\">\r\n <span class=\"mrx-icon icon-check icon-font-12 text-bold\" *ngIf=\"!indeterminate\"></span>\r\n </span>\r\n <span\r\n #labelContent\r\n [class]=\"boldLabel ? 'mrx-checkbox-label mrx-checkbox-label-bold' : 'mrx-checkbox-label'\"\r\n >\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n\r\n <mrx-tooltip-trigger\r\n *ngIf=\"tooltipService.getTooltip\"\r\n (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n ></mrx-tooltip-trigger>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkbox\"></mrx-save-state>\r\n</div>\r\n\r\n<mrx-tooltip\r\n *ngIf=\"tooltipService.getTooltip\"\r\n [tooltip]=\"tooltipService.getTooltip\"\r\n [tooltipVisible]=\"tooltipService.getTooltipVisible\"\r\n></mrx-tooltip>\r\n", styles: [".mrx-checkbox{display:inline-flex;align-items:flex-start;position:relative;gap:var(--spacing-2)}.mrx-checkbox:hover .mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-hover)}.mrx-checkbox:hover.mrx-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox]{min-height:auto;position:absolute;left:0;opacity:0;height:var(--sizing-4);width:var(--sizing-4);z-index:2;padding:0;margin:2px 0 0;cursor:pointer}.mrx-checkbox-wrapper{display:flex;align-items:center;justify-content:flex-start;position:relative}.mrx-checkbox .mrx-checkbox-label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary);-webkit-user-select:none;user-select:none;cursor:pointer}.mrx-checkbox .mrx-checkbox-label-bold{font-weight:var(--body-md-bold-font-weight)}.mrx-checkbox .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-checkbox .mrx-checkbox-mark{display:block;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);position:relative;margin-top:2px}.mrx-checkbox .mrx-checkbox-mark .mrx-icon{color:#fff;position:absolute;top:0;left:0;display:none}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--brand-bg-primary-default);background:var(--brand-bg-primary-default)}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox input[type=checkbox][readonly]{cursor:default}.mrx-checkbox input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark{display:flex;align-items:center;justify-content:center}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark:after{content:\"\";display:block;width:6px;height:2px;background-color:var(--brand-bg-primary-default);border-radius:var(--border-radius-1)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-default);background:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-error .mrx-checkbox-mark,.mrx-checkbox.mrx-input-checked-error .mrx-checkbox-mark{border-color:var(--system-bg-controls-negative-default)}.mrx-checkbox.mrx-input-checked-success input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default);background-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-input-checked-success .mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]{cursor:default}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-label{cursor:default}\n"] }]
|
|
12174
12171
|
}], ctorParameters: () => [{ type: TooltipService }], propDecorators: { fields: [{
|
|
12175
12172
|
type: Input
|
|
12176
12173
|
}], required: [{
|
|
12177
12174
|
type: Input
|
|
12178
|
-
}], type: [{
|
|
12179
|
-
type: Input
|
|
12180
12175
|
}], boldLabel: [{
|
|
12181
12176
|
type: Input
|
|
12182
12177
|
}], indeterminate: [{
|
|
@@ -12185,8 +12180,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12185
12180
|
type: Input
|
|
12186
12181
|
}], readonly: [{
|
|
12187
12182
|
type: Input
|
|
12188
|
-
}], placeholder: [{
|
|
12189
|
-
type: Input
|
|
12190
12183
|
}], label: [{
|
|
12191
12184
|
type: Input
|
|
12192
12185
|
}], customClasses: [{
|
|
@@ -12272,7 +12265,7 @@ const getSortedList = (list, sortable) => {
|
|
|
12272
12265
|
const sortedList = list.sort(sortedFunc);
|
|
12273
12266
|
sortedList.forEach((item) => {
|
|
12274
12267
|
if (item.type === 'array') {
|
|
12275
|
-
getSortedListInner(item.
|
|
12268
|
+
getSortedListInner(item.items);
|
|
12276
12269
|
}
|
|
12277
12270
|
});
|
|
12278
12271
|
return sortedList;
|
|
@@ -12288,8 +12281,8 @@ const filterSearchGroup$1 = (list, searchValue) => {
|
|
|
12288
12281
|
array.forEach((item) => {
|
|
12289
12282
|
if (item.text.toLowerCase().includes(searchValue.toLowerCase())) {
|
|
12290
12283
|
if (item.type === 'array') {
|
|
12291
|
-
const newArray = getIntersectionsFromString(item.
|
|
12292
|
-
searchArray.push({ ...item,
|
|
12284
|
+
const newArray = getIntersectionsFromString(item.items || []);
|
|
12285
|
+
searchArray.push({ ...item, items: newArray });
|
|
12293
12286
|
}
|
|
12294
12287
|
else {
|
|
12295
12288
|
searchArray.push(item);
|
|
@@ -12297,8 +12290,8 @@ const filterSearchGroup$1 = (list, searchValue) => {
|
|
|
12297
12290
|
}
|
|
12298
12291
|
else {
|
|
12299
12292
|
if (item.type === 'array') {
|
|
12300
|
-
const newArray = getIntersectionsFromString(item.
|
|
12301
|
-
newArray.length && searchArray.push({ ...item,
|
|
12293
|
+
const newArray = getIntersectionsFromString(item.items || []);
|
|
12294
|
+
newArray.length && searchArray.push({ ...item, items: newArray });
|
|
12302
12295
|
}
|
|
12303
12296
|
}
|
|
12304
12297
|
});
|
|
@@ -12307,12 +12300,12 @@ const filterSearchGroup$1 = (list, searchValue) => {
|
|
|
12307
12300
|
return getIntersectionsFromString(list);
|
|
12308
12301
|
};
|
|
12309
12302
|
|
|
12310
|
-
const
|
|
12303
|
+
const getItemInnerById = (list, itemId) => {
|
|
12311
12304
|
const findById = (acc, el) => {
|
|
12312
12305
|
if (el?.id === itemId)
|
|
12313
12306
|
return el;
|
|
12314
|
-
if (el?.
|
|
12315
|
-
return el.
|
|
12307
|
+
if (el?.items)
|
|
12308
|
+
return el.items.reduce(findById, acc);
|
|
12316
12309
|
return acc;
|
|
12317
12310
|
};
|
|
12318
12311
|
return list.reduce(findById, null);
|
|
@@ -12321,7 +12314,7 @@ const getItemById$1 = (list, itemId) => {
|
|
|
12321
12314
|
const changeItemValue = (item, value) => {
|
|
12322
12315
|
item.value = value;
|
|
12323
12316
|
if (item.type === 'array') {
|
|
12324
|
-
item.
|
|
12317
|
+
item.items?.forEach((item) => {
|
|
12325
12318
|
changeItemValue(item, value);
|
|
12326
12319
|
});
|
|
12327
12320
|
}
|
|
@@ -12336,19 +12329,18 @@ const changeListValue = (list, value) => {
|
|
|
12336
12329
|
const checkUnderArrayValue = (array, value) => {
|
|
12337
12330
|
return array.some((x) => {
|
|
12338
12331
|
if (x.type === 'array') {
|
|
12339
|
-
return checkUnderArrayValue(x.
|
|
12332
|
+
return checkUnderArrayValue(x.items, value);
|
|
12340
12333
|
}
|
|
12341
12334
|
return x.value !== value;
|
|
12342
12335
|
});
|
|
12343
12336
|
};
|
|
12344
|
-
const changeGroupValue = (list,
|
|
12345
|
-
if (!
|
|
12337
|
+
const changeGroupValue = (list, parentId, value) => {
|
|
12338
|
+
if (!parentId) {
|
|
12346
12339
|
return;
|
|
12347
12340
|
}
|
|
12348
|
-
const parent =
|
|
12341
|
+
const parent = getItemInnerById(list, parentId);
|
|
12349
12342
|
if (parent) {
|
|
12350
|
-
parent.value = checkUnderArrayValue(parent.
|
|
12351
|
-
changeGroupValue(list, parent.parentId, value);
|
|
12343
|
+
parent.value = checkUnderArrayValue(parent.items, value) ? null : value;
|
|
12352
12344
|
}
|
|
12353
12345
|
};
|
|
12354
12346
|
|
|
@@ -12359,7 +12351,7 @@ const getCheckedItems = (list) => {
|
|
|
12359
12351
|
const getCheckedItemsFromArray = (list) => {
|
|
12360
12352
|
list.forEach((item) => {
|
|
12361
12353
|
if (item.type === 'array') {
|
|
12362
|
-
getCheckedItemsFromArray(item.
|
|
12354
|
+
getCheckedItemsFromArray(item.items || []);
|
|
12363
12355
|
}
|
|
12364
12356
|
else {
|
|
12365
12357
|
if (item.value) {
|
|
@@ -12372,27 +12364,83 @@ const getCheckedItems = (list) => {
|
|
|
12372
12364
|
return checkedItems;
|
|
12373
12365
|
};
|
|
12374
12366
|
|
|
12367
|
+
const getInnerList = (list, checkedList) => {
|
|
12368
|
+
const getItemValue = (item) => {
|
|
12369
|
+
if (item.items) {
|
|
12370
|
+
let value = false;
|
|
12371
|
+
let count = 0;
|
|
12372
|
+
item.items.forEach((i, idx, array) => {
|
|
12373
|
+
if (i.items) {
|
|
12374
|
+
if (value === false) {
|
|
12375
|
+
value = getItemValue(i);
|
|
12376
|
+
}
|
|
12377
|
+
}
|
|
12378
|
+
else {
|
|
12379
|
+
if (checkedList.find(c => c.id === i.id)) {
|
|
12380
|
+
count++;
|
|
12381
|
+
if (value === false) {
|
|
12382
|
+
value = null;
|
|
12383
|
+
}
|
|
12384
|
+
}
|
|
12385
|
+
}
|
|
12386
|
+
if (idx === array.length - 1) {
|
|
12387
|
+
if (count === array.length) {
|
|
12388
|
+
value = true;
|
|
12389
|
+
}
|
|
12390
|
+
}
|
|
12391
|
+
});
|
|
12392
|
+
return value;
|
|
12393
|
+
}
|
|
12394
|
+
else {
|
|
12395
|
+
return !!checkedList.find(c => c.id === item.id);
|
|
12396
|
+
}
|
|
12397
|
+
};
|
|
12398
|
+
const getModifiedList = (items, parentId = null) => {
|
|
12399
|
+
return items.map((item, idx, array) => {
|
|
12400
|
+
return {
|
|
12401
|
+
id: item.id,
|
|
12402
|
+
text: item.text,
|
|
12403
|
+
value: getItemValue(item),
|
|
12404
|
+
parentId: parentId,
|
|
12405
|
+
type: item.items ? 'array' : 'single',
|
|
12406
|
+
items: item.items ? getModifiedList(item.items, item.id) : []
|
|
12407
|
+
};
|
|
12408
|
+
});
|
|
12409
|
+
};
|
|
12410
|
+
return getModifiedList(list);
|
|
12411
|
+
};
|
|
12412
|
+
|
|
12375
12413
|
class CheckboxGroupItemComponent {
|
|
12376
|
-
|
|
12414
|
+
_detector;
|
|
12415
|
+
_item;
|
|
12377
12416
|
animationState = 'close';
|
|
12378
|
-
|
|
12417
|
+
isOpen = false;
|
|
12379
12418
|
displaced = false;
|
|
12380
12419
|
level = 0;
|
|
12381
12420
|
animationTrigger = null;
|
|
12382
12421
|
isLast;
|
|
12422
|
+
disabled = false;
|
|
12423
|
+
readonly = false;
|
|
12424
|
+
invalid = false;
|
|
12425
|
+
set item(value) {
|
|
12426
|
+
this._item = value;
|
|
12427
|
+
}
|
|
12428
|
+
get item() {
|
|
12429
|
+
return this._item;
|
|
12430
|
+
}
|
|
12383
12431
|
animationEnd = new EventEmitter();
|
|
12384
12432
|
checkboxChanged = new EventEmitter();
|
|
12385
|
-
constructor(
|
|
12386
|
-
this.
|
|
12433
|
+
constructor(_detector) {
|
|
12434
|
+
this._detector = _detector;
|
|
12387
12435
|
}
|
|
12388
12436
|
get isIndeterminate() {
|
|
12389
12437
|
return this.item.value === null;
|
|
12390
12438
|
}
|
|
12391
|
-
|
|
12392
|
-
return
|
|
12439
|
+
get translateChevron() {
|
|
12440
|
+
return this.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)';
|
|
12393
12441
|
}
|
|
12394
12442
|
toggleList(item) {
|
|
12395
|
-
this.
|
|
12443
|
+
this.isOpen = !this.isOpen;
|
|
12396
12444
|
}
|
|
12397
12445
|
checkboxChangeModel(value, item) {
|
|
12398
12446
|
if (this.isIndeterminate) {
|
|
@@ -12401,40 +12449,35 @@ class CheckboxGroupItemComponent {
|
|
|
12401
12449
|
else {
|
|
12402
12450
|
this.checkboxChanged.emit({ value: value, item });
|
|
12403
12451
|
}
|
|
12404
|
-
this.
|
|
12452
|
+
this._detector.detectChanges();
|
|
12405
12453
|
}
|
|
12406
12454
|
ngOnChanges(changes) {
|
|
12407
12455
|
if (changes['item'] && (changes['item'].currentValue.value === null)) {
|
|
12408
|
-
this.
|
|
12456
|
+
this.isOpen = true;
|
|
12409
12457
|
}
|
|
12410
12458
|
else {
|
|
12411
|
-
|
|
12412
|
-
this.animationState = 'open';
|
|
12413
|
-
}
|
|
12414
|
-
else {
|
|
12415
|
-
this.animationState = 'close';
|
|
12416
|
-
}
|
|
12459
|
+
this.isOpen = !!this.animationTrigger;
|
|
12417
12460
|
}
|
|
12418
|
-
this.
|
|
12461
|
+
this._detector.detectChanges();
|
|
12419
12462
|
}
|
|
12420
12463
|
onAnimationEvent() {
|
|
12421
12464
|
this.animationEnd.emit();
|
|
12422
12465
|
}
|
|
12466
|
+
trackByFn(index, item) {
|
|
12467
|
+
return item.id;
|
|
12468
|
+
}
|
|
12423
12469
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
12424
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: {
|
|
12470
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: { displaced: "displaced", level: "level", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly", invalid: "invalid", item: "item" }, outputs: { animationEnd: "animationEnd", checkboxChanged: "checkboxChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mrx-checkbox-group__item\" [class.mrx-checkbox-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-checkbox-group__item--array\" *ngIf=\"item.items?.length && level < 10; else singleCheckboxTemplate\">\r\n <div class=\"mrx-checkbox-group__item--array-head\">\r\n <div class=\"mrx-checkbox-group__item--head-icon mr-1\">\r\n <span\r\n class=\"mrx-icon icon-chevron-down icon-font-16 cursor-pointer\"\r\n (click)=\"toggleList(item)\"\r\n [style.transform]=\"translateChevron\"\r\n ></span>\r\n </div>\r\n\r\n <mrx-checkbox\r\n [ngModel]=\"item.value\"\r\n [indeterminate]=\"isIndeterminate\"\r\n (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-checkbox>\r\n </div>\r\n\r\n <div class=\"mrx-checkbox-group__item--array-list\" [@openList]=\"isOpen ? 'open' : 'close'\" (@openList.done)=\"onAnimationEvent()\">\r\n <ng-container>\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of item.items; trackBy: trackByFn\"\r\n [level]=\"level + 1\"\r\n [item]=\"item\"\r\n [displaced]=\"true\"\r\n [animationTrigger]=\"animationTrigger\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (checkboxChanged)=\"checkboxChanged.emit($event)\"\r\n ></mrx-checkbox-group-item>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <ng-template #singleCheckboxTemplate>\r\n <div class=\"mrx-checkbox-group__item--single\" [class.item-displaced]=\"displaced\">\r\n <mrx-checkbox\r\n [ngModel]=\"item.value\"\r\n [indeterminate]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-checkbox>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-checkbox-group__item--single.item-displaced{margin-left:20px}.mrx-checkbox-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-checkbox-group__item--array-list{padding-left:20px}.mrx-checkbox-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { kind: "component", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }], animations: [
|
|
12425
12471
|
trigger('openList', [
|
|
12472
|
+
state('*', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
|
|
12426
12473
|
state('open', style({ height: '*', opacity: '1', visibility: 'visible', marginTop: '12px' })),
|
|
12427
12474
|
state('close', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
|
|
12428
|
-
transition('
|
|
12429
|
-
|
|
12430
|
-
|
|
12431
|
-
|
|
12432
|
-
|
|
12433
|
-
|
|
12434
|
-
animate('1ms ease-in-out', style({ visibility: 'visible' })),
|
|
12435
|
-
animate('200ms ease-in-out', style({ height: '*', marginTop: '12px', overflow: 'hidden' })),
|
|
12436
|
-
animate('400ms ease-in-out', style({ opacity: '1' }))
|
|
12437
|
-
])])
|
|
12475
|
+
transition('* => open', [
|
|
12476
|
+
animate(200)
|
|
12477
|
+
]),
|
|
12478
|
+
transition('* => close', [
|
|
12479
|
+
animate(200)
|
|
12480
|
+
]),
|
|
12438
12481
|
])
|
|
12439
12482
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12440
12483
|
}
|
|
@@ -12442,23 +12485,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12442
12485
|
type: Component,
|
|
12443
12486
|
args: [{ selector: 'mrx-checkbox-group-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
12444
12487
|
trigger('openList', [
|
|
12488
|
+
state('*', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
|
|
12445
12489
|
state('open', style({ height: '*', opacity: '1', visibility: 'visible', marginTop: '12px' })),
|
|
12446
12490
|
state('close', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
|
|
12447
|
-
transition('
|
|
12448
|
-
|
|
12449
|
-
|
|
12450
|
-
|
|
12451
|
-
|
|
12452
|
-
|
|
12453
|
-
animate('1ms ease-in-out', style({ visibility: 'visible' })),
|
|
12454
|
-
animate('200ms ease-in-out', style({ height: '*', marginTop: '12px', overflow: 'hidden' })),
|
|
12455
|
-
animate('400ms ease-in-out', style({ opacity: '1' }))
|
|
12456
|
-
])])
|
|
12491
|
+
transition('* => open', [
|
|
12492
|
+
animate(200)
|
|
12493
|
+
]),
|
|
12494
|
+
transition('* => close', [
|
|
12495
|
+
animate(200)
|
|
12496
|
+
]),
|
|
12457
12497
|
])
|
|
12458
|
-
], template: "<div class=\"mrx-checkbox-group__item\" [class.mrx-checkbox-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-checkbox-group__item--array\" *ngIf=\"item.
|
|
12459
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: {
|
|
12460
|
-
type: Input
|
|
12461
|
-
}], displaced: [{
|
|
12498
|
+
], template: "<div class=\"mrx-checkbox-group__item\" [class.mrx-checkbox-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-checkbox-group__item--array\" *ngIf=\"item.items?.length && level < 10; else singleCheckboxTemplate\">\r\n <div class=\"mrx-checkbox-group__item--array-head\">\r\n <div class=\"mrx-checkbox-group__item--head-icon mr-1\">\r\n <span\r\n class=\"mrx-icon icon-chevron-down icon-font-16 cursor-pointer\"\r\n (click)=\"toggleList(item)\"\r\n [style.transform]=\"translateChevron\"\r\n ></span>\r\n </div>\r\n\r\n <mrx-checkbox\r\n [ngModel]=\"item.value\"\r\n [indeterminate]=\"isIndeterminate\"\r\n (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-checkbox>\r\n </div>\r\n\r\n <div class=\"mrx-checkbox-group__item--array-list\" [@openList]=\"isOpen ? 'open' : 'close'\" (@openList.done)=\"onAnimationEvent()\">\r\n <ng-container>\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of item.items; trackBy: trackByFn\"\r\n [level]=\"level + 1\"\r\n [item]=\"item\"\r\n [displaced]=\"true\"\r\n [animationTrigger]=\"animationTrigger\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (checkboxChanged)=\"checkboxChanged.emit($event)\"\r\n ></mrx-checkbox-group-item>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <ng-template #singleCheckboxTemplate>\r\n <div class=\"mrx-checkbox-group__item--single\" [class.item-displaced]=\"displaced\">\r\n <mrx-checkbox\r\n [ngModel]=\"item.value\"\r\n [indeterminate]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-checkbox>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-checkbox-group__item--single.item-displaced{margin-left:20px}.mrx-checkbox-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-checkbox-group__item--array-list{padding-left:20px}.mrx-checkbox-group__item--buttom-ident{margin-bottom:12px}\n"] }]
|
|
12499
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { displaced: [{
|
|
12462
12500
|
type: Input
|
|
12463
12501
|
}], level: [{
|
|
12464
12502
|
type: Input
|
|
@@ -12466,6 +12504,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12466
12504
|
type: Input
|
|
12467
12505
|
}], isLast: [{
|
|
12468
12506
|
type: Input
|
|
12507
|
+
}], disabled: [{
|
|
12508
|
+
type: Input
|
|
12509
|
+
}], readonly: [{
|
|
12510
|
+
type: Input
|
|
12511
|
+
}], invalid: [{
|
|
12512
|
+
type: Input
|
|
12513
|
+
}], item: [{
|
|
12514
|
+
type: Input
|
|
12469
12515
|
}], animationEnd: [{
|
|
12470
12516
|
type: Output
|
|
12471
12517
|
}], checkboxChanged: [{
|
|
@@ -12491,11 +12537,11 @@ class CheckboxGroupHeaderComponent {
|
|
|
12491
12537
|
this.clearFilters.emit();
|
|
12492
12538
|
}
|
|
12493
12539
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12494
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: { searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount" }, outputs: { updateCheckboxGroupSearchValue: "updateCheckboxGroupSearchValue", clearFilters: "clearFilters" }, ngImport: i0, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [counter]=\"checkedItemsCount\"\r\n [linkText]=\"linkText\"\r\n [tooltip]=\"tooltip\"\r\n (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"'medium'\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }] });
|
|
12540
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: { searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount" }, outputs: { updateCheckboxGroupSearchValue: "updateCheckboxGroupSearchValue", clearFilters: "clearFilters" }, ngImport: i0, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [counter]=\"checkedItemsCount\"\r\n [linkText]=\"linkText\"\r\n [tooltip]=\"tooltip\"\r\n (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"'medium'\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12495
12541
|
}
|
|
12496
12542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupHeaderComponent, decorators: [{
|
|
12497
12543
|
type: Component,
|
|
12498
|
-
args: [{ selector: 'mrx-checkbox-group-header', template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [counter]=\"checkedItemsCount\"\r\n [linkText]=\"linkText\"\r\n [tooltip]=\"tooltip\"\r\n (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"'medium'\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"] }]
|
|
12544
|
+
args: [{ selector: 'mrx-checkbox-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [counter]=\"checkedItemsCount\"\r\n [linkText]=\"linkText\"\r\n [tooltip]=\"tooltip\"\r\n (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"'medium'\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"] }]
|
|
12499
12545
|
}], ctorParameters: () => [], propDecorators: { searchable: [{
|
|
12500
12546
|
type: Input
|
|
12501
12547
|
}], searchPlaceholder: [{
|
|
@@ -12515,20 +12561,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12515
12561
|
}] } });
|
|
12516
12562
|
|
|
12517
12563
|
class CheckboxGroupComponent {
|
|
12518
|
-
|
|
12564
|
+
_detector;
|
|
12519
12565
|
_groupItemsWrapperHeight = 0;
|
|
12520
12566
|
_searchValue = '';
|
|
12521
12567
|
list = [];
|
|
12522
|
-
|
|
12568
|
+
innerList = [];
|
|
12523
12569
|
checkedList = [];
|
|
12570
|
+
filteredList = [];
|
|
12524
12571
|
// SAVE STATE
|
|
12525
12572
|
uuid = v4();
|
|
12526
12573
|
fields = [];
|
|
12527
|
-
items = [];
|
|
12528
12574
|
scrollMaxHeight = 200;
|
|
12529
12575
|
searchable = false;
|
|
12530
12576
|
scrollable = false;
|
|
12531
12577
|
sortable = false;
|
|
12578
|
+
disabled = false;
|
|
12579
|
+
readonly = false;
|
|
12532
12580
|
enableMessage = 'Ничего не найдено';
|
|
12533
12581
|
searchPlaceholder = '';
|
|
12534
12582
|
customClasses = '';
|
|
@@ -12537,18 +12585,36 @@ class CheckboxGroupComponent {
|
|
|
12537
12585
|
// LABEL
|
|
12538
12586
|
labelText = '';
|
|
12539
12587
|
linkText = '';
|
|
12588
|
+
// VALIDATE
|
|
12589
|
+
invalid = false;
|
|
12590
|
+
invalidMessage = '';
|
|
12591
|
+
set items(list) {
|
|
12592
|
+
this.list = list;
|
|
12593
|
+
this._updateModifiedList();
|
|
12594
|
+
}
|
|
12595
|
+
get items() {
|
|
12596
|
+
return this.filteredList;
|
|
12597
|
+
}
|
|
12540
12598
|
groupItemsWrapper;
|
|
12541
12599
|
changed = new EventEmitter();
|
|
12542
12600
|
changeChecked = new EventEmitter();
|
|
12543
12601
|
modelChange = new EventEmitter();
|
|
12544
|
-
|
|
12602
|
+
modelChangeInner = new EventEmitter();
|
|
12545
12603
|
modelItemChange = new EventEmitter();
|
|
12546
|
-
constructor() {
|
|
12604
|
+
constructor(_detector) {
|
|
12605
|
+
this._detector = _detector;
|
|
12606
|
+
}
|
|
12547
12607
|
get isSearchValue() {
|
|
12548
12608
|
return this._searchValue;
|
|
12549
12609
|
}
|
|
12550
12610
|
get displaced() {
|
|
12551
|
-
return this.list.some((item) => item.
|
|
12611
|
+
return this.list.some((item) => item.items?.length);
|
|
12612
|
+
}
|
|
12613
|
+
get getInvalid() {
|
|
12614
|
+
return this.invalid;
|
|
12615
|
+
}
|
|
12616
|
+
get getInvalidMessage() {
|
|
12617
|
+
return this.invalidMessage;
|
|
12552
12618
|
}
|
|
12553
12619
|
get getClasses() {
|
|
12554
12620
|
return `${this.customClasses}`;
|
|
@@ -12561,38 +12627,26 @@ class CheckboxGroupComponent {
|
|
|
12561
12627
|
}
|
|
12562
12628
|
onChange = (value) => { };
|
|
12563
12629
|
onTouched = () => { };
|
|
12564
|
-
writeValue(
|
|
12565
|
-
if (
|
|
12566
|
-
this.
|
|
12567
|
-
this.
|
|
12568
|
-
this.checkedList = getCheckedItems(list);
|
|
12569
|
-
this._isInit = true;
|
|
12630
|
+
writeValue(selectedValue) {
|
|
12631
|
+
if (selectedValue !== null) {
|
|
12632
|
+
this.checkedList = selectedValue;
|
|
12633
|
+
this._updateModifiedList();
|
|
12570
12634
|
}
|
|
12571
12635
|
}
|
|
12572
|
-
|
|
12573
|
-
this.
|
|
12574
|
-
|
|
12575
|
-
registerOnTouched(fn) {
|
|
12576
|
-
this.onTouched = fn;
|
|
12577
|
-
}
|
|
12578
|
-
updateValue(list, checkedList) {
|
|
12579
|
-
this.changed.emit(list);
|
|
12580
|
-
this.changeChecked.emit();
|
|
12581
|
-
this.modelChange.emit({ value: list, id: this.uuid });
|
|
12582
|
-
this.modelCheckedChange.emit({ value: checkedList, id: this.uuid });
|
|
12583
|
-
this.onChange(list);
|
|
12584
|
-
this.onTouched();
|
|
12636
|
+
_updateModifiedList() {
|
|
12637
|
+
this.innerList = getInnerList(this.list, this.checkedList);
|
|
12638
|
+
this.filteredList = getSortedList(this.innerList, this.sortable);
|
|
12585
12639
|
}
|
|
12586
12640
|
checkHeightGroupWrapper() {
|
|
12587
12641
|
this._groupItemsWrapperHeight = this.groupItemsWrapper.nativeElement.scrollHeight;
|
|
12588
12642
|
}
|
|
12589
12643
|
updateCheckboxGroupSearchValue(searchValue) {
|
|
12590
12644
|
this._searchValue = searchValue;
|
|
12591
|
-
this.filteredList = filterSearchGroup$1(this.
|
|
12645
|
+
this.filteredList = filterSearchGroup$1(this.innerList, this._searchValue);
|
|
12592
12646
|
}
|
|
12593
12647
|
checkboxChanged({ value, item }) {
|
|
12594
12648
|
const cloneList = cloneDeep(this.filteredList);
|
|
12595
|
-
const findItem =
|
|
12649
|
+
const findItem = getItemInnerById(cloneList, item.id);
|
|
12596
12650
|
let changedItem = null;
|
|
12597
12651
|
if (findItem) {
|
|
12598
12652
|
changedItem = changeItemValue(findItem, value);
|
|
@@ -12605,6 +12659,7 @@ class CheckboxGroupComponent {
|
|
|
12605
12659
|
if (changedItem) {
|
|
12606
12660
|
this.modelItemChange.emit(changedItem);
|
|
12607
12661
|
}
|
|
12662
|
+
this._detector.detectChanges();
|
|
12608
12663
|
}
|
|
12609
12664
|
clearFilters() {
|
|
12610
12665
|
const cloneList = cloneDeep(this.filteredList);
|
|
@@ -12614,14 +12669,28 @@ class CheckboxGroupComponent {
|
|
|
12614
12669
|
this.checkedList = getCheckedItems(cloneList);
|
|
12615
12670
|
this.updateValue(this.filteredList, this.checkedList);
|
|
12616
12671
|
}
|
|
12617
|
-
|
|
12618
|
-
|
|
12672
|
+
registerOnChange(fn) {
|
|
12673
|
+
this.onChange = fn;
|
|
12674
|
+
}
|
|
12675
|
+
registerOnTouched(fn) {
|
|
12676
|
+
this.onTouched = fn;
|
|
12677
|
+
}
|
|
12678
|
+
updateValue(list, checkedList) {
|
|
12679
|
+
this.changed.emit(checkedList);
|
|
12680
|
+
this.changeChecked.emit();
|
|
12681
|
+
this.modelChange.emit({ value: checkedList, id: this.uuid });
|
|
12682
|
+
this.modelChangeInner.emit({ value: this.innerList, id: this.uuid });
|
|
12683
|
+
this.onChange(checkedList);
|
|
12684
|
+
this.onTouched();
|
|
12685
|
+
}
|
|
12686
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
12687
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupComponent, selector: "mrx-checkbox-group", inputs: { fields: "fields", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", invalid: "invalid", invalidMessage: "invalidMessage", items: "items" }, outputs: { changed: "changed", changeChecked: "changeChecked", modelChange: "modelChange", modelChangeInner: "modelChangeInner", modelItemChange: "modelItemChange" }, providers: [
|
|
12619
12688
|
{
|
|
12620
12689
|
provide: NG_VALUE_ACCESSOR,
|
|
12621
12690
|
useExisting: forwardRef(() => CheckboxGroupComponent),
|
|
12622
12691
|
multi: true,
|
|
12623
12692
|
},
|
|
12624
|
-
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n <mrx-checkbox-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [labelText]=\"labelText\"\r\n [linkText]=\"linkText\"\r\n [checkedItemsCount]=\"checkedList.length\"\r\n (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n (clearFilters)=\"clearFilters()\"\r\n ></mrx-checkbox-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-checkbox-group-wrapper\"\r\n [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of filteredList; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (checkboxChanged)=\"checkboxChanged($event)\"\r\n ></mrx-checkbox-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n </ng-template>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["
|
|
12693
|
+
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n <mrx-checkbox-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [labelText]=\"labelText\"\r\n [linkText]=\"linkText\"\r\n [checkedItemsCount]=\"checkedList.length\"\r\n (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n (clearFilters)=\"clearFilters()\"\r\n ></mrx-checkbox-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-checkbox-group-wrapper\"\r\n [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n >\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (checkboxChanged)=\"checkboxChanged($event)\"\r\n ></mrx-checkbox-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n </ng-template>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n [customClasses]=\"'mt-2'\"\r\n ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }, { kind: "component", type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: ["searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount"], outputs: ["updateCheckboxGroupSearchValue", "clearFilters"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12625
12694
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, providedIn: CheckboxGroupComponent });
|
|
12626
12695
|
}
|
|
12627
12696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
@@ -12637,10 +12706,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12637
12706
|
useExisting: forwardRef(() => CheckboxGroupComponent),
|
|
12638
12707
|
multi: true,
|
|
12639
12708
|
},
|
|
12640
|
-
], template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n <mrx-checkbox-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [labelText]=\"labelText\"\r\n [linkText]=\"linkText\"\r\n [checkedItemsCount]=\"checkedList.length\"\r\n (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n (clearFilters)=\"clearFilters()\"\r\n ></mrx-checkbox-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-checkbox-group-wrapper\"\r\n [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of filteredList; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (checkboxChanged)=\"checkboxChanged($event)\"\r\n ></mrx-checkbox-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n </ng-template>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"] }]
|
|
12641
|
-
}], ctorParameters: () => [], propDecorators: { fields: [{
|
|
12642
|
-
type: Input
|
|
12643
|
-
}], items: [{
|
|
12709
|
+
], template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n <mrx-checkbox-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [labelText]=\"labelText\"\r\n [linkText]=\"linkText\"\r\n [checkedItemsCount]=\"checkedList.length\"\r\n (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n (clearFilters)=\"clearFilters()\"\r\n ></mrx-checkbox-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-checkbox-group-wrapper\"\r\n [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n >\r\n <mrx-checkbox-group-item\r\n *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [invalid]=\"invalid\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (checkboxChanged)=\"checkboxChanged($event)\"\r\n ></mrx-checkbox-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n </ng-template>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n [customClasses]=\"'mt-2'\"\r\n ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"] }]
|
|
12710
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
|
|
12644
12711
|
type: Input
|
|
12645
12712
|
}], scrollMaxHeight: [{
|
|
12646
12713
|
type: Input
|
|
@@ -12650,6 +12717,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12650
12717
|
type: Input
|
|
12651
12718
|
}], sortable: [{
|
|
12652
12719
|
type: Input
|
|
12720
|
+
}], disabled: [{
|
|
12721
|
+
type: Input
|
|
12722
|
+
}], readonly: [{
|
|
12723
|
+
type: Input
|
|
12653
12724
|
}], enableMessage: [{
|
|
12654
12725
|
type: Input
|
|
12655
12726
|
}], searchPlaceholder: [{
|
|
@@ -12662,6 +12733,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12662
12733
|
type: Input
|
|
12663
12734
|
}], linkText: [{
|
|
12664
12735
|
type: Input
|
|
12736
|
+
}], invalid: [{
|
|
12737
|
+
type: Input
|
|
12738
|
+
}], invalidMessage: [{
|
|
12739
|
+
type: Input
|
|
12740
|
+
}], items: [{
|
|
12741
|
+
type: Input
|
|
12665
12742
|
}], groupItemsWrapper: [{
|
|
12666
12743
|
type: ViewChild,
|
|
12667
12744
|
args: ['groupItemsWrapper']
|
|
@@ -12671,7 +12748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12671
12748
|
type: Output
|
|
12672
12749
|
}], modelChange: [{
|
|
12673
12750
|
type: Output
|
|
12674
|
-
}],
|
|
12751
|
+
}], modelChangeInner: [{
|
|
12675
12752
|
type: Output
|
|
12676
12753
|
}], modelItemChange: [{
|
|
12677
12754
|
type: Output
|
|
@@ -12893,6 +12970,8 @@ class RadioGroupItemComponent {
|
|
|
12893
12970
|
bold = false;
|
|
12894
12971
|
animationTrigger = null;
|
|
12895
12972
|
isLast;
|
|
12973
|
+
disabled = false;
|
|
12974
|
+
readonly = false;
|
|
12896
12975
|
animationEnd = new EventEmitter();
|
|
12897
12976
|
radioChanged = new EventEmitter();
|
|
12898
12977
|
constructor(detector) {
|
|
@@ -12914,11 +12993,11 @@ class RadioGroupItemComponent {
|
|
|
12914
12993
|
this.detector.detectChanges();
|
|
12915
12994
|
}
|
|
12916
12995
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
12917
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast" }, outputs: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n
|
|
12996
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n <ng-container>\r\n <mrx-radio-group-item\r\n *ngFor=\"let child of item.array; trackBy: trackByFn\"\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <ng-template #singleradioTemplate>\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12918
12997
|
}
|
|
12919
12998
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
|
|
12920
12999
|
type: Component,
|
|
12921
|
-
args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n
|
|
13000
|
+
args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n <ng-container>\r\n <mrx-radio-group-item\r\n *ngFor=\"let child of item.array; trackBy: trackByFn\"\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <ng-template #singleradioTemplate>\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"] }]
|
|
12922
13001
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { invalid: [{
|
|
12923
13002
|
type: Input
|
|
12924
13003
|
}], name: [{
|
|
@@ -12937,6 +13016,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12937
13016
|
type: Input
|
|
12938
13017
|
}], isLast: [{
|
|
12939
13018
|
type: Input
|
|
13019
|
+
}], disabled: [{
|
|
13020
|
+
type: Input
|
|
13021
|
+
}], readonly: [{
|
|
13022
|
+
type: Input
|
|
12940
13023
|
}], animationEnd: [{
|
|
12941
13024
|
type: Output
|
|
12942
13025
|
}], radioChanged: [{
|
|
@@ -12945,6 +13028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
12945
13028
|
|
|
12946
13029
|
class RadioGroupHeaderComponent {
|
|
12947
13030
|
searchValue = '';
|
|
13031
|
+
searchSize = 'medium';
|
|
12948
13032
|
searchable = false;
|
|
12949
13033
|
searchPlaceholder = '';
|
|
12950
13034
|
// LABEL
|
|
@@ -12959,12 +13043,14 @@ class RadioGroupHeaderComponent {
|
|
|
12959
13043
|
this.updateradioGroupSearchValue.emit(searchValue);
|
|
12960
13044
|
}
|
|
12961
13045
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"
|
|
13046
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"searchSize\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12963
13047
|
}
|
|
12964
13048
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupHeaderComponent, decorators: [{
|
|
12965
13049
|
type: Component,
|
|
12966
|
-
args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"
|
|
12967
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
13050
|
+
args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n *ngIf=\"labelText\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"searchSize\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n</div>\r\n" }]
|
|
13051
|
+
}], ctorParameters: () => [], propDecorators: { searchSize: [{
|
|
13052
|
+
type: Input
|
|
13053
|
+
}], searchable: [{
|
|
12968
13054
|
type: Input
|
|
12969
13055
|
}], searchPlaceholder: [{
|
|
12970
13056
|
type: Input
|
|
@@ -12991,13 +13077,15 @@ class RadioGroupComponent {
|
|
|
12991
13077
|
// SAVE STATE
|
|
12992
13078
|
uuid = v4();
|
|
12993
13079
|
fields = [];
|
|
13080
|
+
searchSize = 'medium';
|
|
12994
13081
|
name = '';
|
|
12995
|
-
items = [];
|
|
12996
13082
|
scrollMaxHeight = 200;
|
|
12997
13083
|
searchable = false;
|
|
12998
13084
|
bold = false;
|
|
12999
13085
|
scrollable = false;
|
|
13000
13086
|
sortable = false;
|
|
13087
|
+
disabled = false;
|
|
13088
|
+
readonly = false;
|
|
13001
13089
|
enableMessage = 'Ничего не найдено';
|
|
13002
13090
|
searchPlaceholder = '';
|
|
13003
13091
|
customClasses = '';
|
|
@@ -13009,18 +13097,17 @@ class RadioGroupComponent {
|
|
|
13009
13097
|
tooltip = '';
|
|
13010
13098
|
// LABEL
|
|
13011
13099
|
labelText = '';
|
|
13100
|
+
set items(value) {
|
|
13101
|
+
this.filteredList = value;
|
|
13102
|
+
}
|
|
13103
|
+
get items() {
|
|
13104
|
+
return this.filteredList;
|
|
13105
|
+
}
|
|
13012
13106
|
groupItemsWrapper;
|
|
13013
13107
|
changed = new EventEmitter();
|
|
13014
13108
|
modelChange = new EventEmitter();
|
|
13015
13109
|
modelCheckedChange = new EventEmitter();
|
|
13016
13110
|
modelItemChange = new EventEmitter();
|
|
13017
|
-
constructor() { }
|
|
13018
|
-
ngOnChanges(changes) {
|
|
13019
|
-
const { currentValue, previousValue } = changes['items'];
|
|
13020
|
-
if (currentValue !== previousValue) {
|
|
13021
|
-
this.filteredList = [...currentValue];
|
|
13022
|
-
}
|
|
13023
|
-
}
|
|
13024
13111
|
get isSearchValue() {
|
|
13025
13112
|
return this._searchValue;
|
|
13026
13113
|
}
|
|
@@ -13036,8 +13123,10 @@ class RadioGroupComponent {
|
|
|
13036
13123
|
trackByFn(index, item) {
|
|
13037
13124
|
return item.id;
|
|
13038
13125
|
}
|
|
13039
|
-
onChange = (value) => {
|
|
13040
|
-
|
|
13126
|
+
onChange = (value) => {
|
|
13127
|
+
};
|
|
13128
|
+
onTouched = () => {
|
|
13129
|
+
};
|
|
13041
13130
|
writeValue(selectedValue) {
|
|
13042
13131
|
this.selectedValue = selectedValue;
|
|
13043
13132
|
this._isInit = true;
|
|
@@ -13050,7 +13139,7 @@ class RadioGroupComponent {
|
|
|
13050
13139
|
}
|
|
13051
13140
|
updateValue(list, targetItem) {
|
|
13052
13141
|
this.changed.emit(targetItem);
|
|
13053
|
-
this.modelChange.emit(targetItem);
|
|
13142
|
+
this.modelChange.emit({ value: targetItem, id: this.uuid });
|
|
13054
13143
|
this.modelCheckedChange.emit(targetItem);
|
|
13055
13144
|
this.onChange(targetItem);
|
|
13056
13145
|
this.onTouched();
|
|
@@ -13066,8 +13155,7 @@ class RadioGroupComponent {
|
|
|
13066
13155
|
const cloneList = cloneDeep(this.filteredList);
|
|
13067
13156
|
const targetItem = getItemById(cloneList, item.id);
|
|
13068
13157
|
this.selectedValue = targetItem;
|
|
13069
|
-
|
|
13070
|
-
this.filteredList = sortedList;
|
|
13158
|
+
this.filteredList = moveSelectedToFirst(cloneList, this.sortable, targetItem);
|
|
13071
13159
|
this.updateValue(this.filteredList, targetItem);
|
|
13072
13160
|
this.modelItemChange.emit(targetItem);
|
|
13073
13161
|
}
|
|
@@ -13075,13 +13163,13 @@ class RadioGroupComponent {
|
|
|
13075
13163
|
return !!this.invalidMessage || !!this.invalidMessage.length;
|
|
13076
13164
|
}
|
|
13077
13165
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13078
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields",
|
|
13166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields", searchSize: "searchSize", name: "name", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", bold: "bold", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", required: "required", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", tooltip: "tooltip", labelText: "labelText", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", modelCheckedChange: "modelCheckedChange", modelItemChange: "modelItemChange" }, providers: [
|
|
13079
13167
|
{
|
|
13080
13168
|
provide: NG_VALUE_ACCESSOR,
|
|
13081
13169
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
13082
13170
|
multi: true,
|
|
13083
13171
|
},
|
|
13084
|
-
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }],
|
|
13172
|
+
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n <mrx-radio-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n [searchSize]=\"searchSize\"\r\n [labelText]=\"labelText\"\r\n (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n ></mrx-radio-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-radio-group-wrapper\"\r\n [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n <mrx-radio-group-item\r\n *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [selectedValue]=\"selectedValue\"\r\n [name]=\"name\"\r\n [bold]=\"bold\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (radioChanged)=\"radioChanged($event)\"\r\n ></mrx-radio-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n </ng-template>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n [customClasses]=\"'mt-2'\"\r\n ></mrx-error-message>\r\n </div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { kind: "component", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13085
13173
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
|
|
13086
13174
|
}
|
|
13087
13175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
@@ -13097,12 +13185,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
13097
13185
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
13098
13186
|
multi: true,
|
|
13099
13187
|
},
|
|
13100
|
-
], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n
|
|
13101
|
-
}],
|
|
13188
|
+
], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n <mrx-radio-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n [searchSize]=\"searchSize\"\r\n [labelText]=\"labelText\"\r\n (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n ></mrx-radio-group-header>\r\n\r\n <div\r\n #groupItemsWrapper\r\n *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n class=\"mrx-radio-group-wrapper\"\r\n [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n <mrx-radio-group-item\r\n *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [selectedValue]=\"selectedValue\"\r\n [name]=\"name\"\r\n [bold]=\"bold\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (radioChanged)=\"radioChanged($event)\"\r\n ></mrx-radio-group-item>\r\n </div>\r\n\r\n <ng-template #enableMessageTemplate>\r\n <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n </ng-template>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n [customClasses]=\"'mt-2'\"\r\n ></mrx-error-message>\r\n </div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"] }]
|
|
13189
|
+
}], propDecorators: { fields: [{
|
|
13102
13190
|
type: Input
|
|
13103
|
-
}],
|
|
13191
|
+
}], searchSize: [{
|
|
13104
13192
|
type: Input
|
|
13105
|
-
}],
|
|
13193
|
+
}], name: [{
|
|
13106
13194
|
type: Input
|
|
13107
13195
|
}], scrollMaxHeight: [{
|
|
13108
13196
|
type: Input
|
|
@@ -13114,6 +13202,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
13114
13202
|
type: Input
|
|
13115
13203
|
}], sortable: [{
|
|
13116
13204
|
type: Input
|
|
13205
|
+
}], disabled: [{
|
|
13206
|
+
type: Input
|
|
13207
|
+
}], readonly: [{
|
|
13208
|
+
type: Input
|
|
13117
13209
|
}], enableMessage: [{
|
|
13118
13210
|
type: Input
|
|
13119
13211
|
}], searchPlaceholder: [{
|
|
@@ -13132,6 +13224,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
13132
13224
|
type: Input
|
|
13133
13225
|
}], labelText: [{
|
|
13134
13226
|
type: Input
|
|
13227
|
+
}], items: [{
|
|
13228
|
+
type: Input
|
|
13135
13229
|
}], groupItemsWrapper: [{
|
|
13136
13230
|
type: ViewChild,
|
|
13137
13231
|
args: ['groupItemsWrapper']
|
|
@@ -13147,14 +13241,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
13147
13241
|
|
|
13148
13242
|
class RadioGroupModule {
|
|
13149
13243
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13150
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupModule, declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent], imports: [CommonModule,
|
|
13151
|
-
|
|
13244
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupModule, declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent], imports: [CommonModule,
|
|
13245
|
+
FormsModule,
|
|
13246
|
+
RadioModule,
|
|
13247
|
+
InputSearchModule,
|
|
13248
|
+
LabelModule,
|
|
13249
|
+
ErrorMessageModule,
|
|
13250
|
+
SaveStateModule], exports: [RadioGroupComponent] });
|
|
13251
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupModule, imports: [CommonModule,
|
|
13252
|
+
FormsModule,
|
|
13253
|
+
RadioModule,
|
|
13254
|
+
InputSearchModule,
|
|
13255
|
+
LabelModule,
|
|
13256
|
+
ErrorMessageModule,
|
|
13257
|
+
SaveStateModule] });
|
|
13152
13258
|
}
|
|
13153
13259
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupModule, decorators: [{
|
|
13154
13260
|
type: NgModule,
|
|
13155
13261
|
args: [{
|
|
13156
13262
|
declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent],
|
|
13157
|
-
imports: [
|
|
13263
|
+
imports: [
|
|
13264
|
+
CommonModule,
|
|
13265
|
+
FormsModule,
|
|
13266
|
+
RadioModule,
|
|
13267
|
+
InputSearchModule,
|
|
13268
|
+
LabelModule,
|
|
13269
|
+
ErrorMessageModule,
|
|
13270
|
+
SaveStateModule
|
|
13271
|
+
],
|
|
13158
13272
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
13159
13273
|
exports: [RadioGroupComponent]
|
|
13160
13274
|
}]
|
|
@@ -15983,5 +16097,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
15983
16097
|
* Generated bundle index. Do not edit.
|
|
15984
16098
|
*/
|
|
15985
16099
|
|
|
15986
|
-
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule,
|
|
16100
|
+
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO$1 as CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
|
|
15987
16101
|
//# sourceMappingURL=myrta-ui.mjs.map
|