@taiga-ui/kit 3.25.0 → 3.26.0
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/bundles/taiga-ui-kit-components-avatar.umd.js +27 -9
- package/bundles/taiga-ui-kit-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badge.umd.js +2 -6
- package/bundles/taiga-ui-kit-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badged-content.umd.js +0 -8
- package/bundles/taiga-ui-kit-components-badged-content.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.js +3 -3
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-combo-box.umd.js +3 -6
- package/bundles/taiga-ui-kit-components-combo-box.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js +0 -7
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-files.umd.js +2 -7
- package/bundles/taiga-ui-kit-components-files.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-filter.umd.js +0 -3
- package/bundles/taiga-ui-kit-components-filter.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-copy.umd.js +0 -4
- package/bundles/taiga-ui-kit-components-input-copy.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-date-time.umd.js +140 -51
- package/bundles/taiga-ui-kit-components-input-date-time.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-date.umd.js +62 -65
- package/bundles/taiga-ui-kit-components-input-date.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-files.umd.js +2 -10
- package/bundles/taiga-ui-kit-components-input-files.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-number.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-input-number.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-range.umd.js +0 -8
- package/bundles/taiga-ui-kit-components-input-range.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-slider.umd.js +0 -4
- package/bundles/taiga-ui-kit-components-input-slider.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input.umd.js +0 -1
- package/bundles/taiga-ui-kit-components-input.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-line-clamp.umd.js +0 -4
- package/bundles/taiga-ui-kit-components-line-clamp.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-multi-select.umd.js +7 -4
- package/bundles/taiga-ui-kit-components-multi-select.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-pagination.umd.js +0 -7
- package/bundles/taiga-ui-kit-components-pagination.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-block.umd.js +6 -5
- package/bundles/taiga-ui-kit-components-radio-block.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-list.umd.js +0 -3
- package/bundles/taiga-ui-kit-components-radio-list.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-range.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-range.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-select.umd.js +0 -1
- package/bundles/taiga-ui-kit-components-select.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-tabs.umd.js +0 -8
- package/bundles/taiga-ui-kit-components-tabs.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-tag.umd.js +2 -6
- package/bundles/taiga-ui-kit-components-tag.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-pipes-field-error.umd.js +20 -8
- package/bundles/taiga-ui-kit-pipes-field-error.umd.js.map +1 -1
- package/components/avatar/avatar.component.d.ts +5 -2
- package/components/files/files.component.d.ts +1 -1
- package/components/input-date/input-date.module.d.ts +1 -1
- package/components/input-date/native-date/native-date.component.d.ts +3 -3
- package/components/input-date-time/input-date-time.component.d.ts +6 -2
- package/components/input-date-time/input-date-time.directive.d.ts +3 -0
- package/components/input-date-time/input-date-time.module.d.ts +7 -6
- package/components/input-date-time/native-date-time/native-date-time.directive.d.ts +10 -0
- package/components/pagination/pagination.component.d.ts +1 -1
- package/components/range/range-change.directive.d.ts +1 -1
- package/components/tag/tag.component.d.ts +1 -1
- package/esm2015/components/avatar/avatar.component.js +25 -11
- package/esm2015/components/badge/badge.component.js +4 -8
- package/esm2015/components/badged-content/badged-content.component.js +1 -9
- package/esm2015/components/checkbox-block/checkbox-block.component.js +4 -4
- package/esm2015/components/combo-box/combo-box.component.js +4 -7
- package/esm2015/components/data-list-wrapper/data-list-wrapper.js +1 -8
- package/esm2015/components/files/file/file.component.js +1 -5
- package/esm2015/components/files/files.component.js +4 -5
- package/esm2015/components/filter/filter.component.js +1 -4
- package/esm2015/components/input/input.component.js +1 -2
- package/esm2015/components/input-copy/input-copy.component.js +1 -5
- package/esm2015/components/input-date/input-date.component.js +8 -8
- package/esm2015/components/input-date/input-date.module.js +4 -4
- package/esm2015/components/input-date/native-date/native-date.component.js +7 -10
- package/esm2015/components/input-date-time/input-date-time.component.js +30 -14
- package/esm2015/components/input-date-time/input-date-time.directive.js +7 -1
- package/esm2015/components/input-date-time/input-date-time.module.js +10 -3
- package/esm2015/components/input-date-time/native-date-time/native-date-time.directive.js +47 -0
- package/esm2015/components/input-files/input-files.component.js +3 -11
- package/esm2015/components/input-number/input-number.component.js +2 -2
- package/esm2015/components/input-range/input-range.component.js +1 -9
- package/esm2015/components/input-slider/input-slider.component.js +1 -5
- package/esm2015/components/input-tag/input-tag.component.js +2 -2
- package/esm2015/components/line-clamp/line-clamp.component.js +1 -5
- package/esm2015/components/multi-select/multi-select.component.js +8 -5
- package/esm2015/components/pagination/pagination.component.js +1 -8
- package/esm2015/components/radio-block/radio-block.component.js +7 -6
- package/esm2015/components/radio-list/radio-list.component.js +1 -4
- package/esm2015/components/range/range-change.directive.js +2 -2
- package/esm2015/components/select/select.component.js +1 -2
- package/esm2015/components/tabs/tabs-with-more/tabs-with-more.component.js +1 -9
- package/esm2015/components/tag/tag.component.js +3 -7
- package/esm2015/pipes/field-error/field-error-pipe.js +21 -9
- package/fesm2015/taiga-ui-kit-components-avatar.js +24 -10
- package/fesm2015/taiga-ui-kit-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-badge.js +3 -7
- package/fesm2015/taiga-ui-kit-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-badged-content.js +0 -8
- package/fesm2015/taiga-ui-kit-components-badged-content.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-checkbox-block.js +3 -3
- package/fesm2015/taiga-ui-kit-components-checkbox-block.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-combo-box.js +3 -6
- package/fesm2015/taiga-ui-kit-components-combo-box.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js +0 -7
- package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-files.js +3 -8
- package/fesm2015/taiga-ui-kit-components-files.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-filter.js +0 -3
- package/fesm2015/taiga-ui-kit-components-filter.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-copy.js +0 -4
- package/fesm2015/taiga-ui-kit-components-input-copy.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-date-time.js +87 -17
- package/fesm2015/taiga-ui-kit-components-input-date-time.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-date.js +14 -17
- package/fesm2015/taiga-ui-kit-components-input-date.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-files.js +2 -10
- package/fesm2015/taiga-ui-kit-components-input-files.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-number.js +1 -1
- package/fesm2015/taiga-ui-kit-components-input-number.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-range.js +0 -8
- package/fesm2015/taiga-ui-kit-components-input-range.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-slider.js +0 -4
- package/fesm2015/taiga-ui-kit-components-input-slider.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-tag.js +1 -1
- package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input.js +0 -1
- package/fesm2015/taiga-ui-kit-components-input.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-line-clamp.js +0 -4
- package/fesm2015/taiga-ui-kit-components-line-clamp.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-multi-select.js +7 -4
- package/fesm2015/taiga-ui-kit-components-multi-select.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-pagination.js +0 -7
- package/fesm2015/taiga-ui-kit-components-pagination.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio-block.js +6 -5
- package/fesm2015/taiga-ui-kit-components-radio-block.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio-list.js +0 -3
- package/fesm2015/taiga-ui-kit-components-radio-list.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-range.js +1 -1
- package/fesm2015/taiga-ui-kit-components-range.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-select.js +0 -1
- package/fesm2015/taiga-ui-kit-components-select.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-tabs.js +0 -8
- package/fesm2015/taiga-ui-kit-components-tabs.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-tag.js +2 -6
- package/fesm2015/taiga-ui-kit-components-tag.js.map +1 -1
- package/fesm2015/taiga-ui-kit-pipes-field-error.js +20 -8
- package/fesm2015/taiga-ui-kit-pipes-field-error.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/kit/constants'), require('@taiga-ui/kit/tokens'), require('@taiga-ui/kit/utils/mask'), require('@tinkoff/ng-polymorpheus'), require('rxjs/operators'), require('@taiga-ui/kit/directives'), require('@angular/common'), require('rxjs')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/input-date', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/kit/constants', '@taiga-ui/kit/tokens', '@taiga-ui/kit/utils/mask', '@tinkoff/ng-polymorpheus', 'rxjs/operators', '@taiga-ui/kit/directives', '@angular/common', 'rxjs'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components["input-date"] = {}), global.ng.core, global.ng.forms, global.
|
|
5
|
-
})(this, (function (exports, i0, i7,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components["input-date"] = {}), global.ng.core, global.ng.forms, global.i2, global.i1, global["taiga-ui"].kit.constants, global["taiga-ui"].kit.tokens, global["taiga-ui"].kit.utils.mask, global.i4, global.rxjs.operators, global["taiga-ui"].kit.directives, global.ng.common, global.rxjs));
|
|
5
|
+
})(this, (function (exports, i0, i7, i2, i1, constants, tokens, mask, i4, operators, i3, i5, i8) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
|
|
27
|
-
var
|
|
27
|
+
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
28
28
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
29
|
-
var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
|
|
30
29
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
31
|
-
var
|
|
30
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
31
|
+
var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
|
|
32
32
|
var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
|
|
33
33
|
|
|
34
34
|
/*! *****************************************************************************
|
|
@@ -349,32 +349,31 @@
|
|
|
349
349
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
350
350
|
}
|
|
351
351
|
|
|
352
|
-
var
|
|
353
|
-
function
|
|
352
|
+
var TuiNativeDateDirective = /** @class */ (function () {
|
|
353
|
+
function TuiNativeDateDirective(host, dateFormat) {
|
|
354
354
|
this.host = host;
|
|
355
355
|
this.dateFormat = dateFormat;
|
|
356
356
|
}
|
|
357
|
-
Object.defineProperty(
|
|
357
|
+
Object.defineProperty(TuiNativeDateDirective.prototype, "value", {
|
|
358
358
|
get: function () {
|
|
359
|
-
return this.host.value.length ===
|
|
360
|
-
?
|
|
359
|
+
return this.host.value.length === i2.DATE_FILLER_LENGTH
|
|
360
|
+
? i2.TuiDay.normalizeParse(this.host.value, this.dateFormat).toString('YMD', '-')
|
|
361
361
|
: '';
|
|
362
362
|
},
|
|
363
363
|
enumerable: false,
|
|
364
364
|
configurable: true
|
|
365
365
|
});
|
|
366
|
-
|
|
367
|
-
this.host.onValueChange(value ?
|
|
366
|
+
TuiNativeDateDirective.prototype.onChange = function (value) {
|
|
367
|
+
this.host.onValueChange(value ? i2.TuiDay.normalizeParse(value, 'YMD').toString(this.dateFormat) : '');
|
|
368
368
|
};
|
|
369
|
-
return
|
|
369
|
+
return TuiNativeDateDirective;
|
|
370
370
|
}());
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type:
|
|
374
|
-
type: i0.
|
|
371
|
+
TuiNativeDateDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeDateDirective, deps: [{ token: i1.TUI_TEXTFIELD_HOST }, { token: i2.TUI_DATE_FORMAT }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
372
|
+
TuiNativeDateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeDateDirective, selector: "input[tuiDate]", host: { attributes: { "type": "date" }, listeners: { "change": "onChange($event.target.value)", "click.stop.silent": "0", "input.stop.silent": "0", "mousedown.stop.silent": "0" }, properties: { "tabIndex": "-1", "value": "value" } }, ngImport: i0__namespace });
|
|
373
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeDateDirective, decorators: [{
|
|
374
|
+
type: i0.Directive,
|
|
375
375
|
args: [{
|
|
376
376
|
selector: 'input[tuiDate]',
|
|
377
|
-
template: '',
|
|
378
377
|
host: {
|
|
379
378
|
type: 'date',
|
|
380
379
|
'[tabIndex]': '-1',
|
|
@@ -384,8 +383,6 @@
|
|
|
384
383
|
'(input.stop.silent)': '0',
|
|
385
384
|
'(mousedown.stop.silent)': '0',
|
|
386
385
|
},
|
|
387
|
-
styleUrls: ['./native-date.style.less'],
|
|
388
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
389
386
|
}]
|
|
390
387
|
}], ctorParameters: function () {
|
|
391
388
|
return [{ type: undefined, decorators: [{
|
|
@@ -393,7 +390,7 @@
|
|
|
393
390
|
args: [i1.TUI_TEXTFIELD_HOST]
|
|
394
391
|
}] }, { type: undefined, decorators: [{
|
|
395
392
|
type: i0.Inject,
|
|
396
|
-
args: [
|
|
393
|
+
args: [i2.TUI_DATE_FORMAT]
|
|
397
394
|
}] }];
|
|
398
395
|
} });
|
|
399
396
|
|
|
@@ -419,12 +416,12 @@
|
|
|
419
416
|
};
|
|
420
417
|
_this.min = _this.options.min;
|
|
421
418
|
_this.max = _this.options.max;
|
|
422
|
-
_this.disabledItemHandler =
|
|
419
|
+
_this.disabledItemHandler = i2.ALWAYS_FALSE_HANDLER;
|
|
423
420
|
_this.markerHandler = i1.TUI_DEFAULT_MARKER_HANDLER;
|
|
424
421
|
_this.items = [];
|
|
425
|
-
_this.defaultActiveYearMonth =
|
|
422
|
+
_this.defaultActiveYearMonth = i2.TuiMonth.currentLocal();
|
|
426
423
|
_this.open = false;
|
|
427
|
-
_this.filler$ = _this.dateTexts$.pipe(operators.map(function (dateTexts) { return
|
|
424
|
+
_this.filler$ = _this.dateTexts$.pipe(operators.map(function (dateTexts) { return i2.changeDateSeparator(dateTexts[_this.dateFormat], _this.dateSeparator); }));
|
|
428
425
|
return _this;
|
|
429
426
|
}
|
|
430
427
|
Object.defineProperty(TuiInputDateComponent.prototype, "nativeFocusableElement", {
|
|
@@ -480,7 +477,7 @@
|
|
|
480
477
|
}
|
|
481
478
|
return (this.month ||
|
|
482
479
|
this.value ||
|
|
483
|
-
|
|
480
|
+
i2.tuiDateClamp(this.defaultActiveYearMonth, this.min, this.max));
|
|
484
481
|
},
|
|
485
482
|
enumerable: false,
|
|
486
483
|
configurable: true
|
|
@@ -549,7 +546,7 @@
|
|
|
549
546
|
return;
|
|
550
547
|
}
|
|
551
548
|
this.dialogs
|
|
552
|
-
.open(new
|
|
549
|
+
.open(new i4.PolymorpheusComponent(this.mobileCalendar, this.injector), {
|
|
553
550
|
size: 'fullscreen',
|
|
554
551
|
closeable: false,
|
|
555
552
|
data: {
|
|
@@ -572,9 +569,9 @@
|
|
|
572
569
|
this.onOpenChange(true);
|
|
573
570
|
}
|
|
574
571
|
this.value =
|
|
575
|
-
value.length !==
|
|
572
|
+
value.length !== i2.DATE_FILLER_LENGTH
|
|
576
573
|
? null
|
|
577
|
-
:
|
|
574
|
+
: i2.TuiDay.normalizeParse(value, this.dateFormat);
|
|
578
575
|
};
|
|
579
576
|
TuiInputDateComponent.prototype.onDayClick = function (value) {
|
|
580
577
|
this.value = value;
|
|
@@ -598,33 +595,33 @@
|
|
|
598
595
|
this.nativeValue = value ? this.computedValue : '';
|
|
599
596
|
};
|
|
600
597
|
TuiInputDateComponent.prototype.valueIdenticalComparator = function (oldValue, newValue) {
|
|
601
|
-
return
|
|
598
|
+
return i2.tuiNullableSame(oldValue, newValue, function (a, b) { return a.daySame(b); });
|
|
602
599
|
};
|
|
603
600
|
return TuiInputDateComponent;
|
|
604
|
-
}(
|
|
605
|
-
TuiInputDateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateComponent, deps: [{ token: i7.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token:
|
|
601
|
+
}(i2.AbstractTuiNullableControl));
|
|
602
|
+
TuiInputDateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateComponent, deps: [{ token: i7.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i2.TUI_IS_MOBILE }, { token: i1.TuiDialogService }, { token: tokens.TUI_MOBILE_CALENDAR, optional: true }, { token: i1.TUI_TEXTFIELD_SIZE }, { token: i2.TUI_DATE_FORMAT }, { token: i2.TUI_DATE_SEPARATOR }, { token: tokens.TUI_DATE_TEXTS }, { token: tokens.TUI_DATE_VALUE_TRANSFORMER, optional: true }, { token: tokens.TUI_INPUT_DATE_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
606
603
|
TuiInputDateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiInputDateComponent, selector: "tui-input-date", inputs: { min: "min", max: "max", disabledItemHandler: "disabledItemHandler", markerHandler: "markerHandler", items: "items", defaultActiveYearMonth: "defaultActiveYearMonth" }, host: { listeners: { "click": "onClick()" } }, providers: [
|
|
607
|
-
|
|
608
|
-
|
|
604
|
+
i2.tuiAsFocusableItemAccessor(TuiInputDateComponent),
|
|
605
|
+
i2.tuiAsControl(TuiInputDateComponent),
|
|
609
606
|
tokens.tuiDateStreamWithTransformer(tokens.TUI_DATE_VALUE_TRANSFORMER),
|
|
610
|
-
], viewQueries: [{ propertyName: "textfield", first: true, predicate: i1.TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"canOpen\"\n [open]=\"open && canOpen\"\n [content]=\"dropdown\"\n (openChange)=\"onOpenChange($event)\"\n>\n <tui-primitive-textfield\n *tuiLet=\"filler$ | async as filler\"\n automation-id=\"tui-input-date-range__textfield\"\n tuiValueAccessor\n class=\"t-textfield\"\n [tuiTextfieldIcon]=\"calendarIcon && iconContent\"\n [tuiTextfieldFiller]=\"getComputedFiller(filler || '')\"\n [pseudoFocus]=\"pseudoFocus\"\n [pseudoHover]=\"pseudoHover\"\n [invalid]=\"computedInvalid\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [focusable]=\"computedFocusable\"\n [disabled]=\"computedDisabled\"\n [textMask]=\"computedMask\"\n [value]=\"computedValue\"\n (valueChange)=\"onValueChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n >\n <ng-content></ng-content>\n <ng-content\n select=\"input\"\n ngProjectAs=\"input\"\n ></ng-content>\n </tui-primitive-textfield>\n\n <ng-template #iconContent>\n <tui-svg\n *polymorpheusOutlet=\"calendarIcon as src; context: {$implicit: size}\"\n tuiWrapper\n appearance=\"icon\"\n automation-id=\"tui-input-date-range__icon\"\n [class.t-icon]=\"!computedDisabled\"\n [src]=\"src\"\n (click)=\"onIconClick()\"\n ></tui-svg>\n <input\n *ngIf=\"isMobile && nativePicker\"\n tuiDate\n
|
|
607
|
+
], viewQueries: [{ propertyName: "textfield", first: true, predicate: i1.TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"canOpen\"\n [open]=\"open && canOpen\"\n [content]=\"dropdown\"\n (openChange)=\"onOpenChange($event)\"\n>\n <tui-primitive-textfield\n *tuiLet=\"filler$ | async as filler\"\n automation-id=\"tui-input-date-range__textfield\"\n tuiValueAccessor\n class=\"t-textfield\"\n [tuiTextfieldIcon]=\"calendarIcon && iconContent\"\n [tuiTextfieldFiller]=\"getComputedFiller(filler || '')\"\n [pseudoFocus]=\"pseudoFocus\"\n [pseudoHover]=\"pseudoHover\"\n [invalid]=\"computedInvalid\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [focusable]=\"computedFocusable\"\n [disabled]=\"computedDisabled\"\n [textMask]=\"computedMask\"\n [value]=\"computedValue\"\n (valueChange)=\"onValueChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n >\n <ng-content></ng-content>\n <ng-content\n select=\"input\"\n ngProjectAs=\"input\"\n ></ng-content>\n </tui-primitive-textfield>\n\n <ng-template #iconContent>\n <tui-svg\n *polymorpheusOutlet=\"calendarIcon as src; context: {$implicit: size}\"\n tuiWrapper\n appearance=\"icon\"\n automation-id=\"tui-input-date-range__icon\"\n [class.t-icon]=\"!computedDisabled\"\n [src]=\"src\"\n (click)=\"onIconClick()\"\n ></tui-svg>\n <input\n *ngIf=\"isMobile && nativePicker\"\n tuiDate\n class=\"t-native-input\"\n />\n </ng-template>\n\n <ng-template\n #dropdown=\"polymorpheus\"\n [polymorpheus]=\"type\"\n >\n <tui-calendar\n tuiPreventDefault=\"mousedown\"\n automation-id=\"tui-input-date__calendar\"\n [min]=\"min\"\n [max]=\"max\"\n [markerHandler]=\"markerHandler\"\n [disabledItemHandler]=\"disabledItemHandler\"\n [month]=\"computedActiveYearMonth\"\n [value]=\"value\"\n (dayClick)=\"onDayClick($event)\"\n (monthChange)=\"onMonthChange($event)\"\n ></tui-calendar>\n <div\n *ngIf=\"items.length === 1\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-button\"\n >\n <button\n tuiLink\n type=\"button\"\n (click)=\"onDayClick(items[0].day)\"\n >\n {{ items[0] }}\n </button>\n </div>\n </ng-template>\n</tui-hosted-dropdown>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}.t-icon{pointer-events:auto}.t-button{display:flex;height:2.75rem;justify-content:center;box-shadow:inset 0 1px var(--tui-base-03)}.t-button button{flex:1;text-align:center}.t-native-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:auto;font-size:2rem}\n"], components: [{ type: i1__namespace.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "sided", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i1__namespace.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }, { type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i1__namespace.TuiCalendarComponent, selector: "tui-calendar", inputs: ["month", "disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "hoveredItem", "showAdjacent", "markerHandler", "value"], outputs: ["dayClick", "monthChange", "hoveredItemChange"] }, { type: i1__namespace.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }], directives: [{ type: i2__namespace.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i1__namespace.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i3__namespace.TuiValueAccessorDirective, selector: "[tuiValueAccessor]" }, { type: i1__namespace.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { type: i1__namespace.TuiTextfieldFillerDirective, selector: "[tuiTextfieldFiller]", inputs: ["tuiTextfieldFiller"] }, { type: i3__namespace.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i4__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TuiNativeDateDirective, selector: "input[tuiDate]" }, { type: i4__namespace.PolymorpheusTemplate, selector: "ng-template[polymorpheus]", inputs: ["polymorpheus"], exportAs: ["polymorpheus"] }, { type: i2__namespace.TuiPreventDefaultDirective, selector: "[tuiPreventDefault]", inputs: ["tuiPreventDefault"] }], pipes: { "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
611
608
|
__decorate([
|
|
612
|
-
|
|
609
|
+
i2.tuiDefaultProp()
|
|
613
610
|
], TuiInputDateComponent.prototype, "min", void 0);
|
|
614
611
|
__decorate([
|
|
615
|
-
|
|
612
|
+
i2.tuiDefaultProp()
|
|
616
613
|
], TuiInputDateComponent.prototype, "max", void 0);
|
|
617
614
|
__decorate([
|
|
618
|
-
|
|
615
|
+
i2.tuiDefaultProp()
|
|
619
616
|
], TuiInputDateComponent.prototype, "disabledItemHandler", void 0);
|
|
620
617
|
__decorate([
|
|
621
|
-
|
|
618
|
+
i2.tuiDefaultProp()
|
|
622
619
|
], TuiInputDateComponent.prototype, "markerHandler", void 0);
|
|
623
620
|
__decorate([
|
|
624
|
-
|
|
621
|
+
i2.tuiDefaultProp()
|
|
625
622
|
], TuiInputDateComponent.prototype, "items", void 0);
|
|
626
623
|
__decorate([
|
|
627
|
-
|
|
624
|
+
i2.tuiDefaultProp()
|
|
628
625
|
], TuiInputDateComponent.prototype, "defaultActiveYearMonth", void 0);
|
|
629
626
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateComponent, decorators: [{
|
|
630
627
|
type: i0.Component,
|
|
@@ -634,8 +631,8 @@
|
|
|
634
631
|
styleUrls: ['./input-date.style.less'],
|
|
635
632
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
636
633
|
providers: [
|
|
637
|
-
|
|
638
|
-
|
|
634
|
+
i2.tuiAsFocusableItemAccessor(TuiInputDateComponent),
|
|
635
|
+
i2.tuiAsControl(TuiInputDateComponent),
|
|
639
636
|
tokens.tuiDateStreamWithTransformer(tokens.TUI_DATE_VALUE_TRANSFORMER),
|
|
640
637
|
],
|
|
641
638
|
}]
|
|
@@ -655,7 +652,7 @@
|
|
|
655
652
|
args: [i0.Injector]
|
|
656
653
|
}] }, { type: undefined, decorators: [{
|
|
657
654
|
type: i0.Inject,
|
|
658
|
-
args: [
|
|
655
|
+
args: [i2.TUI_IS_MOBILE]
|
|
659
656
|
}] }, { type: i1__namespace.TuiDialogService, decorators: [{
|
|
660
657
|
type: i0.Inject,
|
|
661
658
|
args: [i1.TuiDialogService]
|
|
@@ -669,14 +666,14 @@
|
|
|
669
666
|
args: [i1.TUI_TEXTFIELD_SIZE]
|
|
670
667
|
}] }, { type: undefined, decorators: [{
|
|
671
668
|
type: i0.Inject,
|
|
672
|
-
args: [
|
|
669
|
+
args: [i2.TUI_DATE_FORMAT]
|
|
673
670
|
}] }, { type: undefined, decorators: [{
|
|
674
671
|
type: i0.Inject,
|
|
675
|
-
args: [
|
|
672
|
+
args: [i2.TUI_DATE_SEPARATOR]
|
|
676
673
|
}] }, { type: i8__namespace.Observable, decorators: [{
|
|
677
674
|
type: i0.Inject,
|
|
678
675
|
args: [tokens.TUI_DATE_TEXTS]
|
|
679
|
-
}] }, { type:
|
|
676
|
+
}] }, { type: i2__namespace.AbstractTuiValueTransformer, decorators: [{
|
|
680
677
|
type: i0.Optional
|
|
681
678
|
}, {
|
|
682
679
|
type: i0.Inject,
|
|
@@ -744,53 +741,53 @@
|
|
|
744
741
|
return TuiInputDateModule;
|
|
745
742
|
}());
|
|
746
743
|
TuiInputDateModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
747
|
-
TuiInputDateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateModule, declarations: [TuiInputDateComponent, TuiInputDateDirective,
|
|
748
|
-
|
|
749
|
-
|
|
744
|
+
TuiInputDateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateModule, declarations: [TuiInputDateComponent, TuiInputDateDirective, TuiNativeDateDirective], imports: [i5.CommonModule,
|
|
745
|
+
i3.TextMaskModule,
|
|
746
|
+
i4.PolymorpheusModule,
|
|
750
747
|
i1.TuiWrapperModule,
|
|
751
|
-
|
|
748
|
+
i2.TuiPreventDefaultModule,
|
|
752
749
|
i1.TuiCalendarModule,
|
|
753
750
|
i1.TuiSvgModule,
|
|
754
751
|
i1.TuiLinkModule,
|
|
755
752
|
i1.TuiHostedDropdownModule,
|
|
756
753
|
i1.TuiPrimitiveTextfieldModule,
|
|
757
|
-
|
|
758
|
-
|
|
754
|
+
i3.TuiValueAccessorModule,
|
|
755
|
+
i2.TuiLetModule,
|
|
759
756
|
i1.TuiTextfieldControllerModule], exports: [TuiInputDateComponent, TuiInputDateDirective, i1.TuiTextfieldComponent] });
|
|
760
757
|
TuiInputDateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateModule, imports: [[
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
758
|
+
i5.CommonModule,
|
|
759
|
+
i3.TextMaskModule,
|
|
760
|
+
i4.PolymorpheusModule,
|
|
764
761
|
i1.TuiWrapperModule,
|
|
765
|
-
|
|
762
|
+
i2.TuiPreventDefaultModule,
|
|
766
763
|
i1.TuiCalendarModule,
|
|
767
764
|
i1.TuiSvgModule,
|
|
768
765
|
i1.TuiLinkModule,
|
|
769
766
|
i1.TuiHostedDropdownModule,
|
|
770
767
|
i1.TuiPrimitiveTextfieldModule,
|
|
771
|
-
|
|
772
|
-
|
|
768
|
+
i3.TuiValueAccessorModule,
|
|
769
|
+
i2.TuiLetModule,
|
|
773
770
|
i1.TuiTextfieldControllerModule,
|
|
774
771
|
]] });
|
|
775
772
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiInputDateModule, decorators: [{
|
|
776
773
|
type: i0.NgModule,
|
|
777
774
|
args: [{
|
|
778
775
|
imports: [
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
776
|
+
i5.CommonModule,
|
|
777
|
+
i3.TextMaskModule,
|
|
778
|
+
i4.PolymorpheusModule,
|
|
782
779
|
i1.TuiWrapperModule,
|
|
783
|
-
|
|
780
|
+
i2.TuiPreventDefaultModule,
|
|
784
781
|
i1.TuiCalendarModule,
|
|
785
782
|
i1.TuiSvgModule,
|
|
786
783
|
i1.TuiLinkModule,
|
|
787
784
|
i1.TuiHostedDropdownModule,
|
|
788
785
|
i1.TuiPrimitiveTextfieldModule,
|
|
789
|
-
|
|
790
|
-
|
|
786
|
+
i3.TuiValueAccessorModule,
|
|
787
|
+
i2.TuiLetModule,
|
|
791
788
|
i1.TuiTextfieldControllerModule,
|
|
792
789
|
],
|
|
793
|
-
declarations: [TuiInputDateComponent, TuiInputDateDirective,
|
|
790
|
+
declarations: [TuiInputDateComponent, TuiInputDateDirective, TuiNativeDateDirective],
|
|
794
791
|
exports: [TuiInputDateComponent, TuiInputDateDirective, i1.TuiTextfieldComponent],
|
|
795
792
|
}]
|
|
796
793
|
}] });
|