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/fesm2015/myrta-ui.mjs
CHANGED
|
@@ -8773,12 +8773,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
8773
8773
|
}]
|
|
8774
8774
|
}] });
|
|
8775
8775
|
|
|
8776
|
-
var InputDateSizesEnum$
|
|
8776
|
+
var InputDateSizesEnum$1;
|
|
8777
8777
|
(function (InputDateSizesEnum) {
|
|
8778
8778
|
InputDateSizesEnum["small"] = "mrx-input-date-sm";
|
|
8779
8779
|
InputDateSizesEnum["medium"] = "mrx-input-date-md";
|
|
8780
8780
|
InputDateSizesEnum["large"] = "mrx-input-date-lg";
|
|
8781
|
-
})(InputDateSizesEnum$
|
|
8781
|
+
})(InputDateSizesEnum$1 || (InputDateSizesEnum$1 = {}));
|
|
8782
8782
|
|
|
8783
8783
|
dayjs.extend(customParseFormat);
|
|
8784
8784
|
const validateDateModel$1 = (value) => {
|
|
@@ -9092,7 +9092,7 @@ class InputDatepickerComponent {
|
|
|
9092
9092
|
return `${this.dateModel.view}${this.timepicker && this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9093
9093
|
}
|
|
9094
9094
|
get getClasses() {
|
|
9095
|
-
return `${InputDateSizesEnum$
|
|
9095
|
+
return `${InputDateSizesEnum$1[this.size]} ${this.customClasses} ${this.checkValidClasses}`;
|
|
9096
9096
|
}
|
|
9097
9097
|
get isValidModels() {
|
|
9098
9098
|
return !this.dateModel.invalid && (this.timepicker ? !this.timeModel.invalid : true);
|
|
@@ -9333,12 +9333,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9333
9333
|
}]
|
|
9334
9334
|
}] });
|
|
9335
9335
|
|
|
9336
|
-
var
|
|
9337
|
-
(function (
|
|
9338
|
-
|
|
9339
|
-
|
|
9340
|
-
|
|
9341
|
-
})(
|
|
9336
|
+
var InputDateTimeSizesEnum;
|
|
9337
|
+
(function (InputDateTimeSizesEnum) {
|
|
9338
|
+
InputDateTimeSizesEnum["small"] = "mrx-input-date-sm";
|
|
9339
|
+
InputDateTimeSizesEnum["medium"] = "mrx-input-date-md";
|
|
9340
|
+
InputDateTimeSizesEnum["large"] = "mrx-input-date-lg";
|
|
9341
|
+
})(InputDateTimeSizesEnum || (InputDateTimeSizesEnum = {}));
|
|
9342
9342
|
|
|
9343
9343
|
dayjs.extend(customParseFormat);
|
|
9344
9344
|
const validateDateModel = (value) => {
|
|
@@ -9481,10 +9481,22 @@ const cleanDate$1 = (value) => {
|
|
|
9481
9481
|
return dayjs(value).second(0).millisecond(0).toISOString();
|
|
9482
9482
|
};
|
|
9483
9483
|
|
|
9484
|
-
|
|
9485
|
-
|
|
9486
|
-
|
|
9487
|
-
return dayjs.utc(date).utcOffset(Timezone$1[tz
|
|
9484
|
+
dayjs.extend(utc);
|
|
9485
|
+
dayjs.extend(tz);
|
|
9486
|
+
const formattingToMoscowTimezone = (date, tz) => {
|
|
9487
|
+
return dayjs.utc(date).utcOffset(Timezone$1[tz], tz !== 'default').toISOString();
|
|
9488
|
+
};
|
|
9489
|
+
const formattingFromMoscowTimezone = (date, tz) => {
|
|
9490
|
+
const utcTime = dayjs.utc(date);
|
|
9491
|
+
const moscowOffsetMinutes = dayjs().tz('Europe/Moscow').utcOffset();
|
|
9492
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9493
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9494
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9495
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9496
|
+
}
|
|
9497
|
+
else {
|
|
9498
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9499
|
+
}
|
|
9488
9500
|
};
|
|
9489
9501
|
|
|
9490
9502
|
const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
@@ -9496,6 +9508,8 @@ const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
|
9496
9508
|
}
|
|
9497
9509
|
};
|
|
9498
9510
|
|
|
9511
|
+
dayjs.extend(utc);
|
|
9512
|
+
dayjs.extend(tz);
|
|
9499
9513
|
class InputDateTimeComponent {
|
|
9500
9514
|
constructor() {
|
|
9501
9515
|
this.value = '';
|
|
@@ -9517,18 +9531,19 @@ class InputDateTimeComponent {
|
|
|
9517
9531
|
this.required = false;
|
|
9518
9532
|
this.timepicker = false;
|
|
9519
9533
|
this.range = false;
|
|
9520
|
-
this.minDate = '';
|
|
9521
|
-
this.maxDate = '';
|
|
9522
9534
|
this.timezone = 'default';
|
|
9523
9535
|
this.inline = false;
|
|
9524
9536
|
this.isManualInput = true;
|
|
9525
9537
|
this.addMinTime = false;
|
|
9526
9538
|
this.addMaxTime = false;
|
|
9527
9539
|
this.disableValidate = false;
|
|
9540
|
+
this.disableIncludes = false;
|
|
9528
9541
|
this.container = 'div.page-wrapper';
|
|
9529
9542
|
this.invalid = false;
|
|
9530
9543
|
this.invalidMessage = '';
|
|
9531
9544
|
this.checkInvalid = null;
|
|
9545
|
+
this.minDate = '';
|
|
9546
|
+
this.maxDate = '';
|
|
9532
9547
|
this.changed = new EventEmitter();
|
|
9533
9548
|
this.modelChange = new EventEmitter();
|
|
9534
9549
|
this.blurred = new EventEmitter();
|
|
@@ -9554,8 +9569,8 @@ class InputDateTimeComponent {
|
|
|
9554
9569
|
range: this.range,
|
|
9555
9570
|
multipleDatesSeparator: ' - ',
|
|
9556
9571
|
timepicker: this.timepicker,
|
|
9557
|
-
minDate: this.minDate,
|
|
9558
|
-
maxDate: this.maxDate,
|
|
9572
|
+
minDate: this.minDate ? formattingFromMoscowTimezone(this.minDate, this.timezone) : '',
|
|
9573
|
+
maxDate: this.maxDate ? formattingFromMoscowTimezone(this.maxDate, this.timezone) : '',
|
|
9559
9574
|
inline: this.inline,
|
|
9560
9575
|
position({ $datepicker, $target, $pointer, done }) {
|
|
9561
9576
|
let popper = createPopper($target, $datepicker, {
|
|
@@ -9637,7 +9652,7 @@ class InputDateTimeComponent {
|
|
|
9637
9652
|
return `${this.dateModel.view}${this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9638
9653
|
}
|
|
9639
9654
|
get getClasses() {
|
|
9640
|
-
return `${
|
|
9655
|
+
return `${InputDateTimeSizesEnum[this.size]} ${this.customClasses} ${this.checkValidClasses}`;
|
|
9641
9656
|
}
|
|
9642
9657
|
get isValidModels() {
|
|
9643
9658
|
return !this.dateModel.invalid && (this.timepicker ? !this.timeModel.invalid : true);
|
|
@@ -9647,9 +9662,32 @@ class InputDateTimeComponent {
|
|
|
9647
9662
|
return !!((_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.nativeElement.value);
|
|
9648
9663
|
}
|
|
9649
9664
|
get checkValidClasses() {
|
|
9650
|
-
|
|
9651
|
-
'
|
|
9652
|
-
|
|
9665
|
+
if (!this.required) {
|
|
9666
|
+
return '';
|
|
9667
|
+
}
|
|
9668
|
+
else {
|
|
9669
|
+
return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
|
|
9670
|
+
}
|
|
9671
|
+
}
|
|
9672
|
+
_getDateFromTimezone(date) {
|
|
9673
|
+
if (!date) {
|
|
9674
|
+
return date;
|
|
9675
|
+
}
|
|
9676
|
+
if (this.timezone !== 'default') {
|
|
9677
|
+
const utcTime = dayjs.utc(date);
|
|
9678
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9679
|
+
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
9680
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9681
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9682
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9683
|
+
}
|
|
9684
|
+
else {
|
|
9685
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9686
|
+
}
|
|
9687
|
+
}
|
|
9688
|
+
else {
|
|
9689
|
+
return date;
|
|
9690
|
+
}
|
|
9653
9691
|
}
|
|
9654
9692
|
_checkExtraTime() {
|
|
9655
9693
|
if (this.addMaxTime && !this.timepicker) {
|
|
@@ -9737,23 +9775,37 @@ class InputDateTimeComponent {
|
|
|
9737
9775
|
}
|
|
9738
9776
|
}
|
|
9739
9777
|
checkingInvalid(value, maxDate, minDate) {
|
|
9778
|
+
let validMaxDate = '';
|
|
9779
|
+
let validMinDate = '';
|
|
9780
|
+
if (this.timepicker) {
|
|
9781
|
+
validMaxDate = this.maxDate;
|
|
9782
|
+
validMinDate = this.minDate;
|
|
9783
|
+
}
|
|
9784
|
+
else {
|
|
9785
|
+
if (this.maxDate) {
|
|
9786
|
+
validMaxDate = dayjs(this.maxDate).tz(this.timezone).hour(23).minute(59).second(59).millisecond(0).toISOString();
|
|
9787
|
+
}
|
|
9788
|
+
if (this.minDate) {
|
|
9789
|
+
validMinDate = dayjs(this.minDate).tz(this.timezone).hour(0).minute(0).second(0 - 1).millisecond(0).toISOString();
|
|
9790
|
+
}
|
|
9791
|
+
}
|
|
9740
9792
|
if (this.disableValidate) {
|
|
9741
9793
|
this.invalidMessageOff();
|
|
9742
9794
|
return true;
|
|
9743
9795
|
}
|
|
9744
|
-
if (
|
|
9796
|
+
if (validMaxDate && (dayjs(value).diff(dayjs(validMaxDate)) === 0) && !this.disableIncludes) {
|
|
9745
9797
|
this.invalidMessageOn('Дата и время окончания не может быть равна дате и времени начала');
|
|
9746
9798
|
return false;
|
|
9747
9799
|
}
|
|
9748
|
-
else if (
|
|
9800
|
+
else if (validMaxDate && (dayjs(value).diff(dayjs(validMaxDate)) > 0)) {
|
|
9749
9801
|
this.invalidMessageOn('Дата окончания не может быть раньше даты начала');
|
|
9750
9802
|
return false;
|
|
9751
9803
|
}
|
|
9752
|
-
else if (
|
|
9804
|
+
else if (validMinDate && (dayjs(value).diff(dayjs(validMinDate)) === 0) && !this.disableIncludes) {
|
|
9753
9805
|
this.invalidMessageOn('Дата и время окончания не может быть равна дате и времени начала');
|
|
9754
9806
|
return false;
|
|
9755
9807
|
}
|
|
9756
|
-
else if (
|
|
9808
|
+
else if (validMinDate && dayjs(value).diff(dayjs(validMinDate)) < 0) {
|
|
9757
9809
|
this.invalidMessageOn('Дата окончания не может быть раньше даты начала');
|
|
9758
9810
|
return false;
|
|
9759
9811
|
}
|
|
@@ -9815,15 +9867,15 @@ class InputDateTimeComponent {
|
|
|
9815
9867
|
}
|
|
9816
9868
|
}
|
|
9817
9869
|
InputDateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9818
|
-
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",
|
|
9870
|
+
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: [
|
|
9819
9871
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
9820
|
-
], 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
|
|
9872
|
+
], 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 });
|
|
9821
9873
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, decorators: [{
|
|
9822
9874
|
type: Component,
|
|
9823
9875
|
args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
9824
9876
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
9825
|
-
], template: "<div\r\n
|
|
9826
|
-
}],
|
|
9877
|
+
], 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"] }]
|
|
9878
|
+
}], propDecorators: { fields: [{
|
|
9827
9879
|
type: Input
|
|
9828
9880
|
}], size: [{
|
|
9829
9881
|
type: Input
|
|
@@ -9847,10 +9899,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9847
9899
|
type: Input
|
|
9848
9900
|
}], range: [{
|
|
9849
9901
|
type: Input
|
|
9850
|
-
}], minDate: [{
|
|
9851
|
-
type: Input
|
|
9852
|
-
}], maxDate: [{
|
|
9853
|
-
type: Input
|
|
9854
9902
|
}], timezone: [{
|
|
9855
9903
|
type: Input
|
|
9856
9904
|
}], inline: [{
|
|
@@ -9867,6 +9915,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9867
9915
|
type: Input
|
|
9868
9916
|
}], disableValidate: [{
|
|
9869
9917
|
type: Input
|
|
9918
|
+
}], disableIncludes: [{
|
|
9919
|
+
type: Input
|
|
9870
9920
|
}], container: [{
|
|
9871
9921
|
type: Input
|
|
9872
9922
|
}], invalid: [{
|
|
@@ -9875,6 +9925,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
9875
9925
|
type: Input
|
|
9876
9926
|
}], checkInvalid: [{
|
|
9877
9927
|
type: Input
|
|
9928
|
+
}], minDate: [{
|
|
9929
|
+
type: Input
|
|
9930
|
+
}], maxDate: [{
|
|
9931
|
+
type: Input
|
|
9878
9932
|
}], dateInput: [{
|
|
9879
9933
|
type: ViewChild,
|
|
9880
9934
|
args: ['dateInput']
|
|
@@ -18825,5 +18879,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
18825
18879
|
* Generated bundle index. Do not edit.
|
|
18826
18880
|
*/
|
|
18827
18881
|
|
|
18828
|
-
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$
|
|
18882
|
+
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 };
|
|
18829
18883
|
//# sourceMappingURL=myrta-ui.mjs.map
|