myrta-ui 1.1.89 → 1.1.91
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/form/input-date-time/helpers/formatting-moscow-timezone.mjs +15 -3
- package/esm2020/lib/components/form/input-date-time/input-date-time.component.mjs +67 -23
- package/esm2020/lib/components/form/input-date-time/input-date-time.enum.mjs +7 -7
- package/fesm2015/myrta-ui.mjs +88 -34
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +88 -34
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/form/input-date-time/helpers/formatting-moscow-timezone.d.ts +1 -0
- package/lib/components/form/input-date-time/input-date-time.component.d.ts +8 -7
- package/lib/components/form/input-date-time/input-date-time.enum.d.ts +2 -2
- package/package.json +1 -1
package/fesm2020/myrta-ui.mjs
CHANGED
|
@@ -8778,12 +8778,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
8778
8778
|
}]
|
|
8779
8779
|
}] });
|
|
8780
8780
|
|
|
8781
|
-
var InputDateSizesEnum$
|
|
8781
|
+
var InputDateSizesEnum$1;
|
|
8782
8782
|
(function (InputDateSizesEnum) {
|
|
8783
8783
|
InputDateSizesEnum["small"] = "mrx-input-date-sm";
|
|
8784
8784
|
InputDateSizesEnum["medium"] = "mrx-input-date-md";
|
|
8785
8785
|
InputDateSizesEnum["large"] = "mrx-input-date-lg";
|
|
8786
|
-
})(InputDateSizesEnum$
|
|
8786
|
+
})(InputDateSizesEnum$1 || (InputDateSizesEnum$1 = {}));
|
|
8787
8787
|
|
|
8788
8788
|
dayjs.extend(customParseFormat);
|
|
8789
8789
|
const validateDateModel$1 = (value) => {
|
|
@@ -9097,7 +9097,7 @@ class InputDatepickerComponent {
|
|
|
9097
9097
|
return `${this.dateModel.view}${this.timepicker && this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9098
9098
|
}
|
|
9099
9099
|
get getClasses() {
|
|
9100
|
-
return `${InputDateSizesEnum$
|
|
9100
|
+
return `${InputDateSizesEnum$1[this.size]} ${this.customClasses} ${this.checkValidClasses}`;
|
|
9101
9101
|
}
|
|
9102
9102
|
get isValidModels() {
|
|
9103
9103
|
return !this.dateModel.invalid && (this.timepicker ? !this.timeModel.invalid : true);
|
|
@@ -9337,12 +9337,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9337
9337
|
}]
|
|
9338
9338
|
}] });
|
|
9339
9339
|
|
|
9340
|
-
var
|
|
9341
|
-
(function (
|
|
9342
|
-
|
|
9343
|
-
|
|
9344
|
-
|
|
9345
|
-
})(
|
|
9340
|
+
var InputDateTimeSizesEnum;
|
|
9341
|
+
(function (InputDateTimeSizesEnum) {
|
|
9342
|
+
InputDateTimeSizesEnum["small"] = "mrx-input-date-sm";
|
|
9343
|
+
InputDateTimeSizesEnum["medium"] = "mrx-input-date-md";
|
|
9344
|
+
InputDateTimeSizesEnum["large"] = "mrx-input-date-lg";
|
|
9345
|
+
})(InputDateTimeSizesEnum || (InputDateTimeSizesEnum = {}));
|
|
9346
9346
|
|
|
9347
9347
|
dayjs.extend(customParseFormat);
|
|
9348
9348
|
const validateDateModel = (value) => {
|
|
@@ -9485,10 +9485,22 @@ const cleanDate$1 = (value) => {
|
|
|
9485
9485
|
return dayjs(value).second(0).millisecond(0).toISOString();
|
|
9486
9486
|
};
|
|
9487
9487
|
|
|
9488
|
-
|
|
9489
|
-
|
|
9490
|
-
|
|
9491
|
-
return dayjs.utc(date).utcOffset(Timezone$1[tz
|
|
9488
|
+
dayjs.extend(utc);
|
|
9489
|
+
dayjs.extend(tz);
|
|
9490
|
+
const formattingToMoscowTimezone = (date, tz) => {
|
|
9491
|
+
return dayjs.utc(date).utcOffset(Timezone$1[tz], tz !== 'default').toISOString();
|
|
9492
|
+
};
|
|
9493
|
+
const formattingFromMoscowTimezone = (date, tz) => {
|
|
9494
|
+
const utcTime = dayjs.utc(date);
|
|
9495
|
+
const moscowOffsetMinutes = dayjs().tz('Europe/Moscow').utcOffset();
|
|
9496
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9497
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9498
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9499
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9500
|
+
}
|
|
9501
|
+
else {
|
|
9502
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9503
|
+
}
|
|
9492
9504
|
};
|
|
9493
9505
|
|
|
9494
9506
|
const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
@@ -9500,6 +9512,8 @@ const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
|
9500
9512
|
}
|
|
9501
9513
|
};
|
|
9502
9514
|
|
|
9515
|
+
dayjs.extend(utc);
|
|
9516
|
+
dayjs.extend(tz);
|
|
9503
9517
|
class InputDateTimeComponent {
|
|
9504
9518
|
constructor() {
|
|
9505
9519
|
this.value = '';
|
|
@@ -9521,18 +9535,19 @@ class InputDateTimeComponent {
|
|
|
9521
9535
|
this.required = false;
|
|
9522
9536
|
this.timepicker = false;
|
|
9523
9537
|
this.range = false;
|
|
9524
|
-
this.minDate = '';
|
|
9525
|
-
this.maxDate = '';
|
|
9526
9538
|
this.timezone = 'default';
|
|
9527
9539
|
this.inline = false;
|
|
9528
9540
|
this.isManualInput = true;
|
|
9529
9541
|
this.addMinTime = false;
|
|
9530
9542
|
this.addMaxTime = false;
|
|
9531
9543
|
this.disableValidate = false;
|
|
9544
|
+
this.disableIncludes = false;
|
|
9532
9545
|
this.container = 'div.page-wrapper';
|
|
9533
9546
|
this.invalid = false;
|
|
9534
9547
|
this.invalidMessage = '';
|
|
9535
9548
|
this.checkInvalid = null;
|
|
9549
|
+
this.minDate = '';
|
|
9550
|
+
this.maxDate = '';
|
|
9536
9551
|
this.changed = new EventEmitter();
|
|
9537
9552
|
this.modelChange = new EventEmitter();
|
|
9538
9553
|
this.blurred = new EventEmitter();
|
|
@@ -9558,8 +9573,8 @@ class InputDateTimeComponent {
|
|
|
9558
9573
|
range: this.range,
|
|
9559
9574
|
multipleDatesSeparator: ' - ',
|
|
9560
9575
|
timepicker: this.timepicker,
|
|
9561
|
-
minDate: this.minDate,
|
|
9562
|
-
maxDate: this.maxDate,
|
|
9576
|
+
minDate: this.minDate ? formattingFromMoscowTimezone(this.minDate, this.timezone) : '',
|
|
9577
|
+
maxDate: this.maxDate ? formattingFromMoscowTimezone(this.maxDate, this.timezone) : '',
|
|
9563
9578
|
inline: this.inline,
|
|
9564
9579
|
position({ $datepicker, $target, $pointer, done }) {
|
|
9565
9580
|
let popper = createPopper($target, $datepicker, {
|
|
@@ -9641,7 +9656,7 @@ class InputDateTimeComponent {
|
|
|
9641
9656
|
return `${this.dateModel.view}${this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9642
9657
|
}
|
|
9643
9658
|
get getClasses() {
|
|
9644
|
-
return `${
|
|
9659
|
+
return `${InputDateTimeSizesEnum[this.size]} ${this.customClasses} ${this.checkValidClasses}`;
|
|
9645
9660
|
}
|
|
9646
9661
|
get isValidModels() {
|
|
9647
9662
|
return !this.dateModel.invalid && (this.timepicker ? !this.timeModel.invalid : true);
|
|
@@ -9650,9 +9665,32 @@ class InputDateTimeComponent {
|
|
|
9650
9665
|
return !!this.dateInput?.nativeElement.value;
|
|
9651
9666
|
}
|
|
9652
9667
|
get checkValidClasses() {
|
|
9653
|
-
|
|
9654
|
-
'
|
|
9655
|
-
|
|
9668
|
+
if (!this.required) {
|
|
9669
|
+
return '';
|
|
9670
|
+
}
|
|
9671
|
+
else {
|
|
9672
|
+
return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
|
|
9673
|
+
}
|
|
9674
|
+
}
|
|
9675
|
+
_getDateFromTimezone(date) {
|
|
9676
|
+
if (!date) {
|
|
9677
|
+
return date;
|
|
9678
|
+
}
|
|
9679
|
+
if (this.timezone !== 'default') {
|
|
9680
|
+
const utcTime = dayjs.utc(date);
|
|
9681
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9682
|
+
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
9683
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9684
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9685
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9686
|
+
}
|
|
9687
|
+
else {
|
|
9688
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9689
|
+
}
|
|
9690
|
+
}
|
|
9691
|
+
else {
|
|
9692
|
+
return date;
|
|
9693
|
+
}
|
|
9656
9694
|
}
|
|
9657
9695
|
_checkExtraTime() {
|
|
9658
9696
|
if (this.addMaxTime && !this.timepicker) {
|
|
@@ -9740,23 +9778,37 @@ class InputDateTimeComponent {
|
|
|
9740
9778
|
}
|
|
9741
9779
|
}
|
|
9742
9780
|
checkingInvalid(value, maxDate, minDate) {
|
|
9781
|
+
let validMaxDate = '';
|
|
9782
|
+
let validMinDate = '';
|
|
9783
|
+
if (this.timepicker) {
|
|
9784
|
+
validMaxDate = this.maxDate;
|
|
9785
|
+
validMinDate = this.minDate;
|
|
9786
|
+
}
|
|
9787
|
+
else {
|
|
9788
|
+
if (this.maxDate) {
|
|
9789
|
+
validMaxDate = dayjs(this.maxDate).tz(this.timezone).hour(23).minute(59).second(59).millisecond(0).toISOString();
|
|
9790
|
+
}
|
|
9791
|
+
if (this.minDate) {
|
|
9792
|
+
validMinDate = dayjs(this.minDate).tz(this.timezone).hour(0).minute(0).second(0 - 1).millisecond(0).toISOString();
|
|
9793
|
+
}
|
|
9794
|
+
}
|
|
9743
9795
|
if (this.disableValidate) {
|
|
9744
9796
|
this.invalidMessageOff();
|
|
9745
9797
|
return true;
|
|
9746
9798
|
}
|
|
9747
|
-
if (
|
|
9799
|
+
if (validMaxDate && (dayjs(value).diff(dayjs(validMaxDate)) === 0) && !this.disableIncludes) {
|
|
9748
9800
|
this.invalidMessageOn('Дата и время окончания не может быть равна дате и времени начала');
|
|
9749
9801
|
return false;
|
|
9750
9802
|
}
|
|
9751
|
-
else if (
|
|
9803
|
+
else if (validMaxDate && (dayjs(value).diff(dayjs(validMaxDate)) > 0)) {
|
|
9752
9804
|
this.invalidMessageOn('Дата окончания не может быть раньше даты начала');
|
|
9753
9805
|
return false;
|
|
9754
9806
|
}
|
|
9755
|
-
else if (
|
|
9807
|
+
else if (validMinDate && (dayjs(value).diff(dayjs(validMinDate)) === 0) && !this.disableIncludes) {
|
|
9756
9808
|
this.invalidMessageOn('Дата и время окончания не может быть равна дате и времени начала');
|
|
9757
9809
|
return false;
|
|
9758
9810
|
}
|
|
9759
|
-
else if (
|
|
9811
|
+
else if (validMinDate && dayjs(value).diff(dayjs(validMinDate)) < 0) {
|
|
9760
9812
|
this.invalidMessageOn('Дата окончания не может быть раньше даты начала');
|
|
9761
9813
|
return false;
|
|
9762
9814
|
}
|
|
@@ -9818,15 +9870,15 @@ class InputDateTimeComponent {
|
|
|
9818
9870
|
}
|
|
9819
9871
|
}
|
|
9820
9872
|
InputDateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9821
|
-
InputDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range",
|
|
9873
|
+
InputDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range", timezone: "timezone", inline: "inline", isManualInput: "isManualInput", addMinTime: "addMinTime", addMaxTime: "addMaxTime", addMinTimeObj: "addMinTimeObj", addMaxTimeObj: "addMaxTimeObj", disableValidate: "disableValidate", disableIncludes: "disableIncludes", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", minDate: "minDate", maxDate: "maxDate" }, outputs: { changed: "changed", modelChange: "modelChange", blurred: "blurred" }, providers: [
|
|
9822
9874
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
9823
|
-
], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n
|
|
9875
|
+
], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-input-date\"\r\n [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n [class.mrx-input-readonly]=\"readonly\"\r\n [class]=\"getClasses\"\r\n>\r\n <div class=\"\">\r\n <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n <div class=\"mrx-input-date__wrapper\">\r\n <input\r\n #dateInput\r\n type=\"text\"\r\n autocomplete=\"nope\"\r\n class=\"mrx-input-date__input mrx-input-date__date\"\r\n [placeholder]=\"datePlaceholder\"\r\n [ngModel]=\"getDateValue\"\r\n [mask]=\"'00.00.0000 00:m0'\"\r\n [leadZeroDateTime]=\"true\"\r\n [validation]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"!isManualInput\"\r\n (input)=\"updateDateValue(dateInput)\"\r\n (click)=\"clickToInput(dateInput)\"\r\n (blur)=\"onBlur($event)\"\r\n />\r\n\r\n <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n <span\r\n class=\"mrx-icon icon-close\"\r\n *ngIf=\"isViewCleanIcon\"\r\n (click)=\"clickToIconClear()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n <span\r\n class=\"mrx-icon icon-calendar\"\r\n (click)=\"clickToIconCalendar()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid; else innerInvalidTemplate\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <ng-template #innerInvalidTemplate>\r\n <mrx-error-message\r\n *ngIf=\"innerInvalid\"\r\n [invalidMessage]=\"innerInvalidMessage\"\r\n ></mrx-error-message>\r\n </ng-template>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9824
9876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, decorators: [{
|
|
9825
9877
|
type: Component,
|
|
9826
9878
|
args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
9827
9879
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
9828
|
-
], template: "<div\r\n
|
|
9829
|
-
}],
|
|
9880
|
+
], template: "<div\r\n class=\"mrx-input-date\"\r\n [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n [class.mrx-input-readonly]=\"readonly\"\r\n [class]=\"getClasses\"\r\n>\r\n <div class=\"\">\r\n <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n <div class=\"mrx-input-date__wrapper\">\r\n <input\r\n #dateInput\r\n type=\"text\"\r\n autocomplete=\"nope\"\r\n class=\"mrx-input-date__input mrx-input-date__date\"\r\n [placeholder]=\"datePlaceholder\"\r\n [ngModel]=\"getDateValue\"\r\n [mask]=\"'00.00.0000 00:m0'\"\r\n [leadZeroDateTime]=\"true\"\r\n [validation]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"!isManualInput\"\r\n (input)=\"updateDateValue(dateInput)\"\r\n (click)=\"clickToInput(dateInput)\"\r\n (blur)=\"onBlur($event)\"\r\n />\r\n\r\n <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n <span\r\n class=\"mrx-icon icon-close\"\r\n *ngIf=\"isViewCleanIcon\"\r\n (click)=\"clickToIconClear()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n <span\r\n class=\"mrx-icon icon-calendar\"\r\n (click)=\"clickToIconCalendar()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid; else innerInvalidTemplate\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <ng-template #innerInvalidTemplate>\r\n <mrx-error-message\r\n *ngIf=\"innerInvalid\"\r\n [invalidMessage]=\"innerInvalidMessage\"\r\n ></mrx-error-message>\r\n </ng-template>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"] }]
|
|
9881
|
+
}], propDecorators: { fields: [{
|
|
9830
9882
|
type: Input
|
|
9831
9883
|
}], size: [{
|
|
9832
9884
|
type: Input
|
|
@@ -9850,10 +9902,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9850
9902
|
type: Input
|
|
9851
9903
|
}], range: [{
|
|
9852
9904
|
type: Input
|
|
9853
|
-
}], minDate: [{
|
|
9854
|
-
type: Input
|
|
9855
|
-
}], maxDate: [{
|
|
9856
|
-
type: Input
|
|
9857
9905
|
}], timezone: [{
|
|
9858
9906
|
type: Input
|
|
9859
9907
|
}], inline: [{
|
|
@@ -9870,6 +9918,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9870
9918
|
type: Input
|
|
9871
9919
|
}], disableValidate: [{
|
|
9872
9920
|
type: Input
|
|
9921
|
+
}], disableIncludes: [{
|
|
9922
|
+
type: Input
|
|
9873
9923
|
}], container: [{
|
|
9874
9924
|
type: Input
|
|
9875
9925
|
}], invalid: [{
|
|
@@ -9878,6 +9928,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9878
9928
|
type: Input
|
|
9879
9929
|
}], checkInvalid: [{
|
|
9880
9930
|
type: Input
|
|
9931
|
+
}], minDate: [{
|
|
9932
|
+
type: Input
|
|
9933
|
+
}], maxDate: [{
|
|
9934
|
+
type: Input
|
|
9881
9935
|
}], dateInput: [{
|
|
9882
9936
|
type: ViewChild,
|
|
9883
9937
|
args: ['dateInput']
|
|
@@ -18856,5 +18910,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
18856
18910
|
* Generated bundle index. Do not edit.
|
|
18857
18911
|
*/
|
|
18858
18912
|
|
|
18859
|
-
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ContextMenuAttachDirective, ContextMenuComponent, ContextMenuContentComponent, ContextMenuFixedService, ContextMenuItemDirective, ContextMenuModule, ContextMenuService, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DocumentEditorComponent, DocumentEditorModule, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, FormulaEditorComponent, FormulaEditorModule, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$
|
|
18913
|
+
export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ContextMenuAttachDirective, ContextMenuComponent, ContextMenuContentComponent, ContextMenuFixedService, ContextMenuItemDirective, ContextMenuModule, ContextMenuService, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DocumentEditorComponent, DocumentEditorModule, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, FormulaEditorComponent, FormulaEditorModule, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$1 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputEditorModeEnum, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTelSizesEnum, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, countryData, dateTimeFormat, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
|
|
18860
18914
|
//# sourceMappingURL=myrta-ui.mjs.map
|