myrta-ui 1.1.92 → 1.1.94
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/esm2020/lib/components/alert/alert.component.mjs +2 -2
- package/esm2020/lib/components/form/input-date-time/input-date-time.component.mjs +13 -31
- package/fesm2015/myrta-ui.mjs +14 -32
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +14 -32
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/form/input-date-time/input-date-time.component.d.ts +0 -2
- package/package.json +1 -1
package/fesm2020/myrta-ui.mjs
CHANGED
|
@@ -334,10 +334,10 @@ class AlertComponent {
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
337
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
337
|
+
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);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-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
338
338
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
339
339
|
type: Component,
|
|
340
|
-
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"] }]
|
|
340
|
+
args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n <span\r\n *ngIf=\"closable\"\r\n class=\"mrx-icon icon-close icon-font-16\"\r\n (click)=\"onCloseClick()\"\r\n ></span>\r\n <span\r\n *ngIf=\"title || message\"\r\n [class]=\"getIconClass\"\r\n style=\"margin-top: 1px\"\r\n class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n ></span>\r\n <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}:host::ng-deep .mrx-alert.mrx-alert a{color:var(--brand-text-nav-link, #2A6AB8);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-alert.mrx-alert a:active,:host::ng-deep .mrx-alert.mrx-alert a:focus,:host::ng-deep .mrx-alert.mrx-alert a:visited{color:var(--brand-text-nav-link, #2A6AB8)}:host::ng-deep .mrx-alert.mrx-alert a:hover{color:var(--brand-text-controls-hover, #0f54aa)}\n"] }]
|
|
341
341
|
}], propDecorators: { customClasses: [{
|
|
342
342
|
type: Input
|
|
343
343
|
}], color: [{
|
|
@@ -10338,7 +10338,12 @@ class InputDateTimeComponent {
|
|
|
10338
10338
|
if (this.dt) {
|
|
10339
10339
|
if (changes['maxDate']) {
|
|
10340
10340
|
this.dt.update({ maxDate: this.maxDate });
|
|
10341
|
-
|
|
10341
|
+
if (this.value) {
|
|
10342
|
+
this.dt.selectDate(formattingFromModels(this.dateModel, this.timeModel, this.timepicker).toISOString(), {
|
|
10343
|
+
updateTime: this.timepicker,
|
|
10344
|
+
silent: true
|
|
10345
|
+
});
|
|
10346
|
+
}
|
|
10342
10347
|
if (!this.disableValidate) {
|
|
10343
10348
|
const invalid = this.innerInvalid;
|
|
10344
10349
|
const isValid = this.checkingInvalid(this.value, this.maxDate, this.minDate);
|
|
@@ -10351,7 +10356,12 @@ class InputDateTimeComponent {
|
|
|
10351
10356
|
}
|
|
10352
10357
|
if (changes['minDate']) {
|
|
10353
10358
|
this.dt.update({ minDate: this.minDate });
|
|
10354
|
-
|
|
10359
|
+
if (this.value) {
|
|
10360
|
+
this.dt.selectDate(formattingFromModels(this.dateModel, this.timeModel, this.timepicker).toISOString(), {
|
|
10361
|
+
updateTime: this.timepicker,
|
|
10362
|
+
silent: true
|
|
10363
|
+
});
|
|
10364
|
+
}
|
|
10355
10365
|
if (!this.disableValidate) {
|
|
10356
10366
|
const invalid = this.innerInvalid;
|
|
10357
10367
|
const isValid = this.checkingInvalid(this.value, this.maxDate, this.minDate);
|
|
@@ -10384,26 +10394,6 @@ class InputDateTimeComponent {
|
|
|
10384
10394
|
return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
|
|
10385
10395
|
}
|
|
10386
10396
|
}
|
|
10387
|
-
_getDateFromTimezone(date) {
|
|
10388
|
-
if (!date) {
|
|
10389
|
-
return date;
|
|
10390
|
-
}
|
|
10391
|
-
if (this.timezone !== 'default') {
|
|
10392
|
-
const utcTime = dayjs.utc(date);
|
|
10393
|
-
const localOffsetMinutes = dayjs().utcOffset();
|
|
10394
|
-
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
10395
|
-
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
10396
|
-
if (offsetDifferenceMinutes >= 0) {
|
|
10397
|
-
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
10398
|
-
}
|
|
10399
|
-
else {
|
|
10400
|
-
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
10401
|
-
}
|
|
10402
|
-
}
|
|
10403
|
-
else {
|
|
10404
|
-
return date;
|
|
10405
|
-
}
|
|
10406
|
-
}
|
|
10407
10397
|
_checkExtraTime() {
|
|
10408
10398
|
if (this.addMaxTime && !this.timepicker) {
|
|
10409
10399
|
this.timeModel.hour = '23';
|
|
@@ -10454,14 +10444,6 @@ class InputDateTimeComponent {
|
|
|
10454
10444
|
}
|
|
10455
10445
|
}
|
|
10456
10446
|
}
|
|
10457
|
-
dateFormattingOutput(value) {
|
|
10458
|
-
if (value) {
|
|
10459
|
-
return dayjs(value).toISOString();
|
|
10460
|
-
}
|
|
10461
|
-
else {
|
|
10462
|
-
return '';
|
|
10463
|
-
}
|
|
10464
|
-
}
|
|
10465
10447
|
invalidMessageOn(message) {
|
|
10466
10448
|
this.innerInvalid = true;
|
|
10467
10449
|
this.innerInvalidMessage = message;
|