@taiga-ui/kit 3.25.0-dev.main-e209b11 → 3.25.0-dev.main-abb7c2c

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.
Files changed (33) hide show
  1. package/bundles/taiga-ui-kit-components-input-date-time.umd.js +140 -51
  2. package/bundles/taiga-ui-kit-components-input-date-time.umd.js.map +1 -1
  3. package/bundles/taiga-ui-kit-components-input-date.umd.js +62 -65
  4. package/bundles/taiga-ui-kit-components-input-date.umd.js.map +1 -1
  5. package/bundles/taiga-ui-kit-components-input-number.umd.js +1 -1
  6. package/bundles/taiga-ui-kit-components-input-number.umd.js.map +1 -1
  7. package/bundles/taiga-ui-kit-components-range.umd.js +1 -1
  8. package/bundles/taiga-ui-kit-components-range.umd.js.map +1 -1
  9. package/components/input-date/input-date.module.d.ts +1 -1
  10. package/components/input-date/native-date/native-date.component.d.ts +3 -3
  11. package/components/input-date-time/input-date-time.component.d.ts +6 -2
  12. package/components/input-date-time/input-date-time.directive.d.ts +3 -0
  13. package/components/input-date-time/input-date-time.module.d.ts +7 -6
  14. package/components/input-date-time/native-date-time/native-date-time.directive.d.ts +10 -0
  15. package/components/range/range-change.directive.d.ts +1 -1
  16. package/esm2015/components/input-date/input-date.component.js +8 -8
  17. package/esm2015/components/input-date/input-date.module.js +4 -4
  18. package/esm2015/components/input-date/native-date/native-date.component.js +7 -10
  19. package/esm2015/components/input-date-time/input-date-time.component.js +30 -14
  20. package/esm2015/components/input-date-time/input-date-time.directive.js +7 -1
  21. package/esm2015/components/input-date-time/input-date-time.module.js +10 -3
  22. package/esm2015/components/input-date-time/native-date-time/native-date-time.directive.js +47 -0
  23. package/esm2015/components/input-number/input-number.component.js +2 -2
  24. package/esm2015/components/range/range-change.directive.js +2 -2
  25. package/fesm2015/taiga-ui-kit-components-input-date-time.js +87 -17
  26. package/fesm2015/taiga-ui-kit-components-input-date-time.js.map +1 -1
  27. package/fesm2015/taiga-ui-kit-components-input-date.js +14 -17
  28. package/fesm2015/taiga-ui-kit-components-input-date.js.map +1 -1
  29. package/fesm2015/taiga-ui-kit-components-input-number.js +1 -1
  30. package/fesm2015/taiga-ui-kit-components-input-number.js.map +1 -1
  31. package/fesm2015/taiga-ui-kit-components-range.js +1 -1
  32. package/fesm2015/taiga-ui-kit-components-range.js.map +1 -1
  33. package/package.json +1 -1
@@ -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.i3, global.i1, global["taiga-ui"].kit.constants, global["taiga-ui"].kit.tokens, global["taiga-ui"].kit.utils.mask, global.i5, global.rxjs.operators, global["taiga-ui"].kit.directives, global.ng.common, global.rxjs));
5
- })(this, (function (exports, i0, i7, i3, i1, constants, tokens, mask, i5, operators, i4, i6, i8) { 'use strict';
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 i3__namespace = /*#__PURE__*/_interopNamespace(i3);
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 i6__namespace = /*#__PURE__*/_interopNamespace(i6);
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 TuiNativeDateComponent = /** @class */ (function () {
353
- function TuiNativeDateComponent(host, dateFormat) {
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(TuiNativeDateComponent.prototype, "value", {
357
+ Object.defineProperty(TuiNativeDateDirective.prototype, "value", {
358
358
  get: function () {
359
- return this.host.value.length === i3.DATE_FILLER_LENGTH
360
- ? i3.TuiDay.normalizeParse(this.host.value, this.dateFormat).toString('YMD', '-')
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
- TuiNativeDateComponent.prototype.onChange = function (value) {
367
- this.host.onValueChange(value ? i3.TuiDay.normalizeParse(value, 'YMD').toString(this.dateFormat) : '');
366
+ TuiNativeDateDirective.prototype.onChange = function (value) {
367
+ this.host.onValueChange(value ? i2.TuiDay.normalizeParse(value, 'YMD').toString(this.dateFormat) : '');
368
368
  };
369
- return TuiNativeDateComponent;
369
+ return TuiNativeDateDirective;
370
370
  }());
371
- TuiNativeDateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeDateComponent, deps: [{ token: i1.TUI_TEXTFIELD_HOST }, { token: i3.TUI_DATE_FORMAT }], target: i0__namespace.ɵɵFactoryTarget.Component });
372
- TuiNativeDateComponentcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeDateComponent, 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, template: '', isInline: true, styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:auto;font-size:2rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
373
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeDateComponent, decorators: [{
374
- type: i0.Component,
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
+ TuiNativeDateDirectivedir = 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: [i3.TUI_DATE_FORMAT]
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 = i3.ALWAYS_FALSE_HANDLER;
419
+ _this.disabledItemHandler = i2.ALWAYS_FALSE_HANDLER;
423
420
  _this.markerHandler = i1.TUI_DEFAULT_MARKER_HANDLER;
424
421
  _this.items = [];
425
- _this.defaultActiveYearMonth = i3.TuiMonth.currentLocal();
422
+ _this.defaultActiveYearMonth = i2.TuiMonth.currentLocal();
426
423
  _this.open = false;
427
- _this.filler$ = _this.dateTexts$.pipe(operators.map(function (dateTexts) { return i3.changeDateSeparator(dateTexts[_this.dateFormat], _this.dateSeparator); }));
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
- i3.tuiDateClamp(this.defaultActiveYearMonth, this.min, this.max));
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 i5.PolymorpheusComponent(this.mobileCalendar, this.injector), {
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 !== i3.DATE_FILLER_LENGTH
572
+ value.length !== i2.DATE_FILLER_LENGTH
576
573
  ? null
577
- : i3.TuiDay.normalizeParse(value, this.dateFormat);
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 i3.tuiNullableSame(oldValue, newValue, function (a, b) { return a.daySame(b); });
598
+ return i2.tuiNullableSame(oldValue, newValue, function (a, b) { return a.daySame(b); });
602
599
  };
603
600
  return TuiInputDateComponent;
604
- }(i3.AbstractTuiNullableControl));
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: i3.TUI_IS_MOBILE }, { token: i1.TuiDialogService }, { token: tokens.TUI_MOBILE_CALENDAR, optional: true }, { token: i1.TUI_TEXTFIELD_SIZE }, { token: i3.TUI_DATE_FORMAT }, { token: i3.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 });
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
- i3.tuiAsFocusableItemAccessor(TuiInputDateComponent),
608
- i3.tuiAsControl(TuiInputDateComponent),
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 type=\"date\"\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}\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: TuiNativeDateComponent, selector: "input[tuiDate]" }, { 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: i3__namespace.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i1__namespace.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i4__namespace.TuiValueAccessorDirective, selector: "[tuiValueAccessor]" }, { type: i1__namespace.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { type: i1__namespace.TuiTextfieldFillerDirective, selector: "[tuiTextfieldFiller]", inputs: ["tuiTextfieldFiller"] }, { type: i4__namespace.MaskedInputDirective, selector: "[textMask]", inputs: ["textMask"], exportAs: ["textMask"] }, { type: i5__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.PolymorpheusTemplate, selector: "ng-template[polymorpheus]", inputs: ["polymorpheus"], exportAs: ["polymorpheus"] }, { type: i3__namespace.TuiPreventDefaultDirective, selector: "[tuiPreventDefault]", inputs: ["tuiPreventDefault"] }], pipes: { "async": i6__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
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
- i3.tuiDefaultProp()
609
+ i2.tuiDefaultProp()
613
610
  ], TuiInputDateComponent.prototype, "min", void 0);
614
611
  __decorate([
615
- i3.tuiDefaultProp()
612
+ i2.tuiDefaultProp()
616
613
  ], TuiInputDateComponent.prototype, "max", void 0);
617
614
  __decorate([
618
- i3.tuiDefaultProp()
615
+ i2.tuiDefaultProp()
619
616
  ], TuiInputDateComponent.prototype, "disabledItemHandler", void 0);
620
617
  __decorate([
621
- i3.tuiDefaultProp()
618
+ i2.tuiDefaultProp()
622
619
  ], TuiInputDateComponent.prototype, "markerHandler", void 0);
623
620
  __decorate([
624
- i3.tuiDefaultProp()
621
+ i2.tuiDefaultProp()
625
622
  ], TuiInputDateComponent.prototype, "items", void 0);
626
623
  __decorate([
627
- i3.tuiDefaultProp()
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
- i3.tuiAsFocusableItemAccessor(TuiInputDateComponent),
638
- i3.tuiAsControl(TuiInputDateComponent),
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: [i3.TUI_IS_MOBILE]
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: [i3.TUI_DATE_FORMAT]
669
+ args: [i2.TUI_DATE_FORMAT]
673
670
  }] }, { type: undefined, decorators: [{
674
671
  type: i0.Inject,
675
- args: [i3.TUI_DATE_SEPARATOR]
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: i3__namespace.AbstractTuiValueTransformer, decorators: [{
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, TuiNativeDateComponent], imports: [i6.CommonModule,
748
- i4.TextMaskModule,
749
- i5.PolymorpheusModule,
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
- i3.TuiPreventDefaultModule,
748
+ i2.TuiPreventDefaultModule,
752
749
  i1.TuiCalendarModule,
753
750
  i1.TuiSvgModule,
754
751
  i1.TuiLinkModule,
755
752
  i1.TuiHostedDropdownModule,
756
753
  i1.TuiPrimitiveTextfieldModule,
757
- i4.TuiValueAccessorModule,
758
- i3.TuiLetModule,
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
- i6.CommonModule,
762
- i4.TextMaskModule,
763
- i5.PolymorpheusModule,
758
+ i5.CommonModule,
759
+ i3.TextMaskModule,
760
+ i4.PolymorpheusModule,
764
761
  i1.TuiWrapperModule,
765
- i3.TuiPreventDefaultModule,
762
+ i2.TuiPreventDefaultModule,
766
763
  i1.TuiCalendarModule,
767
764
  i1.TuiSvgModule,
768
765
  i1.TuiLinkModule,
769
766
  i1.TuiHostedDropdownModule,
770
767
  i1.TuiPrimitiveTextfieldModule,
771
- i4.TuiValueAccessorModule,
772
- i3.TuiLetModule,
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
- i6.CommonModule,
780
- i4.TextMaskModule,
781
- i5.PolymorpheusModule,
776
+ i5.CommonModule,
777
+ i3.TextMaskModule,
778
+ i4.PolymorpheusModule,
782
779
  i1.TuiWrapperModule,
783
- i3.TuiPreventDefaultModule,
780
+ i2.TuiPreventDefaultModule,
784
781
  i1.TuiCalendarModule,
785
782
  i1.TuiSvgModule,
786
783
  i1.TuiLinkModule,
787
784
  i1.TuiHostedDropdownModule,
788
785
  i1.TuiPrimitiveTextfieldModule,
789
- i4.TuiValueAccessorModule,
790
- i3.TuiLetModule,
786
+ i3.TuiValueAccessorModule,
787
+ i2.TuiLetModule,
791
788
  i1.TuiTextfieldControllerModule,
792
789
  ],
793
- declarations: [TuiInputDateComponent, TuiInputDateDirective, TuiNativeDateComponent],
790
+ declarations: [TuiInputDateComponent, TuiInputDateDirective, TuiNativeDateDirective],
794
791
  exports: [TuiInputDateComponent, TuiInputDateDirective, i1.TuiTextfieldComponent],
795
792
  }]
796
793
  }] });