myrta-ui 17.0.8 → 17.0.9
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/alert/alert.component.mjs +3 -3
- package/esm2022/lib/components/alert/alert.module.mjs +4 -4
- package/esm2022/lib/components/badges/badges.module.mjs +4 -4
- package/esm2022/lib/components/badges/components/badge/badge.component.mjs +3 -3
- package/esm2022/lib/components/badges/components/badge-group/badge-group.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.module.mjs +4 -4
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/esm2022/lib/components/button/button.module.mjs +4 -4
- package/esm2022/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.mjs +3 -3
- package/esm2022/lib/components/cdk-tooltip/cdk-tooltip.directive.mjs +3 -3
- package/esm2022/lib/components/cdk-tooltip/cdk-tooltip.module.mjs +4 -4
- package/esm2022/lib/components/chars-left/chars-left.component.mjs +3 -3
- package/esm2022/lib/components/chars-left/chars-left.module.mjs +4 -4
- package/esm2022/lib/components/dropdown/directives/hide-after-click.directive.mjs +3 -3
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/components/error-message/error-message.component.mjs +3 -3
- package/esm2022/lib/components/error-message/error-message.module.mjs +4 -4
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/form/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/components/form/checkbox-group/checkbox-group.component.mjs +4 -4
- package/esm2022/lib/components/form/checkbox-group/checkbox-group.module.mjs +4 -4
- package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.mjs +3 -3
- package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.mjs +3 -3
- package/esm2022/lib/components/form/editor/editor.component.mjs +9 -4
- package/esm2022/lib/components/form/editor/editor.module.mjs +4 -4
- package/esm2022/lib/components/form/input-date-time/input-date-time.component.mjs +3 -3
- package/esm2022/lib/components/form/input-date-time/input-date-time.module.mjs +4 -4
- package/esm2022/lib/components/form/input-datepicker/input-datepicker.component.mjs +3 -3
- package/esm2022/lib/components/form/input-datepicker/input-datepicker.module.mjs +4 -4
- package/esm2022/lib/components/form/input-file/input-file.component.mjs +3 -3
- package/esm2022/lib/components/form/input-file/input-file.module.mjs +4 -4
- package/esm2022/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.mjs +3 -3
- package/esm2022/lib/components/form/input-file-image/input-file-image.component.mjs +3 -3
- package/esm2022/lib/components/form/input-file-image/input-file-image.module.mjs +4 -4
- package/esm2022/lib/components/form/input-number/input-number.component.mjs +3 -3
- package/esm2022/lib/components/form/input-number/input-number.module.mjs +4 -4
- package/esm2022/lib/components/form/input-opt/components/input-opt/input-opt.component.mjs +3 -3
- package/esm2022/lib/components/form/input-opt/directives/opt-pattern.directive.mjs +3 -3
- package/esm2022/lib/components/form/input-opt/input-opt.module.mjs +4 -4
- package/esm2022/lib/components/form/input-opt/services/input-opt.service.mjs +3 -3
- package/esm2022/lib/components/form/input-password/input-password.component.mjs +3 -3
- package/esm2022/lib/components/form/input-password/input-password.module.mjs +4 -4
- package/esm2022/lib/components/form/input-phone/data/country-code.mjs +3 -3
- package/esm2022/lib/components/form/input-phone/directives/native-element-injector.directive.mjs +3 -3
- package/esm2022/lib/components/form/input-phone/input-phone.component.mjs +3 -3
- package/esm2022/lib/components/form/input-phone/input-phone.module.mjs +4 -4
- package/esm2022/lib/components/form/input-search/input-search.component.mjs +3 -3
- package/esm2022/lib/components/form/input-search/input-search.module.mjs +4 -4
- package/esm2022/lib/components/form/input-select/input-select.component.mjs +3 -3
- package/esm2022/lib/components/form/input-select/input-select.module.mjs +4 -4
- package/esm2022/lib/components/form/input-tel/directives/input-tel.directive.mjs +3 -3
- package/esm2022/lib/components/form/input-tel/input-tel.component.mjs +3 -3
- package/esm2022/lib/components/form/input-tel/input-tel.module.mjs +4 -4
- package/esm2022/lib/components/form/input-text/input-text.component.mjs +3 -3
- package/esm2022/lib/components/form/input-text/input-text.module.mjs +4 -4
- package/esm2022/lib/components/form/input-textarea/input-textarea.component.mjs +3 -3
- package/esm2022/lib/components/form/input-textarea/input-textarea.module.mjs +4 -4
- package/esm2022/lib/components/form/input-timepicker/input-timepicker.component.mjs +3 -3
- package/esm2022/lib/components/form/input-timepicker/input-timepicker.module.mjs +4 -4
- package/esm2022/lib/components/form/json-editor/json-editor.component.mjs +5 -5
- package/esm2022/lib/components/form/json-editor/json-editor.module.mjs +4 -4
- package/esm2022/lib/components/form/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/form/radio/radio.module.mjs +4 -4
- package/esm2022/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.mjs +3 -3
- package/esm2022/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.mjs +3 -3
- package/esm2022/lib/components/form/radio-group/radio-group.component.mjs +4 -4
- package/esm2022/lib/components/form/radio-group/radio-group.module.mjs +4 -4
- package/esm2022/lib/components/form/rating/rating.component.mjs +3 -3
- package/esm2022/lib/components/form/rating/rating.module.mjs +4 -4
- package/esm2022/lib/components/form/switch/switch.component.mjs +3 -3
- package/esm2022/lib/components/form/switch/switch.module.mjs +4 -4
- package/esm2022/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.mjs +3 -3
- package/esm2022/lib/components/gallery/components/gallery-item/gallery-item.component.mjs +3 -3
- package/esm2022/lib/components/gallery/gallery.component.mjs +3 -3
- package/esm2022/lib/components/gallery/gallery.module.mjs +4 -4
- package/esm2022/lib/components/gallery/services/gallery.service.mjs +3 -3
- package/esm2022/lib/components/hint-error-message/hint-error-message.component.mjs +3 -3
- package/esm2022/lib/components/hint-error-message/hint-error-message.module.mjs +4 -4
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +3 -3
- package/esm2022/lib/components/icon-button/icon-button.module.mjs +4 -4
- package/esm2022/lib/components/label/label.component.mjs +3 -3
- package/esm2022/lib/components/label/label.module.mjs +4 -4
- package/esm2022/lib/components/link/link.component.mjs +3 -3
- package/esm2022/lib/components/link/link.module.mjs +4 -4
- package/esm2022/lib/components/loader/loader.component.mjs +3 -3
- package/esm2022/lib/components/loader/loader.module.mjs +4 -4
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.module.mjs +4 -4
- package/esm2022/lib/components/pages-nav/pages-nav.component.mjs +3 -3
- package/esm2022/lib/components/pages-nav/pages-nav.module.mjs +4 -4
- package/esm2022/lib/components/paginator/paginator.component.mjs +3 -3
- package/esm2022/lib/components/paginator/paginator.module.mjs +4 -4
- package/esm2022/lib/components/pdf-viewer/pdf-viewer.component.mjs +3 -3
- package/esm2022/lib/components/pdf-viewer/pdf-viewer.module.mjs +4 -4
- package/esm2022/lib/components/progress/progress.component.mjs +3 -3
- package/esm2022/lib/components/progress/progress.module.mjs +4 -4
- package/esm2022/lib/components/save-state/components/save-state-checkbox/save-state-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/save-state/components/save-state-checkbox-group/save-state-checkbox-group.component.mjs +3 -3
- package/esm2022/lib/components/save-state/components/save-state-editor/save-state-editor.component.mjs +3 -3
- package/esm2022/lib/components/save-state/components/save-state-input/save-state-input.component.mjs +3 -3
- package/esm2022/lib/components/save-state/components/save-state-switch/save-state-switch.component.mjs +3 -3
- package/esm2022/lib/components/save-state/save-state.component.mjs +3 -3
- package/esm2022/lib/components/save-state/save-state.module.mjs +4 -4
- package/esm2022/lib/components/stepper/stepper.component.mjs +3 -3
- package/esm2022/lib/components/stepper/stepper.module.mjs +4 -4
- package/esm2022/lib/components/table/components/column/column.component.mjs +3 -3
- package/esm2022/lib/components/table/table.component.mjs +3 -3
- package/esm2022/lib/components/table/table.module.mjs +4 -4
- package/esm2022/lib/components/tabs/tab/tab.component.mjs +3 -3
- package/esm2022/lib/components/tabs/tabs-group/tabs-group.component.mjs +3 -3
- package/esm2022/lib/components/tabs/tabs.module.mjs +4 -4
- package/esm2022/lib/components/tooltip/services/tooltip.service.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip-trigger/tooltip-trigger.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/lib/components/truncate-text/directives/truncate-text.directive.mjs +3 -3
- package/esm2022/lib/components/truncate-text/truncate-text.component.mjs +3 -3
- package/esm2022/lib/components/truncate-text/truncate-text.module.mjs +4 -4
- package/esm2022/lib/components/warning-message/warning-message.component.mjs +3 -3
- package/esm2022/lib/components/warning-message/warning-message.module.mjs +4 -4
- package/esm2022/lib/components/wrappers/content-wrapper/content-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/wrappers/content-wrapper/content-wrapper.module.mjs +4 -4
- package/esm2022/lib/components/wrappers/controls-wrapper/components/controls-item/controls-item.component.mjs +3 -3
- package/esm2022/lib/components/wrappers/controls-wrapper/controls-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/wrappers/controls-wrapper/controls-wrapper.module.mjs +4 -4
- package/esm2022/lib/components/wrappers/widget-wrapper/widget-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/wrappers/widget-wrapper/widget-wrapper.module.mjs +4 -4
- package/esm2022/lib/directives/autosize/autosize.directive.mjs +3 -3
- package/esm2022/lib/directives/autosize/autosize.module.mjs +4 -4
- package/esm2022/lib/directives/truncate/truncate.directive.mjs +3 -3
- package/esm2022/lib/directives/truncate/truncate.module.mjs +4 -4
- package/esm2022/lib/pipes/currency/currency.module.mjs +4 -4
- package/esm2022/lib/pipes/currency/currency.pipe.mjs +3 -3
- package/esm2022/lib/pipes/date/date-format.module.mjs +4 -4
- package/esm2022/lib/pipes/date/date-format.pipe.mjs +3 -3
- package/esm2022/lib/pipes/date/date-time-format.pipe.mjs +3 -3
- package/esm2022/lib/pipes/phone/phone-format.module.mjs +4 -4
- package/esm2022/lib/pipes/phone/phone-format.pipe.mjs +3 -3
- package/esm2022/lib/pipes/safe/safe.module.mjs +4 -4
- package/esm2022/lib/pipes/safe/safe.pipe.mjs +3 -3
- package/esm2022/lib/pipes/truncate/truncate.module.mjs +4 -4
- package/esm2022/lib/pipes/truncate/truncate.pipe.mjs +3 -3
- package/esm2022/lib/services/file-upload/file-upload.service.mjs +3 -3
- package/esm2022/lib/services/modal-service/components/alert-modal/alert-modal.component.mjs +3 -3
- package/esm2022/lib/services/modal-service/components/confirm-modal/confirm-modal.component.mjs +3 -3
- package/esm2022/lib/services/modal-service/modal-service.module.mjs +4 -4
- package/esm2022/lib/services/modal-service/modal-service.service.mjs +3 -3
- package/esm2022/lib/services/mrx-autosave/mrx-autosave.service.mjs +3 -3
- package/esm2022/lib/services/save-store/save-store.module.mjs +4 -4
- package/esm2022/lib/services/save-store/store/effect.mjs +3 -3
- package/esm2022/lib/services/toaster-service/components/toaster/toaster.component.mjs +3 -3
- package/esm2022/lib/services/toaster-service/toaster-service.module.mjs +4 -4
- package/esm2022/lib/services/toaster-service/toaster-service.service.mjs +3 -3
- package/fesm2022/myrta-ui.mjs +538 -533
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/editor/editor.component.d.ts +1 -7
- package/package.json +1 -1
|
@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
export class SaveStateEditorComponent {
|
|
5
5
|
state;
|
|
6
6
|
constructor() { }
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
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"] }]
|
|
13
13
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
package/esm2022/lib/components/save-state/components/save-state-input/save-state-input.component.mjs
CHANGED
|
@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
export class SaveStateInputComponent {
|
|
5
5
|
state;
|
|
6
6
|
constructor() { }
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SaveStateInputComponent, selector: "mrx-save-state-input", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-input\" [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-input .mrx-save-state__saving{position:absolute;top:2px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-input .mrx-save-state__saved{position:absolute;top:0;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);z-index:2}.mrx-save-state-input .mrx-save-state__error{position:absolute;top:0;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);z-index:2}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateInputComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'mrx-save-state-input', template: "<span class=\"mrx-save-state-input\" [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-input .mrx-save-state__saving{position:absolute;top:2px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-input .mrx-save-state__saved{position:absolute;top:0;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);z-index:2}.mrx-save-state-input .mrx-save-state__error{position:absolute;top:0;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);z-index:2}\n"] }]
|
|
13
13
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
|
@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
export class SaveStateSwitchComponent {
|
|
5
5
|
state;
|
|
6
6
|
constructor() { }
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-switch\" [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 <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-switch .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-switch .mrx-save-state__saved{position:absolute;top:-14px;left:0;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-switch .mrx-save-state__error{position:absolute;top:-14px;left:0;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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateSwitchComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'mrx-save-state-switch', template: "<span class=\"mrx-save-state-switch\" [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 <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'error'\">\r\n <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-switch .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-switch .mrx-save-state__saved{position:absolute;top:-14px;left:0;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-switch .mrx-save-state__error{position:absolute;top:-14px;left:0;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"] }]
|
|
13
13
|
}], ctorParameters: () => [], propDecorators: { state: [{
|
|
@@ -24,10 +24,10 @@ export class SaveStateComponent {
|
|
|
24
24
|
get isSaving() {
|
|
25
25
|
return this.fields.some((field) => field.id === this.id);
|
|
26
26
|
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SaveStateInputComponent, selector: "mrx-save-state-input", inputs: ["state"] }, { kind: "component", type: i3.SaveStateCheckboxComponent, selector: "mrx-save-state-checkbox", inputs: ["state"] }, { kind: "component", type: i4.SaveStateCheckboxGroupComponent, selector: "mrx-save-state-checkbox-group", inputs: ["state"] }, { kind: "component", type: i5.SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: ["state"] }, { kind: "component", type: i6.SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: ["state"] }] });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
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" }]
|
|
33
33
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
@@ -8,16 +8,16 @@ import { SaveStateSwitchComponent } from './components/save-state-switch/save-st
|
|
|
8
8
|
import { SaveStateEditorComponent } from './components/save-state-editor/save-state-editor.component';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export class SaveStateModule {
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
12
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SaveStateModule, declarations: [SaveStateComponent,
|
|
13
13
|
SaveStateInputComponent,
|
|
14
14
|
SaveStateCheckboxComponent,
|
|
15
15
|
SaveStateCheckboxGroupComponent,
|
|
16
16
|
SaveStateSwitchComponent,
|
|
17
17
|
SaveStateEditorComponent], imports: [CommonModule], exports: [SaveStateComponent] });
|
|
18
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateModule, imports: [CommonModule] });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
declarations: [
|
|
@@ -26,10 +26,10 @@ export class StepperComponent {
|
|
|
26
26
|
get difference() {
|
|
27
27
|
return this.totalSteps - this.currentStep;
|
|
28
28
|
}
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperComponent, selector: "mrx-stepper", inputs: { totalSteps: "totalSteps", currentStep: "currentStep", customClasses: "customClasses", type: "type", completeText: "completeText", requiredText: "requiredText", successText: "successText", isBottomLabel: "isBottomLabel" }, ngImport: i0, template: "<div class=\"mrx-stepper\" [class]=\"customClasses\">\r\n <div class=\"mb-2\" *ngIf=\"!isBottomLabel\">\r\n <ng-container *ngTemplateOutlet=\"stepperLabel\"></ng-container>\r\n </div>\r\n\r\n <mrx-progress [color]=\"type\" [value]=\"percent\"></mrx-progress>\r\n\r\n <div class=\"mt-2\" *ngIf=\"isBottomLabel\">\r\n <ng-container *ngTemplateOutlet=\"stepperLabel\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #stepperLabel>\r\n <div class=\"mrx-stepper-header\">\r\n <div class=\"mrx-stepper-header-item\">\r\n {{completeText}} <strong class=\"ml-1 mr-1\">{{currentStep}}</strong> \u0438\u0437 <span class=\"ml-1\">{{totalSteps}}</span>\r\n </div>\r\n <div class=\"mrx-stepper-header-item\">\r\n <!-- \u0435\u0441\u043B\u0438 \u0435\u0441\u0442\u044C \u043D\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043D\u044B\u0435 \u0448\u0430\u0433\u0438 -->\r\n <ng-container *ngIf=\"!isCompleted\">\r\n {{requiredText}} <strong class=\"ml-1\">{{difference}}</strong>\r\n </ng-container>\r\n <!-- \u0435\u0441\u043B\u0438 \u0432\u0441\u0435 \u0448\u0430\u0433\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u044B -->\r\n <ng-container *ngIf=\"isCompleted\">\r\n <span class=\"mrx-icon icon-font-24 icon-positive mr-1\"></span>\r\n {{successText}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-stepper.mrx-stepper{display:flex;flex-direction:column}.mrx-stepper.mrx-stepper .mrx-stepper-header{display:flex;justify-content:space-between;flex-wrap:wrap}.mrx-stepper.mrx-stepper .mrx-stepper-header-item{display:flex;align-items:center;font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}.mrx-stepper.mrx-stepper .mrx-stepper-header-item strong{font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ProgressComponent, selector: "mrx-progress", inputs: ["value", "customClasses", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'mrx-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-stepper\" [class]=\"customClasses\">\r\n <div class=\"mb-2\" *ngIf=\"!isBottomLabel\">\r\n <ng-container *ngTemplateOutlet=\"stepperLabel\"></ng-container>\r\n </div>\r\n\r\n <mrx-progress [color]=\"type\" [value]=\"percent\"></mrx-progress>\r\n\r\n <div class=\"mt-2\" *ngIf=\"isBottomLabel\">\r\n <ng-container *ngTemplateOutlet=\"stepperLabel\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #stepperLabel>\r\n <div class=\"mrx-stepper-header\">\r\n <div class=\"mrx-stepper-header-item\">\r\n {{completeText}} <strong class=\"ml-1 mr-1\">{{currentStep}}</strong> \u0438\u0437 <span class=\"ml-1\">{{totalSteps}}</span>\r\n </div>\r\n <div class=\"mrx-stepper-header-item\">\r\n <!-- \u0435\u0441\u043B\u0438 \u0435\u0441\u0442\u044C \u043D\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043D\u044B\u0435 \u0448\u0430\u0433\u0438 -->\r\n <ng-container *ngIf=\"!isCompleted\">\r\n {{requiredText}} <strong class=\"ml-1\">{{difference}}</strong>\r\n </ng-container>\r\n <!-- \u0435\u0441\u043B\u0438 \u0432\u0441\u0435 \u0448\u0430\u0433\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u044B -->\r\n <ng-container *ngIf=\"isCompleted\">\r\n <span class=\"mrx-icon icon-font-24 icon-positive mr-1\"></span>\r\n {{successText}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".mrx-stepper.mrx-stepper{display:flex;flex-direction:column}.mrx-stepper.mrx-stepper .mrx-stepper-header{display:flex;justify-content:space-between;flex-wrap:wrap}.mrx-stepper.mrx-stepper .mrx-stepper-header-item{display:flex;align-items:center;font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}.mrx-stepper.mrx-stepper .mrx-stepper-header-item strong{font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}\n"] }]
|
|
35
35
|
}], propDecorators: { totalSteps: [{
|
|
@@ -4,11 +4,11 @@ import { StepperComponent } from './stepper.component';
|
|
|
4
4
|
import { ProgressModule } from '../progress/progress.module';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class StepperModule {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, declarations: [StepperComponent], imports: [CommonModule, ProgressModule], exports: [StepperComponent, ProgressModule] });
|
|
9
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, imports: [CommonModule, ProgressModule, ProgressModule] });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [StepperComponent],
|
|
@@ -9,10 +9,10 @@ export class ColumnComponent {
|
|
|
9
9
|
customClasses = '';
|
|
10
10
|
templateHead;
|
|
11
11
|
templateCell;
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ColumnComponent, selector: "mrx-column", inputs: { name: "name", label: "label", sortLabel: "sortLabel", sortable: "sortable", isLink: "isLink", customClasses: "customClasses" }, queries: [{ propertyName: "templateHead", first: true, predicate: ["templateHead"], descendants: true }, { propertyName: "templateCell", first: true, predicate: ["templateCell"], descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: 'mrx-column',
|
|
@@ -182,8 +182,8 @@ export class TableComponent {
|
|
|
182
182
|
onChangeTypeTable(type) {
|
|
183
183
|
this.changeTypeTable.emit(type);
|
|
184
184
|
}
|
|
185
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
186
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TableComponent, selector: "mrx-table", inputs: { type: "type", data: "data", pageSize: "pageSize", currentPage: "currentPage", total: "total", link: "link", isLoading: "isLoading", sort: "sort", trackById: "trackById", sortable: "sortable", striped: "striped", customClasses: "customClasses", emptyResultMsg: "emptyResultMsg", hovered: "hovered", autoHeight: "autoHeight", headerSettings: "headerSettings", contentSettings: "contentSettings", paginatorSettings: "paginatorSettings", setPageable: ["pageable", "setPageable"] }, outputs: { dataStateChanged: "dataStateChanged", downloadData: "downloadData", changeTypeTable: "changeTypeTable", change: "change" }, queries: [{ propertyName: "templateCard", first: true, predicate: ["templateCard"], descendants: true }, { propertyName: "emptyResultMsgTemplate", first: true, predicate: ["emptyResultMsgTemplate"], descendants: true }, { propertyName: "contentChildren", predicate: ColumnComponent }], ngImport: i0, template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n <ng-container *ngIf=\"headerSettings\">\r\n <div\r\n class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n *ngIf=\"headerSettings.type === 'default'\"\r\n >\r\n <div class=\"row\">\r\n <div\r\n class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n *ngIf=\"headerSettings.type === 'second'\"\r\n >\r\n <div class=\"row\">\r\n <div\r\n class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n <table\r\n [class.table-striped]=\"striped\"\r\n [class.table-solid]=\"!striped\"\r\n [class.mt-2]=\"contentSettings.substrate\"\r\n [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n >\r\n <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n <tr>\r\n <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n <span>{{ col.label }}</span>\r\n <svg\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n [class]=\"columnSortedDir(col.name)\"\r\n class=\"mrx-table__sort-icon\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-template #defaultHeadCol>\r\n <div><span>{{ col.label }}</span></div>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template #headerItemTemplate>\r\n <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n <svg\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n [class]=\"columnSortedDir(col.name)\"\r\n class=\"mrx-table__sort-icon\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-template #defaultHeadCol>\r\n <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n </ng-template>\r\n </ng-template>\r\n </th>\r\n </tr>\r\n </thead>\r\n\r\n <tbody>\r\n <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n <td\r\n #tableTD\r\n class=\"p-0\"\r\n *ngFor=\"let col of contentChildren\"\r\n [class]=\"col.customClasses\"\r\n >\r\n <a\r\n class=\"link-wrapper td-content-wrapper\"\r\n [href]=\"getLinkForStroke(link, dataItem)\"\r\n *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n >\r\n <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n <div class=\"p-2 h-100\">{{ dataItem[col.name] }}</div>\r\n </ng-container>\r\n\r\n <ng-template #bodyItemTemplate>\r\n <ng-container\r\n *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n </ng-template>\r\n </a>\r\n\r\n <ng-template #defaultTemplate>\r\n <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n <div class=\"td-content-wrapper p-2 h-100\">{{ dataItem[col.name] }}</div>\r\n </ng-container>\r\n\r\n <ng-template #bodyItemTemplate>\r\n <div class=\"td-content-wrapper h-100\">\r\n <ng-container\r\n *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n </ng-container>\r\n\r\n <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n <mrx-paginator\r\n *ngIf=\"pageable\"\r\n [total]=\"total\"\r\n [pageSize]=\"pageSize\"\r\n [position]=\"pageable.position\"\r\n [pageSizes]=\"pageable.pageSizes\"\r\n [currentPage]=\"currentPage\"\r\n [withPageSize]=\"pageable.withPageSize\"\r\n (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n <div class=\"mrx-table-sort-scale__icon\">\r\n <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n </div>\r\n </div>\r\n <ng-select\r\n bindLabel=\"sortLabel\"\r\n bindValue=\"name\"\r\n [items]=\"colArray\"\r\n [ngModel]=\"selectedSort\"\r\n (change)=\"updateSortSelect($event)\"\r\n [clearable]=\"false\"\r\n [searchable]=\"false\"\r\n [closeOnSelect]=\"true\"\r\n ></ng-select>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n <div class=\"mrx-table-toggle\">\r\n <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n </div>\r\n <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table table td{height:1px}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--neutral-bg-island-default, #F8F9FA)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--neutral-text-primary, #262626)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--neutral-text-primary, #262626);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--neutral-bg-island-default, #F8F9FA)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--brand-bg-tertiary-hover, #edf5ff)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:var(--spacing-4);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-table .mrx-table__result-message *{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary, #262626);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.PaginatorComponent, selector: "mrx-paginator", inputs: ["pageSizes", "currentPage", "pageSize", "total", "customClasses", "isEmptyPaginator", "isPaginatorText", "paginatorText", "position", "withPageSize"], outputs: ["dataStateChanged"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], animations: [
|
|
185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableComponent, selector: "mrx-table", inputs: { type: "type", data: "data", pageSize: "pageSize", currentPage: "currentPage", total: "total", link: "link", isLoading: "isLoading", sort: "sort", trackById: "trackById", sortable: "sortable", striped: "striped", customClasses: "customClasses", emptyResultMsg: "emptyResultMsg", hovered: "hovered", autoHeight: "autoHeight", headerSettings: "headerSettings", contentSettings: "contentSettings", paginatorSettings: "paginatorSettings", setPageable: ["pageable", "setPageable"] }, outputs: { dataStateChanged: "dataStateChanged", downloadData: "downloadData", changeTypeTable: "changeTypeTable", change: "change" }, queries: [{ propertyName: "templateCard", first: true, predicate: ["templateCard"], descendants: true }, { propertyName: "emptyResultMsgTemplate", first: true, predicate: ["emptyResultMsgTemplate"], descendants: true }, { propertyName: "contentChildren", predicate: ColumnComponent }], ngImport: i0, template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n <ng-container *ngIf=\"headerSettings\">\r\n <div\r\n class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n *ngIf=\"headerSettings.type === 'default'\"\r\n >\r\n <div class=\"row\">\r\n <div\r\n class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n *ngIf=\"headerSettings.type === 'second'\"\r\n >\r\n <div class=\"row\">\r\n <div\r\n class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n <table\r\n [class.table-striped]=\"striped\"\r\n [class.table-solid]=\"!striped\"\r\n [class.mt-2]=\"contentSettings.substrate\"\r\n [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n >\r\n <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n <tr>\r\n <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n <span>{{ col.label }}</span>\r\n <svg\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n [class]=\"columnSortedDir(col.name)\"\r\n class=\"mrx-table__sort-icon\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-template #defaultHeadCol>\r\n <div><span>{{ col.label }}</span></div>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template #headerItemTemplate>\r\n <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n <svg\r\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n [class]=\"columnSortedDir(col.name)\"\r\n class=\"mrx-table__sort-icon\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n </svg>\r\n </div>\r\n </ng-container>\r\n <ng-template #defaultHeadCol>\r\n <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n </ng-template>\r\n </ng-template>\r\n </th>\r\n </tr>\r\n </thead>\r\n\r\n <tbody>\r\n <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n <td\r\n #tableTD\r\n class=\"p-0\"\r\n *ngFor=\"let col of contentChildren\"\r\n [class]=\"col.customClasses\"\r\n >\r\n <a\r\n class=\"link-wrapper td-content-wrapper\"\r\n [href]=\"getLinkForStroke(link, dataItem)\"\r\n *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n >\r\n <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n <div class=\"p-2 h-100\">{{ dataItem[col.name] }}</div>\r\n </ng-container>\r\n\r\n <ng-template #bodyItemTemplate>\r\n <ng-container\r\n *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n </ng-template>\r\n </a>\r\n\r\n <ng-template #defaultTemplate>\r\n <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n <div class=\"td-content-wrapper p-2 h-100\">{{ dataItem[col.name] }}</div>\r\n </ng-container>\r\n\r\n <ng-template #bodyItemTemplate>\r\n <div class=\"td-content-wrapper h-100\">\r\n <ng-container\r\n *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n\r\n <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n </ng-container>\r\n\r\n <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n <mrx-paginator\r\n *ngIf=\"pageable\"\r\n [total]=\"total\"\r\n [pageSize]=\"pageSize\"\r\n [position]=\"pageable.position\"\r\n [pageSizes]=\"pageable.pageSizes\"\r\n [currentPage]=\"currentPage\"\r\n [withPageSize]=\"pageable.withPageSize\"\r\n (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n <div class=\"mrx-table-sort-scale__icon\">\r\n <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n </div>\r\n </div>\r\n <ng-select\r\n bindLabel=\"sortLabel\"\r\n bindValue=\"name\"\r\n [items]=\"colArray\"\r\n [ngModel]=\"selectedSort\"\r\n (change)=\"updateSortSelect($event)\"\r\n [clearable]=\"false\"\r\n [searchable]=\"false\"\r\n [closeOnSelect]=\"true\"\r\n ></ng-select>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n <div class=\"mrx-table-toggle\">\r\n <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n </div>\r\n <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table table td{height:1px}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--neutral-bg-island-default, #F8F9FA)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--neutral-text-primary, #262626)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--neutral-text-primary, #262626);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--neutral-bg-island-default, #F8F9FA)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--brand-bg-tertiary-hover, #edf5ff)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:var(--spacing-4);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-table .mrx-table__result-message *{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary, #262626);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--brand-bg-primary-default, #2a6ab8)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.PaginatorComponent, selector: "mrx-paginator", inputs: ["pageSizes", "currentPage", "pageSize", "total", "customClasses", "isEmptyPaginator", "isPaginatorText", "paginatorText", "position", "withPageSize"], outputs: ["dataStateChanged"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], animations: [
|
|
187
187
|
trigger('visibleLoading', [
|
|
188
188
|
state('in', style({ opacity: 1, visibility: 'visible' })),
|
|
189
189
|
state('out', style({ opacity: 0, visibility: 'hidden' })),
|
|
@@ -198,7 +198,7 @@ export class TableComponent {
|
|
|
198
198
|
])
|
|
199
199
|
] });
|
|
200
200
|
}
|
|
201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, decorators: [{
|
|
202
202
|
type: Component,
|
|
203
203
|
args: [{ selector: 'mrx-table', animations: [
|
|
204
204
|
trigger('visibleLoading', [
|
|
@@ -9,8 +9,8 @@ import { LoaderModule } from '../loader/loader.module';
|
|
|
9
9
|
import { InputSelectModule } from '../form/input-select/input-select.module';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class TableModule {
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TableModule, declarations: [TableComponent,
|
|
14
14
|
ColumnComponent], imports: [CommonModule,
|
|
15
15
|
PaginatorModule,
|
|
16
16
|
InputSelectModule,
|
|
@@ -18,14 +18,14 @@ export class TableModule {
|
|
|
18
18
|
FormsModule,
|
|
19
19
|
LoaderModule], exports: [TableComponent,
|
|
20
20
|
ColumnComponent] });
|
|
21
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
21
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableModule, imports: [CommonModule,
|
|
22
22
|
PaginatorModule,
|
|
23
23
|
InputSelectModule,
|
|
24
24
|
NgSelectModule,
|
|
25
25
|
FormsModule,
|
|
26
26
|
LoaderModule] });
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableModule, decorators: [{
|
|
29
29
|
type: NgModule,
|
|
30
30
|
args: [{
|
|
31
31
|
declarations: [
|
|
@@ -11,10 +11,10 @@ export class TabComponent {
|
|
|
11
11
|
onTabClick() {
|
|
12
12
|
this.onClick.emit(this.id);
|
|
13
13
|
}
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabComponent, selector: "mrx-tab", inputs: { id: "id", customClasses: "customClasses", subTitle: "subTitle", active: "active", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n <ng-content></ng-content>\r\n <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'mrx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n <ng-content></ng-content>\r\n <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"] }]
|
|
20
20
|
}], propDecorators: { id: [{
|
|
@@ -9,10 +9,10 @@ export class TabsGroupComponent {
|
|
|
9
9
|
get tabClasses() {
|
|
10
10
|
return `${TabsTypesClasses[this.type]} ${TabsClasses[this.size]} ${this.customClasses}`;
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabsGroupComponent, selector: "mrx-tabs-group", inputs: { customClasses: "customClasses", size: "size", type: "type", isResponsive: "isResponsive" }, ngImport: i0, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n <div class=\"mrx-tabs-group-wrapper\">\r\n <ng-content></ng-content>\r\n </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsGroupComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'mrx-tabs-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n <div class=\"mrx-tabs-group-wrapper\">\r\n <ng-content></ng-content>\r\n </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"] }]
|
|
18
18
|
}], propDecorators: { customClasses: [{
|
|
@@ -4,11 +4,11 @@ import { TabsGroupComponent } from './tabs-group/tabs-group.component';
|
|
|
4
4
|
import { TabComponent } from './tab/tab.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class TabsModule {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, declarations: [TabsGroupComponent, TabComponent], imports: [CommonModule], exports: [TabsGroupComponent, TabComponent] });
|
|
9
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, imports: [CommonModule] });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [TabsGroupComponent, TabComponent],
|