myrta-ui 17.1.36 → 17.1.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/form/input-date-time/helpers/formatting-moscow-timezone.mjs +15 -3
- package/esm2022/lib/components/form/input-date-time/input-date-time.component.mjs +14 -30
- package/esm2022/lib/components/loader/loader.component.mjs +2 -2
- package/fesm2022/myrta-ui.mjs +30 -34
- package/fesm2022/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 +3 -9
- package/package.json +1 -1
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -118,11 +118,11 @@ class LoaderComponent {
|
|
|
118
118
|
return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
|
|
119
119
|
}
|
|
120
120
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
121
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--
|
|
121
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] });
|
|
122
122
|
}
|
|
123
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--
|
|
125
|
+
args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] }]
|
|
126
126
|
}], propDecorators: { size: [{
|
|
127
127
|
type: Input
|
|
128
128
|
}], color: [{
|
|
@@ -9682,10 +9682,22 @@ const cleanDate$1 = (value) => {
|
|
|
9682
9682
|
return dayjs(value).second(0).millisecond(0).toISOString();
|
|
9683
9683
|
};
|
|
9684
9684
|
|
|
9685
|
-
|
|
9686
|
-
|
|
9687
|
-
|
|
9688
|
-
return dayjs.utc(date).utcOffset(Timezone$1[tz
|
|
9685
|
+
dayjs.extend(utc);
|
|
9686
|
+
dayjs.extend(tz);
|
|
9687
|
+
const formattingToMoscowTimezone = (date, tz) => {
|
|
9688
|
+
return dayjs.utc(date).utcOffset(Timezone$1[tz], tz !== 'default').toISOString();
|
|
9689
|
+
};
|
|
9690
|
+
const formattingFromMoscowTimezone = (date, tz) => {
|
|
9691
|
+
const utcTime = dayjs.utc(date);
|
|
9692
|
+
const moscowOffsetMinutes = dayjs().tz('Europe/Moscow').utcOffset();
|
|
9693
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9694
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9695
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9696
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9697
|
+
}
|
|
9698
|
+
else {
|
|
9699
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9700
|
+
}
|
|
9689
9701
|
};
|
|
9690
9702
|
|
|
9691
9703
|
const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
@@ -9700,9 +9712,6 @@ const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
|
9700
9712
|
dayjs.extend(utc);
|
|
9701
9713
|
dayjs.extend(tz);
|
|
9702
9714
|
class InputDateTimeComponent {
|
|
9703
|
-
_detector;
|
|
9704
|
-
_maxDate = '';
|
|
9705
|
-
_minDate = '';
|
|
9706
9715
|
dt;
|
|
9707
9716
|
value = '';
|
|
9708
9717
|
dateModel = dateModelConstant;
|
|
@@ -9736,24 +9745,13 @@ class InputDateTimeComponent {
|
|
|
9736
9745
|
invalid = false;
|
|
9737
9746
|
invalidMessage = '';
|
|
9738
9747
|
checkInvalid = null;
|
|
9739
|
-
|
|
9740
|
-
|
|
9741
|
-
this._detector.markForCheck();
|
|
9742
|
-
}
|
|
9743
|
-
;
|
|
9744
|
-
set maxDate(value) {
|
|
9745
|
-
this._maxDate = this._getDateFromTimezone(value);
|
|
9746
|
-
this._detector.markForCheck();
|
|
9747
|
-
}
|
|
9748
|
-
;
|
|
9748
|
+
minDate = '';
|
|
9749
|
+
maxDate = '';
|
|
9749
9750
|
dateInput;
|
|
9750
9751
|
timeInput;
|
|
9751
9752
|
changed = new EventEmitter();
|
|
9752
9753
|
modelChange = new EventEmitter();
|
|
9753
9754
|
blurred = new EventEmitter();
|
|
9754
|
-
constructor(_detector) {
|
|
9755
|
-
this._detector = _detector;
|
|
9756
|
-
}
|
|
9757
9755
|
ngAfterViewInit() {
|
|
9758
9756
|
this.dt = new AirDatepicker(this.dateInput.nativeElement, {
|
|
9759
9757
|
container: this.container,
|
|
@@ -9765,8 +9763,8 @@ class InputDateTimeComponent {
|
|
|
9765
9763
|
range: this.range,
|
|
9766
9764
|
multipleDatesSeparator: ' - ',
|
|
9767
9765
|
timepicker: this.timepicker,
|
|
9768
|
-
minDate: this.minDate,
|
|
9769
|
-
maxDate: this.maxDate,
|
|
9766
|
+
minDate: formattingFromMoscowTimezone(this.minDate, this.timezone),
|
|
9767
|
+
maxDate: formattingFromMoscowTimezone(this.maxDate, this.timezone),
|
|
9770
9768
|
inline: this.inline,
|
|
9771
9769
|
position({ $datepicker, $target, $pointer, done }) {
|
|
9772
9770
|
let popper = createPopper($target, $datepicker, {
|
|
@@ -9844,12 +9842,6 @@ class InputDateTimeComponent {
|
|
|
9844
9842
|
}
|
|
9845
9843
|
}
|
|
9846
9844
|
}
|
|
9847
|
-
get minDate() {
|
|
9848
|
-
return this._minDate;
|
|
9849
|
-
}
|
|
9850
|
-
get maxDate() {
|
|
9851
|
-
return this._maxDate;
|
|
9852
|
-
}
|
|
9853
9845
|
get getDateValue() {
|
|
9854
9846
|
return `${this.dateModel.view}${this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9855
9847
|
}
|
|
@@ -9989,8 +9981,12 @@ class InputDateTimeComponent {
|
|
|
9989
9981
|
validMinDate = this.minDate;
|
|
9990
9982
|
}
|
|
9991
9983
|
else {
|
|
9992
|
-
|
|
9993
|
-
|
|
9984
|
+
if (this.maxDate) {
|
|
9985
|
+
validMaxDate = dayjs(this.maxDate).tz(this.timezone).hour(23).minute(59).second(59).millisecond(0).toISOString();
|
|
9986
|
+
}
|
|
9987
|
+
if (this.minDate) {
|
|
9988
|
+
validMinDate = dayjs(this.minDate).tz(this.timezone).hour(0).minute(0).second(0 - 1).millisecond(0).toISOString();
|
|
9989
|
+
}
|
|
9994
9990
|
}
|
|
9995
9991
|
if (this.disableValidate) {
|
|
9996
9992
|
this.invalidMessageOff();
|
|
@@ -10072,7 +10068,7 @@ class InputDateTimeComponent {
|
|
|
10072
10068
|
this.blurred.emit({ value: this.value, id: this.uuid });
|
|
10073
10069
|
});
|
|
10074
10070
|
}
|
|
10075
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateTimeComponent, deps: [
|
|
10071
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10076
10072
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: [
|
|
10077
10073
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
10078
10074
|
], 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\r\n\r\n\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)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i6.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 });
|
|
@@ -10082,7 +10078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10082
10078
|
args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
10083
10079
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
10084
10080
|
], 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\r\n\r\n\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)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.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"] }]
|
|
10085
|
-
}],
|
|
10081
|
+
}], propDecorators: { fields: [{
|
|
10086
10082
|
type: Input
|
|
10087
10083
|
}], size: [{
|
|
10088
10084
|
type: Input
|