myrta-ui 17.0.0-beta.1 → 17.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/esm2022/lib/components/badges/components/badge/badge.component.mjs +2 -2
- package/esm2022/lib/components/form/editor/editor.component.mjs +6 -2
- package/esm2022/lib/components/form/editor/editor.enum.mjs +2 -0
- package/esm2022/lib/components/form/input-date-time/input-date-time.component.mjs +2 -2
- package/esm2022/lib/components/form/input-datepicker/input-datepicker.component.mjs +2 -2
- package/esm2022/lib/components/form/input-file/input-file.component.mjs +44 -46
- package/esm2022/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.mjs +8 -8
- package/esm2022/lib/components/form/input-file-image/input-file-image.component.mjs +140 -148
- package/esm2022/lib/components/form/input-file-image/input-file-image.enum.mjs +3 -3
- package/esm2022/lib/components/form/input-file-image/input-file-image.module.mjs +6 -4
- package/esm2022/lib/components/form/input-number/input-number.component.mjs +2 -2
- package/esm2022/lib/components/form/input-password/input-password.component.mjs +2 -2
- package/esm2022/lib/components/form/input-phone/input-phone.component.mjs +2 -2
- package/esm2022/lib/components/form/input-search/input-search.component.mjs +2 -2
- package/esm2022/lib/components/form/input-select/input-select.component.mjs +3 -3
- package/esm2022/lib/components/form/input-tel/input-tel.component.mjs +2 -2
- package/esm2022/lib/components/form/input-text/input-text.component.mjs +2 -2
- package/esm2022/lib/components/form/switch/switch.component.mjs +2 -2
- package/esm2022/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.mjs +3 -5
- package/esm2022/lib/components/progress/progress.component.mjs +2 -2
- package/esm2022/lib/components/tabs/tabs-group/tabs-group.component.mjs +2 -2
- package/esm2022/lib/components/tooltip/tooltip-trigger/tooltip-trigger.component.mjs +2 -2
- package/esm2022/lib/models/input-file/input-file.model.mjs +1 -1
- package/esm2022/lib/services/file-upload/file-upload.service.mjs +5 -4
- package/esm2022/lib/services/index.mjs +5 -1
- package/esm2022/lib/services/modal-service/components/alert-modal/alert-modal.component.mjs +3 -5
- package/esm2022/lib/services/modal-service/components/confirm-modal/confirm-modal.component.mjs +3 -5
- package/esm2022/lib/services/modal-service/helpers/index.mjs +5 -0
- package/esm2022/lib/services/modal-service/helpers/modal.component.mjs +2 -3
- package/esm2022/lib/services/modal-service/modal-service.module.mjs +25 -0
- package/esm2022/lib/services/modal-service/modal-service.service.mjs +1 -1
- package/fesm2022/myrta-ui.mjs +373 -361
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/editor/editor.component.d.ts +3 -1
- package/lib/components/form/editor/editor.enum.d.ts +5 -0
- package/lib/components/form/input-file/input-file.component.d.ts +6 -4
- package/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.d.ts +5 -4
- package/lib/components/form/input-file-image/input-file-image.component.d.ts +21 -26
- package/lib/components/form/input-file-image/input-file-image.enum.d.ts +2 -2
- package/lib/components/form/input-file-image/input-file-image.module.d.ts +1 -1
- package/lib/components/form/input-select/input-select.component.d.ts +15 -5
- package/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.d.ts +2 -3
- package/lib/models/input-file/input-file.model.d.ts +5 -4
- package/lib/services/file-upload/file-upload.service.d.ts +1 -1
- package/lib/services/index.d.ts +4 -0
- package/lib/services/modal-service/components/alert-modal/alert-modal.component.d.ts +2 -3
- package/lib/services/modal-service/components/confirm-modal/confirm-modal.component.d.ts +2 -3
- package/lib/services/modal-service/helpers/index.d.ts +4 -0
- package/lib/services/modal-service/helpers/modal.component.d.ts +1 -2
- package/lib/services/modal-service/modal-service.module.d.ts +9 -0
- package/lib/services/modal-service/modal-service.service.d.ts +4 -4
- package/package.json +1 -1
|
@@ -129,7 +129,7 @@ export class InputTextComponent {
|
|
|
129
129
|
useExisting: forwardRef(() => InputTextComponent),
|
|
130
130
|
multi: true,
|
|
131
131
|
},
|
|
132
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mrx-input-text\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n [class.mrx-input-text-with-icon]=\"icon\"\r\n [class.-disabled]=\"disabled\"\r\n [class.-readonly]=\"readonly\"\r\n [mrxCdkTooltip]=\"getTooltipValue\"\r\n [tooltipPosition]=\"'top-start'\"\r\n>\r\n <div class=\"mrx-input-text__wrapper\">\r\n <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n <input\r\n autocomplete=\"nope\"\r\n #inputElement\r\n [type]=\"'text'\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (blur)=\"updateSelection($event)\"\r\n [attr.title]=\"placeholder || ''\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"readonly\"\r\n [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n [mask]=\"mask\"\r\n [prefix]=\"maskPrefix\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n />\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxlength\"\r\n [value]=\"value\"\r\n [maxlength]=\"maxlength\">\r\n </mrx-chars-left>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-
|
|
132
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"mrx-input-text\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n [class.mrx-input-text-with-icon]=\"icon\"\r\n [class.-disabled]=\"disabled\"\r\n [class.-readonly]=\"readonly\"\r\n [mrxCdkTooltip]=\"getTooltipValue\"\r\n [tooltipPosition]=\"'top-start'\"\r\n>\r\n <div class=\"mrx-input-text__wrapper\">\r\n <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n <input\r\n autocomplete=\"nope\"\r\n #inputElement\r\n [type]=\"'text'\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (blur)=\"updateSelection($event)\"\r\n [attr.title]=\"placeholder || ''\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"readonly\"\r\n [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n [mask]=\"mask\"\r\n [prefix]=\"maskPrefix\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n />\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxlength\"\r\n [value]=\"value\"\r\n [maxlength]=\"maxlength\">\r\n </mrx-chars-left>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{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)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: i5.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "directive", type: i6.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { kind: "directive", type: i7.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
133
133
|
}
|
|
134
134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
@@ -139,7 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
139
139
|
useExisting: forwardRef(() => InputTextComponent),
|
|
140
140
|
multi: true,
|
|
141
141
|
},
|
|
142
|
-
], template: "<div\r\n class=\"mrx-input-text\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n [class.mrx-input-text-with-icon]=\"icon\"\r\n [class.-disabled]=\"disabled\"\r\n [class.-readonly]=\"readonly\"\r\n [mrxCdkTooltip]=\"getTooltipValue\"\r\n [tooltipPosition]=\"'top-start'\"\r\n>\r\n <div class=\"mrx-input-text__wrapper\">\r\n <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n <input\r\n autocomplete=\"nope\"\r\n #inputElement\r\n [type]=\"'text'\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (blur)=\"updateSelection($event)\"\r\n [attr.title]=\"placeholder || ''\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"readonly\"\r\n [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n [mask]=\"mask\"\r\n [prefix]=\"maskPrefix\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n />\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxlength\"\r\n [value]=\"value\"\r\n [maxlength]=\"maxlength\">\r\n </mrx-chars-left>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-
|
|
142
|
+
], template: "<div\r\n class=\"mrx-input-text\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n [class.mrx-input-text-with-icon]=\"icon\"\r\n [class.-disabled]=\"disabled\"\r\n [class.-readonly]=\"readonly\"\r\n [mrxCdkTooltip]=\"getTooltipValue\"\r\n [tooltipPosition]=\"'top-start'\"\r\n>\r\n <div class=\"mrx-input-text__wrapper\">\r\n <span *ngIf=\"icon\" class=\"mrx-icon mrx-input-text-icon\" [class]=\"getIconClass\"></span>\r\n\r\n <input\r\n autocomplete=\"nope\"\r\n #inputElement\r\n [type]=\"'text'\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (blur)=\"updateSelection($event)\"\r\n [attr.title]=\"placeholder || ''\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"readonly\"\r\n [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n [mask]=\"mask\"\r\n [prefix]=\"maskPrefix\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [dropSpecialCharacters]=\"maskDropSpecialCharacters\"\r\n />\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxlength\"\r\n [value]=\"value\"\r\n [maxlength]=\"maxlength\">\r\n </mrx-chars-left>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-text.mrx-input-text{width:100%;position:relative}.mrx-input-text.mrx-input-text .mrx-input-text__wrapper{position:relative}.mrx-input-text.mrx-input-text input{box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;outline:none;transition:outline-width .2s,border .2s}.mrx-input-text.mrx-input-text input:focus,.mrx-input-text.mrx-input-text input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-text.mrx-input-text input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-text.mrx-input-text.mrx-input-text-lg input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-lg:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-lg.mrx-input-text-with-icon input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-md input{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-text.mrx-input-text.mrx-input-text-md:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-md.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-module) * 10)}.mrx-input-text.mrx-input-text.mrx-input-text-sm input{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)}.mrx-input-text.mrx-input-text.mrx-input-text-sm:not(.mrx-input-text-with-icon) input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4)}.mrx-input-text.mrx-input-text.mrx-input-text-sm.mrx-input-text-with-icon input{padding:calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-4) calc(var(--spacing-2) - var(--border-width-default)) var(--spacing-8)}.mrx-input-text.mrx-input-text.mrx-input-error input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-text.mrx-input-text.mrx-input-checked-error input:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-checked-success input:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-lg .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-3) - 1px);left:calc(var(--spacing-3) - 1px)}.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-md .mrx-input-text-icon,.mrx-input-text.mrx-input-text.mrx-input-text-with-icon.mrx-input-text-sm .mrx-input-text-icon{position:absolute;top:calc(var(--spacing-2) - 1px);left:calc(var(--spacing-2) - 1px)}.mrx-input-text.mrx-input-text.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-text.mrx-input-text.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"] }]
|
|
143
143
|
}], propDecorators: { fields: [{
|
|
144
144
|
type: Input
|
|
145
145
|
}], disabled: [{
|
|
@@ -54,7 +54,7 @@ export class SwitchComponent {
|
|
|
54
54
|
useExisting: forwardRef(() => SwitchComponent),
|
|
55
55
|
multi: true,
|
|
56
56
|
},
|
|
57
|
-
], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n\r\n <ng-container *ngSwitchCase=\"'toggle'\">\r\n <p\r\n class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n >\r\n {{ leftText }}\r\n </p>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n </label>\r\n <p\r\n class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n >\r\n {{ rightText }}\r\n </p>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n\r\n <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n </p>\r\n </label>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-
|
|
57
|
+
], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n\r\n <ng-container *ngSwitchCase=\"'toggle'\">\r\n <p\r\n class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n >\r\n {{ leftText }}\r\n </p>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n </label>\r\n <p\r\n class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n >\r\n {{ rightText }}\r\n </p>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n\r\n <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n </p>\r\n </label>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
58
|
}
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
64
64
|
useExisting: forwardRef(() => SwitchComponent),
|
|
65
65
|
multi: true,
|
|
66
66
|
},
|
|
67
|
-
], template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n\r\n <ng-container *ngSwitchCase=\"'toggle'\">\r\n <p\r\n class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n >\r\n {{ leftText }}\r\n </p>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n </label>\r\n <p\r\n class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n >\r\n {{ rightText }}\r\n </p>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n\r\n <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n </p>\r\n </label>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-
|
|
67
|
+
], template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n <ng-container [ngSwitch]=\"type\">\r\n\r\n <ng-container *ngSwitchCase=\"'toggle'\">\r\n <p\r\n class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n >\r\n {{ leftText }}\r\n </p>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n </label>\r\n <p\r\n class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n [class.text-bold]=\"boldLabel\"\r\n (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n >\r\n {{ rightText }}\r\n </p>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchDefault>\r\n <label class=\"mrx-switch-checkbox\">\r\n <input\r\n type=\"checkbox\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled || readonly\"\r\n [readOnly]=\"readonly\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n >\r\n <span class=\"mrx-switch-slider\"></span>\r\n\r\n <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n </p>\r\n </label>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-half);top:var(--spacing-half)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}\n"] }]
|
|
68
68
|
}], propDecorators: { fields: [{
|
|
69
69
|
type: Input
|
|
70
70
|
}], size: [{
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { Component, Inject } from '@angular/core';
|
|
2
2
|
import { MODAL_DATA } from '../../../../services/modal-service/helpers/modal-tokens';
|
|
3
|
-
import {
|
|
3
|
+
import { ModalServiceComponent } from '../../../../services/modal-service/helpers/modal.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../../../../services/modal-service/helpers/modal-ref";
|
|
6
6
|
import * as i2 from "../../../button/button.component";
|
|
7
7
|
import * as i3 from "../../../modal/modal.component";
|
|
8
|
-
export class GalleryConfirmModalComponent extends
|
|
8
|
+
export class GalleryConfirmModalComponent extends ModalServiceComponent {
|
|
9
9
|
dialogRef;
|
|
10
|
-
data;
|
|
11
10
|
title;
|
|
12
11
|
message;
|
|
13
12
|
constructor(dialogRef, data) {
|
|
14
13
|
super();
|
|
15
14
|
this.dialogRef = dialogRef;
|
|
16
|
-
this.data = data;
|
|
17
15
|
this.result = { result: false };
|
|
18
16
|
this.title = data.title;
|
|
19
17
|
this.message = data.message;
|
|
@@ -36,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
36
34
|
type: Inject,
|
|
37
35
|
args: [MODAL_DATA]
|
|
38
36
|
}] }] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS1jb25maXJtLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9nYWxsZXJ5L2NvbXBvbmVudHMvZ2FsbGVyeS1jb25maXJtLW1vZGFsL2dhbGxlcnktY29uZmlybS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZ2FsbGVyeS9jb21wb25lbnRzL2dhbGxlcnktY29uZmlybS1tb2RhbC9nYWxsZXJ5LWNvbmZpcm0tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDREQUE0RCxDQUFDOzs7OztBQWVuRyxNQUFNLE9BQU8sNEJBQTZCLFNBQVEscUJBQWlFO0lBTXZHO0lBSlYsS0FBSyxDQUFVO0lBQ2YsT0FBTyxDQUFVO0lBRWpCLFlBQ1UsU0FBeUMsRUFDN0IsSUFBMEI7UUFFOUMsS0FBSyxFQUFFLENBQUM7UUFIQSxjQUFTLEdBQVQsU0FBUyxDQUFnQztRQUlqRCxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQTtRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7SUFDN0IsQ0FBQztJQUVELEVBQUU7UUFDQSxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7d0dBdkJVLDRCQUE0QiwwQ0FPN0IsVUFBVTs0RkFQVCw0QkFBNEIsd0ZDbEJ6Qyxrd0JBOEJBOzs0RkRaYSw0QkFBNEI7a0JBSnhDLFNBQVM7K0JBQ0UsMkJBQTJCOzswQkFVbEMsTUFBTTsyQkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kYWxSZWYgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMvbW9kYWwtcmVmJztcclxuaW1wb3J0IHsgTU9EQUxfREFUQSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL21vZGFsLXNlcnZpY2UvaGVscGVycy9tb2RhbC10b2tlbnMnO1xyXG5pbXBvcnQgeyBNb2RhbFNlcnZpY2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMvbW9kYWwuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgR2FsbGVyeUNvbmZpcm1QYXJhbXMge1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgbWVzc2FnZTogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEdhbGxlcnlDb25maXJtUmVzdWx0IHtcclxuICByZXN1bHQ6IGJvb2xlYW47XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWdhbGxlcnktY29uZmlybS1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbGxlcnktY29uZmlybS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBHYWxsZXJ5Q29uZmlybU1vZGFsQ29tcG9uZW50IGV4dGVuZHMgTW9kYWxTZXJ2aWNlQ29tcG9uZW50PEdhbGxlcnlDb25maXJtUGFyYW1zLCBHYWxsZXJ5Q29uZmlybVJlc3VsdD4ge1xyXG5cclxuICB0aXRsZSE6IHN0cmluZztcclxuICBtZXNzYWdlITogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZGlhbG9nUmVmOiBNb2RhbFJlZjxHYWxsZXJ5Q29uZmlybVJlc3VsdD4sXHJcbiAgICBASW5qZWN0KE1PREFMX0RBVEEpIGRhdGE6IEdhbGxlcnlDb25maXJtUGFyYW1zLFxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMucmVzdWx0ID0ge3Jlc3VsdDogZmFsc2V9O1xyXG4gICAgdGhpcy50aXRsZSA9IGRhdGEudGl0bGVcclxuICAgIHRoaXMubWVzc2FnZSA9IGRhdGEubWVzc2FnZVxyXG4gIH1cclxuXHJcbiAgb2soKSB7XHJcbiAgICB0aGlzLnJlc3VsdCA9IHtyZXN1bHQ6IHRydWV9O1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICB0aGlzLnJlc3VsdCA9IHtyZXN1bHQ6IGZhbHNlfTtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KTtcclxuICB9XHJcbn1cclxuIiwiPG1yeC1tb2RhbFxyXG4gIFt0aXRsZV09XCJ0aXRsZVwiXHJcbiAgKGNsb3NlKT1cImNsb3NlKClcIlxyXG4gIHNpemU9XCJzbWFsbFwiXHJcbiAgY29sb3I9XCJuZWdhdGl2ZVwiPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwidGV4dC1jZW50ZXJcIj57e21lc3NhZ2V9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctdGVtcGxhdGUgI2Zvb3RlckNvbnRlbnQ+XHJcbiAgICA8bXJ4LWJ1dHRvblxyXG4gICAgICBbY3VzdG9tQ2xhc3Nlc109XCInbXItMydcIlxyXG4gICAgICBbdHlwZV09XCInc2Vjb25kYXJ5J1wiXHJcbiAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgY29sb3I9XCJuZWdhdGl2ZVwiXHJcbiAgICAgIChjbGljayk9XCJjbG9zZSgpXCJcclxuICAgID7QntGC0LzQtdC90LjRgtGMXHJcbiAgICA8L21yeC1idXR0b24+XHJcbiAgICA8bXJ4LWJ1dHRvblxyXG4gICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICBbc2l6ZV09XCInbWVkaXVtJ1wiXHJcbiAgICAgIGNvbG9yPVwibmVnYXRpdmVcIlxyXG4gICAgICAoY2xpY2spPVwib2soKVwiXHJcbiAgICA+0KPQtNCw0LvQuNGC0YxcclxuICAgIDwvbXJ4LWJ1dHRvbj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L21yeC1tb2RhbD5cclxuIl19
|
|
@@ -9,11 +9,11 @@ export class ProgressComponent {
|
|
|
9
9
|
return `${ProgressClasses[this.color]} ${this.customClasses}`;
|
|
10
10
|
}
|
|
11
11
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProgressComponent, selector: "mrx-progress", inputs: { value: "value", customClasses: "customClasses", color: "color" }, ngImport: i0, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProgressComponent, selector: "mrx-progress", inputs: { value: "value", customClasses: "customClasses", color: "color" }, ngImport: i0, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-half)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-half);transition:width .2s}.mrx-progress.mrx-progress.mrx-progress-default .mrx-progress-bar{background-color:var(--brand-bg-primary-default)}.mrx-progress.mrx-progress.mrx-progress-success .mrx-progress-bar{background-color:var(--system-bg-controls-positive-default)}.mrx-progress.mrx-progress.mrx-progress-danger .mrx-progress-bar{background-color:var(--system-bg-controls-negative-default)}.mrx-progress.mrx-progress.mrx-progress-warning .mrx-progress-bar{background-color:var(--system-bg-controls-attention-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'mrx-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-
|
|
16
|
+
args: [{ selector: 'mrx-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-half)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-half);transition:width .2s}.mrx-progress.mrx-progress.mrx-progress-default .mrx-progress-bar{background-color:var(--brand-bg-primary-default)}.mrx-progress.mrx-progress.mrx-progress-success .mrx-progress-bar{background-color:var(--system-bg-controls-positive-default)}.mrx-progress.mrx-progress.mrx-progress-danger .mrx-progress-bar{background-color:var(--system-bg-controls-negative-default)}.mrx-progress.mrx-progress.mrx-progress-warning .mrx-progress-bar{background-color:var(--system-bg-controls-attention-default)}\n"] }]
|
|
17
17
|
}], propDecorators: { value: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], customClasses: [{
|
|
@@ -10,11 +10,11 @@ export class TabsGroupComponent {
|
|
|
10
10
|
return `${TabsTypesClasses[this.type]} ${TabsClasses[this.size]} ${this.customClasses}`;
|
|
11
11
|
}
|
|
12
12
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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-
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsGroupComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
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-
|
|
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: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], size: [{
|
|
@@ -17,11 +17,11 @@ export class TooltipTriggerComponent {
|
|
|
17
17
|
this.toggleTooltip.emit();
|
|
18
18
|
}
|
|
19
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: { triggerTextPosition: "triggerTextPosition", triggerType: "triggerType", customClasses: "customClasses", isVisibleTooltip: "isVisibleTooltip" }, outputs: { toggleTooltip: "toggleTooltip" }, providers: [], ngImport: i0, template: "<div\r\n class=\"mrx-tooltip-trigger\"\r\n [class.active]=\"isVisibleTooltip\"\r\n [class]=\"getClasses\"\r\n (click)=\"onToggle()\"\r\n>\r\n <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n <span class=\"tooltip-help\">\r\n {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: { triggerTextPosition: "triggerTextPosition", triggerType: "triggerType", customClasses: "customClasses", isVisibleTooltip: "isVisibleTooltip" }, outputs: { toggleTooltip: "toggleTooltip" }, providers: [], ngImport: i0, template: "<div\r\n class=\"mrx-tooltip-trigger\"\r\n [class.active]=\"isVisibleTooltip\"\r\n [class]=\"getClasses\"\r\n (click)=\"onToggle()\"\r\n>\r\n <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n <span class=\"tooltip-help\">\r\n {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-half))}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top .tooltip-help{position:absolute;left:50%;top:-28px;z-index:1;transform:translate(-50%);overflow:hidden;font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-primary);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-spread) var(--box-shadow-secondary-color);border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF);padding:0;opacity:0;visibility:hidden;width:auto;height:0}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover{background:transparent}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover .tooltip-help{padding:var(--spacing-1);height:auto;width:max-content;opacity:1;visibility:visible}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);white-space:nowrap;width:0;transition:.2s;overflow:hidden;color:var(--neutral-text-primary);z-index:1}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover{border-radius:var(--border-radius-1)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}@media screen and (max-width: 991px){.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right{border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}}\n"] });
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipTriggerComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'mrx-tooltip-trigger', providers: [], template: "<div\r\n class=\"mrx-tooltip-trigger\"\r\n [class.active]=\"isVisibleTooltip\"\r\n [class]=\"getClasses\"\r\n (click)=\"onToggle()\"\r\n>\r\n <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n <span class=\"tooltip-help\">\r\n {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-
|
|
24
|
+
args: [{ selector: 'mrx-tooltip-trigger', providers: [], template: "<div\r\n class=\"mrx-tooltip-trigger\"\r\n [class.active]=\"isVisibleTooltip\"\r\n [class]=\"getClasses\"\r\n (click)=\"onToggle()\"\r\n>\r\n <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n <span class=\"tooltip-help\">\r\n {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-half))}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top .tooltip-help{position:absolute;left:50%;top:-28px;z-index:1;transform:translate(-50%);overflow:hidden;font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-primary);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-spread) var(--box-shadow-secondary-color);border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF);padding:0;opacity:0;visibility:hidden;width:auto;height:0}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover{background:transparent}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover .tooltip-help{padding:var(--spacing-1);height:auto;width:max-content;opacity:1;visibility:visible}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);white-space:nowrap;width:0;transition:.2s;overflow:hidden;color:var(--neutral-text-primary);z-index:1}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover{border-radius:var(--border-radius-1)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}@media screen and (max-width: 991px){.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right{border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}}\n"] }]
|
|
25
25
|
}], propDecorators: { triggerTextPosition: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], triggerType: [{
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvbW9kZWxzL2lucHV0LWZpbGUvaW5wdXQtZmlsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFVwbG9hZGVkRmlsZU1vZGVsIHtcclxuICBpZDogc3RyaW5nO1xyXG4gIG5hbWU/OiBzdHJpbmc7XHJcbiAgbGVuZ3RoPzogbnVtYmVyO1xyXG4gIG1ENUhhc2g/OiBzdHJpbmc7XHJcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRGaWxlTW9kZWwgZXh0ZW5kcyBVcGxvYWRlZEZpbGVNb2RlbCB7XHJcbiAgdXJsPzogc3RyaW5nO1xyXG4gIHRlbXBVdWlkPzogc3RyaW5nO1xyXG4gIHVwbG9hZGluZz86IGJvb2xlYW47XHJcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcclxuICBmaWxlPzogRmlsZTtcclxuICBlcnJvcj86IHN0cmluZztcclxuICBleGVjdXRpb24/OiBTdWJzY3JpcHRpb247XHJcbiAgZGVsZXRpbmc/OiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFVwbG9hZGVkUmVzdWx0TW9kZWwge1xyXG4gIG1lc3NhZ2U6IHN0cmluZztcclxuICB1dWlkOiBzdHJpbmc7XHJcbiAgc3VjY2VzczogYm9vbGVhbjtcclxufVxyXG4iXX0=
|
|
@@ -6,14 +6,15 @@ export class FileUploadService {
|
|
|
6
6
|
constructor(http) {
|
|
7
7
|
this.http = http;
|
|
8
8
|
}
|
|
9
|
-
upload(url,
|
|
10
|
-
|
|
9
|
+
upload(url, file) {
|
|
10
|
+
console.log(file);
|
|
11
|
+
return this.http.post(url, file, {
|
|
11
12
|
reportProgress: true,
|
|
12
13
|
observe: 'events'
|
|
13
14
|
});
|
|
14
15
|
}
|
|
15
16
|
delete(url, formData) {
|
|
16
|
-
return this.http.
|
|
17
|
+
return this.http.delete(url);
|
|
17
18
|
}
|
|
18
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FileUploadService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
19
20
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FileUploadService, providedIn: 'root' });
|
|
@@ -24,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
24
25
|
providedIn: 'root'
|
|
25
26
|
}]
|
|
26
27
|
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvc2VydmljZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRM0MsTUFBTSxPQUFPLGlCQUFpQjtJQUVSO0lBQXBCLFlBQW9CLElBQWdCO1FBQWhCLFNBQUksR0FBSixJQUFJLENBQVk7SUFDcEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXLEVBQUUsSUFBcUI7UUFDdkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFzQixHQUFHLEVBQUUsSUFBSSxFQUFFO1lBQ3BELGNBQWMsRUFBRSxJQUFJO1lBQ3BCLE9BQU8sRUFBRSxRQUFRO1NBQ2xCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNLENBQUMsR0FBVyxFQUFFLFFBQWtCO1FBQ3BDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQXNCLEdBQUcsQ0FBQyxDQUFDO0lBQ3BELENBQUM7d0dBZlUsaUJBQWlCOzRHQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCwgSHR0cEV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFVwbG9hZGVkUmVzdWx0TW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZFNlcnZpY2Uge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQpIHtcclxuICB9XHJcblxyXG4gIHVwbG9hZCh1cmw6IHN0cmluZywgZmlsZTogRmlsZSB8IEZvcm1EYXRhKTogT2JzZXJ2YWJsZTxIdHRwRXZlbnQ8VXBsb2FkZWRSZXN1bHRNb2RlbD4+IHtcclxuICAgIGNvbnNvbGUubG9nKGZpbGUpO1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0PFVwbG9hZGVkUmVzdWx0TW9kZWw+KHVybCwgZmlsZSwge1xyXG4gICAgICByZXBvcnRQcm9ncmVzczogdHJ1ZSxcclxuICAgICAgb2JzZXJ2ZTogJ2V2ZW50cydcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZGVsZXRlKHVybDogc3RyaW5nLCBmb3JtRGF0YTogRm9ybURhdGEpOiBPYnNlcnZhYmxlPFVwbG9hZGVkUmVzdWx0TW9kZWw+IHtcclxuICAgIHJldHVybiB0aGlzLmh0dHAuZGVsZXRlPFVwbG9hZGVkUmVzdWx0TW9kZWw+KHVybCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -4,4 +4,8 @@ export * from './mrx-form-validator/mrx-form-validator';
|
|
|
4
4
|
export * from './save-store/save-store.module';
|
|
5
5
|
export * from './save-store/store/selectors';
|
|
6
6
|
export * from './save-store/store/actions';
|
|
7
|
-
|
|
7
|
+
export * from './modal-service/modal-service.module';
|
|
8
|
+
export * from './modal-service/models/modal-config.model';
|
|
9
|
+
export * from './modal-service/modal-service.service';
|
|
10
|
+
export * from './modal-service/helpers';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHlDQUF5QyxDQUFDO0FBRXhELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21yeC1hdXRvc2F2ZS9tcngtYXV0b3NhdmUuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbXJ4LWZvcm0tdmFsaWRhdG9yL21yeC1mb3JtLXZhbGlkYXRvcic7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL3NhdmUtc3RvcmUvc2F2ZS1zdG9yZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NhdmUtc3RvcmUvc3RvcmUvc2VsZWN0b3JzJztcclxuZXhwb3J0ICogZnJvbSAnLi9zYXZlLXN0b3JlL3N0b3JlL2FjdGlvbnMnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1zZXJ2aWNlL21vZGFsLXNlcnZpY2UubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1zZXJ2aWNlL21vZGVscy9tb2RhbC1jb25maWcubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZGFsLXNlcnZpY2UvbW9kYWwtc2VydmljZS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMnO1xyXG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, Inject } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { ModalServiceComponent } from '../../helpers/modal.component';
|
|
3
3
|
import { MODAL_CONFIG, MODAL_DATA } from '../../helpers/modal-tokens';
|
|
4
4
|
import { ModalModule } from '../../../../components/modal/modal.module';
|
|
5
5
|
import { ButtonModule } from '../../../../components/button/button.module';
|
|
@@ -7,15 +7,13 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
import * as i1 from "../../helpers/modal-ref";
|
|
8
8
|
import * as i2 from "../../../../components/modal/modal.component";
|
|
9
9
|
import * as i3 from "../../../../components/button/button.component";
|
|
10
|
-
export class AlertModalComponent extends
|
|
10
|
+
export class AlertModalComponent extends ModalServiceComponent {
|
|
11
11
|
dialogRef;
|
|
12
|
-
data;
|
|
13
12
|
config;
|
|
14
13
|
model;
|
|
15
14
|
constructor(dialogRef, data, config) {
|
|
16
15
|
super();
|
|
17
16
|
this.dialogRef = dialogRef;
|
|
18
|
-
this.data = data;
|
|
19
17
|
this.config = config;
|
|
20
18
|
this.model = data;
|
|
21
19
|
this.result = this.config.defaultValue || undefined;
|
|
@@ -43,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
43
41
|
type: Inject,
|
|
44
42
|
args: [MODAL_CONFIG]
|
|
45
43
|
}] }] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2NvbXBvbmVudHMvYWxlcnQtbW9kYWwvYWxlcnQtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2NvbXBvbmVudHMvYWxlcnQtbW9kYWwvYWxlcnQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7OztBQW1CM0UsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUF1RTtJQUlwRztJQUVxQjtJQUwvQixLQUFLLENBQTJCO0lBRWhDLFlBQ1UsU0FBNEMsRUFDaEMsSUFBNkIsRUFDcEIsTUFBeUI7UUFFdEQsS0FBSyxFQUFFLENBQUM7UUFKQSxjQUFTLEdBQVQsU0FBUyxDQUFtQztRQUV2QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQUd0RCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxJQUFJLFNBQVMsQ0FBQTtJQUNyRCxDQUFDO0lBRU0sRUFBRTtRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO1FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDO3dHQXBCVSxtQkFBbUIsMENBS3BCLFVBQVUsYUFDVixZQUFZOzRGQU5YLG1CQUFtQiwwR0N6QmhDLDRoQkFvQkEseUREREksV0FBVyxxVkFDWCxZQUFZOzs0RkFLSCxtQkFBbUI7a0JBVi9CLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxXQUFXO3dCQUNYLFlBQVk7cUJBQ2I7OzBCQVNFLE1BQU07MkJBQUMsVUFBVTs7MEJBQ2pCLE1BQU07MkJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1vZGFsU2VydmljZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTW9kYWxSZWYgfSBmcm9tICcuLi8uLi9oZWxwZXJzL21vZGFsLXJlZic7XHJcbmltcG9ydCB7IE1PREFMX0NPTkZJRywgTU9EQUxfREFUQSB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbW9kYWwtdG9rZW5zJztcclxuaW1wb3J0IHsgTW9kYWxNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL21vZGFsLm1vZHVsZSc7XHJcbmltcG9ydCB7IE1vZGFsQ3VzdG9tQ29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21vZGFsLWNvbmZpZy5tb2RlbCc7XHJcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0QWxlcnRNb2RhbFBhcmFtcyB7XHJcbiAgdGl0bGU6IHN0cmluZztcclxuICBtZXNzYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIERlZmF1bHRBbGVydE1vZGFsUmVzdWx0ID0gYm9vbGVhbiB8IHVuZGVmaW5lZFxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtZGVmYXVsdC1hbGVydC1tb2RhbCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNb2RhbE1vZHVsZSxcclxuICAgIEJ1dHRvbk1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWxlcnQtbW9kYWwuY29tcG9uZW50Lmxlc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbGVydE1vZGFsQ29tcG9uZW50IGV4dGVuZHMgTW9kYWxTZXJ2aWNlQ29tcG9uZW50PERlZmF1bHRBbGVydE1vZGFsUGFyYW1zLCBEZWZhdWx0QWxlcnRNb2RhbFJlc3VsdD4ge1xyXG4gIG1vZGVsITogRGVmYXVsdEFsZXJ0TW9kYWxQYXJhbXM7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1vZGFsUmVmPERlZmF1bHRBbGVydE1vZGFsUmVzdWx0PixcclxuICAgIEBJbmplY3QoTU9EQUxfREFUQSkgZGF0YTogRGVmYXVsdEFsZXJ0TW9kYWxQYXJhbXMsXHJcbiAgICBASW5qZWN0KE1PREFMX0NPTkZJRykgcHVibGljIGNvbmZpZzogTW9kYWxDdXN0b21Db25maWcsXHJcbiAgKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gICAgdGhpcy5tb2RlbCA9IGRhdGE7XHJcbiAgICB0aGlzLnJlc3VsdCA9IHRoaXMuY29uZmlnLmRlZmF1bHRWYWx1ZSB8fCB1bmRlZmluZWRcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvaygpIHtcclxuICAgIHRoaXMucmVzdWx0ID0gdHJ1ZVxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNsb3NlKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xyXG4gIH1cclxufVxyXG4iLCI8bXJ4LW1vZGFsXHJcbiAgW2N1c3RvbUNsYXNzZXNdPVwiY29uZmlnLmN1c3RvbUNsYXNzZXMgfHwgJydcIlxyXG4gIFt0aXRsZV09XCJtb2RlbC50aXRsZVwiXHJcbiAgW21lc3NhZ2VdPVwibW9kZWwubWVzc2FnZVwiXHJcbiAgW2NvbG9yXT1cImNvbmZpZy5jb2xvciB8fCAnZGVmYXVsdCdcIlxyXG4gIHNpemU9XCJzbWFsbFwiXHJcbiAgKGNsb3NlKT1cImNsb3NlKClcIlxyXG4gIChvayk9XCJvaygpXCJcclxuPlxyXG4gIDxuZy10ZW1wbGF0ZSAjZm9vdGVyQ29udGVudD5cclxuICAgIDxtcngtYnV0dG9uXHJcbiAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiXHJcbiAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgW2NvbG9yXT1cImNvbmZpZy5jb2xvciB8fCAnZGVmYXVsdCdcIlxyXG4gICAgICAoY2xpY2spPVwib2soKVwiXHJcbiAgICA+XHJcbiAgICAgIHt7IGNvbmZpZy5va1RleHQgfHwgJ9Ce0LonIH19XHJcbiAgICA8L21yeC1idXR0b24+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9tcngtbW9kYWw+XHJcbiJdfQ==
|
package/esm2022/lib/services/modal-service/components/confirm-modal/confirm-modal.component.mjs
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { Component, Inject } from '@angular/core';
|
|
2
2
|
import { MODAL_CONFIG, MODAL_DATA } from '../../helpers/modal-tokens';
|
|
3
|
-
import {
|
|
3
|
+
import { ModalServiceComponent } from '../../helpers/modal.component';
|
|
4
4
|
import { ButtonModule } from '../../../../components/button/button.module';
|
|
5
5
|
import { ModalModule } from '../../../../components/modal/modal.module';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "../../helpers/modal-ref";
|
|
8
8
|
import * as i2 from "../../../../components/button/button.component";
|
|
9
9
|
import * as i3 from "../../../../components/modal/modal.component";
|
|
10
|
-
export class ConfirmModalComponent extends
|
|
10
|
+
export class ConfirmModalComponent extends ModalServiceComponent {
|
|
11
11
|
dialogRef;
|
|
12
|
-
data;
|
|
13
12
|
config;
|
|
14
13
|
model;
|
|
15
14
|
constructor(dialogRef, data, config) {
|
|
16
15
|
super();
|
|
17
16
|
this.dialogRef = dialogRef;
|
|
18
|
-
this.data = data;
|
|
19
17
|
this.config = config;
|
|
20
18
|
this.model = data;
|
|
21
19
|
this.result = this.config.defaultValue || undefined;
|
|
@@ -47,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
47
45
|
type: Inject,
|
|
48
46
|
args: [MODAL_CONFIG]
|
|
49
47
|
}] }] });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL21vZGFsLXNlcnZpY2UvY29tcG9uZW50cy9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2NvbXBvbmVudHMvY29uZmlybS1tb2RhbC9jb25maXJtLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7QUFtQnhFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxxQkFBMkU7SUFHMUc7SUFFcUI7SUFKL0IsS0FBSyxDQUE0QjtJQUNqQyxZQUNVLFNBQThDLEVBQ2xDLElBQStCLEVBQ3RCLE1BQXlCO1FBRXRELEtBQUssRUFBRSxDQUFDO1FBSkEsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFFekIsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFHdEQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUE7UUFDakIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksSUFBSSxTQUFTLENBQUM7SUFDdEQsQ0FBQztJQUVNLEVBQUU7UUFDUCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQTtRQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDbkMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTtRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDbkMsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDbkMsQ0FBQzt3R0F4QlUscUJBQXFCLDBDQUl0QixVQUFVLGFBQ1YsWUFBWTs0RkFMWCxxQkFBcUIsb0dDekJsQyxnM0JBNkJBLHlERFZJLFlBQVksNlJBQ1osV0FBVzs7NEZBS0YscUJBQXFCO2tCQVZqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3FCQUNaOzswQkFRRSxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbFJlZiB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbW9kYWwtcmVmJztcclxuaW1wb3J0IHsgTU9EQUxfQ09ORklHLCBNT0RBTF9EQVRBIH0gZnJvbSAnLi4vLi4vaGVscGVycy9tb2RhbC10b2tlbnMnO1xyXG5pbXBvcnQgeyBNb2RhbEN1c3RvbUNvbmZpZyB9IGZyb20gJy4uLy4uL21vZGVscy9tb2RhbC1jb25maWcubW9kZWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNlcnZpY2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9oZWxwZXJzL21vZGFsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBNb2RhbE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwubW9kdWxlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRGVmYXVsdENvbmZpcm1Nb2RhbFBhcmFtcyB7XHJcbiAgdGl0bGU6IHN0cmluZztcclxuICBtZXNzYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIERlZmF1bHRDb25maXJtTW9kYWxSZXN1bHQgPSBib29sZWFuIHwgdW5kZWZpbmVkXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1jb25maXJtLW1vZGFsJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEJ1dHRvbk1vZHVsZSxcclxuICAgIE1vZGFsTW9kdWxlXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50Lmxlc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25maXJtTW9kYWxDb21wb25lbnQgZXh0ZW5kcyBNb2RhbFNlcnZpY2VDb21wb25lbnQ8RGVmYXVsdENvbmZpcm1Nb2RhbFBhcmFtcywgRGVmYXVsdENvbmZpcm1Nb2RhbFJlc3VsdD4ge1xyXG4gIG1vZGVsITogRGVmYXVsdENvbmZpcm1Nb2RhbFBhcmFtc1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1vZGFsUmVmPERlZmF1bHRDb25maXJtTW9kYWxSZXN1bHQ+LFxyXG4gICAgQEluamVjdChNT0RBTF9EQVRBKSBkYXRhOiBEZWZhdWx0Q29uZmlybU1vZGFsUGFyYW1zLFxyXG4gICAgQEluamVjdChNT0RBTF9DT05GSUcpIHB1YmxpYyBjb25maWc6IE1vZGFsQ3VzdG9tQ29uZmlnLFxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMubW9kZWwgPSBkYXRhXHJcbiAgICB0aGlzLnJlc3VsdCA9IHRoaXMuY29uZmlnLmRlZmF1bHRWYWx1ZSB8fCB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb2soKSB7XHJcbiAgICB0aGlzLnJlc3VsdCA9IHRydWVcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KVxyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgdGhpcy5yZXN1bHQgPSBmYWxzZVxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xvc2UoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0aGlzLnJlc3VsdClcclxuICB9XHJcbn1cclxuIiwiPG1yeC1tb2RhbFxyXG4gIFtjdXN0b21DbGFzc2VzXT1cImNvbmZpZy5jdXN0b21DbGFzc2VzIHx8ICcnXCJcclxuICBbdGl0bGVdPVwibW9kZWwudGl0bGVcIlxyXG4gIFttZXNzYWdlXT1cIm1vZGVsLm1lc3NhZ2VcIlxyXG4gIFtjb2xvcl09XCJjb25maWcuY29sb3IgfHwgJ2RlZmF1bHQnXCJcclxuICBzaXplPVwic21hbGxcIlxyXG4gIChjbG9zZSk9XCJjbG9zZSgpXCJcclxuICAob2spPVwib2soKVwiXHJcbj5cclxuICA8bmctdGVtcGxhdGUgI2Zvb3RlckNvbnRlbnQ+XHJcbiAgICA8bXJ4LWJ1dHRvblxyXG4gICAgICBbY3VzdG9tQ2xhc3Nlc109XCInbXItMydcIlxyXG4gICAgICBbdHlwZV09XCInc2Vjb25kYXJ5J1wiXHJcbiAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgW2NvbG9yXT1cImNvbmZpZy5jb2xvciB8fCAnZGVmYXVsdCdcIlxyXG4gICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxyXG4gICAgPlxyXG4gICAgICB7eyBjb25maWcuY2FuY2VsVGV4dCB8fCAn0J7RgtC80LXQvdCwJyB9fVxyXG4gICAgPC9tcngtYnV0dG9uPlxyXG4gICAgPG1yeC1idXR0b25cclxuICAgICAgW3R5cGVdPVwiJ3ByaW1hcnknXCJcclxuICAgICAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gICAgICBbY29sb3JdPVwiY29uZmlnLmNvbG9yIHx8ICdkZWZhdWx0J1wiXHJcbiAgICAgIChjbGljayk9XCJvaygpXCJcclxuICAgID5cclxuICAgICAge3sgY29uZmlnLm9rVGV4dCB8fCAn0KHQvtGF0YDQsNC90LjRgtGMJyB9fVxyXG4gICAgPC9tcngtYnV0dG9uPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvbXJ4LW1vZGFsPlxyXG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './modal-tokens';
|
|
2
|
+
export * from './modal.component';
|
|
3
|
+
export * from './modal-default-config';
|
|
4
|
+
export * from './modal-ref';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL21vZGFsLXNlcnZpY2UvaGVscGVycy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9kYWwtdG9rZW5zJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZGFsLWRlZmF1bHQtY29uZmlnJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1yZWYnO1xyXG4iXX0=
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
export class
|
|
2
|
-
data;
|
|
1
|
+
export class ModalServiceComponent {
|
|
3
2
|
result;
|
|
4
3
|
}
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9zZXJ2aWNlcy9tb2RhbC1zZXJ2aWNlL2hlbHBlcnMvbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsTUFBTSxDQUFjO0NBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZUNvbXBvbmVudDxEYXRhSW5wdXQsIERhdGFPdXRwdXQ+IHtcclxuICByZXN1bHQhOiBEYXRhT3V0cHV0O1xyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { AlertModalComponent } from './components/alert-modal/alert-modal.component';
|
|
4
|
+
import { ConfirmModalComponent } from './components/confirm-modal/confirm-modal.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class ModalServiceModule {
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ModalServiceModule, imports: [CommonModule,
|
|
9
|
+
AlertModalComponent,
|
|
10
|
+
ConfirmModalComponent] });
|
|
11
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalServiceModule, imports: [CommonModule,
|
|
12
|
+
AlertModalComponent,
|
|
13
|
+
ConfirmModalComponent] });
|
|
14
|
+
}
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalServiceModule, decorators: [{
|
|
16
|
+
type: NgModule,
|
|
17
|
+
args: [{
|
|
18
|
+
imports: [
|
|
19
|
+
CommonModule,
|
|
20
|
+
AlertModalComponent,
|
|
21
|
+
ConfirmModalComponent
|
|
22
|
+
]
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc2VydmljZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL21vZGFsLXNlcnZpY2UvbW9kYWwtc2VydmljZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDckYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7O0FBVzNGLE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjt5R0FBbEIsa0JBQWtCLFlBTDNCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIscUJBQXFCO3lHQUdaLGtCQUFrQixZQUwzQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLHFCQUFxQjs7NEZBR1osa0JBQWtCO2tCQVA5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEFsZXJ0TW9kYWxDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYWxlcnQtbW9kYWwvYWxlcnQtbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29uZmlybU1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbmZpcm0tbW9kYWwvY29uZmlybS1tb2RhbC5jb21wb25lbnQnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEFsZXJ0TW9kYWxDb21wb25lbnQsXHJcbiAgICBDb25maXJtTW9kYWxDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbFNlcnZpY2VNb2R1bGUgeyB9XHJcbiJdfQ==
|