@taiga-ui/kit 2.38.0 → 2.39.0

package/fesm5/taiga-ui-kit-components-input-tag.js

@@ -2,12 +2,12 @@ import { __extends, __spread, __decorate, __param } from 'tslib';
 import { InjectionToken, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ElementRef, ViewChild, ViewChildren, Input, HostBinding, Output, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
 import { EMPTY_QUERY, ALWAYS_TRUE_HANDLER, ALWAYS_FALSE_HANDLER, isNativeFocusedIn, getActualTarget, setNativeFocused, typedFromEvent, preventDefault, TuiScrollService, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiMultipleControl, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHostedDropdownComponent, TuiScrollbarComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, TuiSvgModule, TuiScrollbarModule, TuiTooltipModule, TuiHostedDropdownModule, TuiWrapperModule } from '@taiga-ui/core';
+import { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TUI_MODE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHostedDropdownComponent, TuiScrollbarComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TuiSvgModule, TuiScrollbarModule, TuiTooltipModule, TuiHostedDropdownModule, TuiWrapperModule } from '@taiga-ui/core';
 import { ALLOWED_SPACE_REGEXP, TuiTagModule } from '@taiga-ui/kit/components/tag';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { TUI_TAG_STATUS } from '@taiga-ui/kit/tokens';
-import { Subject, merge } from 'rxjs';
-import { filter, map, mapTo, switchMap, takeUntil } from 'rxjs/operators';
+import { Subject, merge, Observable } from 'rxjs';
+import { map, filter, mapTo, switchMap, takeUntil } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
@@ -22,12 +22,13 @@ var TUI_INPUT_TAG_OPTIONS = new InjectionToken('Default parameters for input-tag
 var EVENT_Y_TO_X_COEFFICIENT = 3;
 var TuiInputTagComponent = /** @class */ (function (_super) {
     __extends(TuiInputTagComponent, _super);
-    function TuiInputTagComponent(control, changeDetectorRef, tuiScrollService, elementRef, appearance, modeDirective, tagStatus, hintController, controller, options, parentHostedDropdown) {
+    function TuiInputTagComponent(control, changeDetectorRef, tuiScrollService, elementRef, appearance, modeDirective, mode$, tagStatus, hintController, controller, options, parentHostedDropdown) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.tuiScrollService = tuiScrollService;
         _this.elementRef = elementRef;
         _this.appearance = appearance;
         _this.modeDirective = modeDirective;
+        _this.mode$ = mode$;
         _this.tagStatus = tagStatus;
         _this.hintController = hintController;
         _this.controller = controller;
@@ -49,6 +50,7 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
         _this.uniqueTags = _this.options.uniqueTags;
         _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         _this.searchChange = new EventEmitter();
+        _this.status$ = _this.mode$.pipe(map(function (mode) { return (mode ? 'default' : _this.tagStatus); }));
         _this.open = false;
         return _this;
     }
@@ -179,6 +181,10 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(TuiInputTagComponent.prototype, "status", {
+        /**
+         * @deprecated: use `status$ | async` instead
+         * TODO: remove in v3.0
+         */
         get: function () {
             return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;
         },
@@ -389,6 +395,7 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] },
         { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [TUI_TAG_STATUS,] }] },
         { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
         { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
@@ -483,7 +490,7 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
         Component({
             selector: 'tui-input-tag',
             changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"t-content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"t-icons t-icons_left\">\n                <tui-svg class=\"t-icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"t-wrapper\">\n                <div class=\"t-absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"t-placeholder\"\n                        [class.t-placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"t-scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"t-tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                automation-id=\"tui-input-tag__tag\"\n                                class=\"t-tag\"\n                                [status]=\"status\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [separator]=\"separator\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, index)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"t-text\"\n                                [class.t-text_disabled]=\"disabledItemHandler(item)\"\n                                [class.t-text_error]=\"!tagValidator(item)\"\n                                [innerText]=\"item\"\n                            ></span>\n                        </ng-template>\n                        <div\n                            class=\"t-input-wrapper\"\n                            [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"t-ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"t-native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.t-native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"t-icons t-icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"t-cleaner\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    class=\"t-tooltip\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg src=\"tuiIconAttention\" class=\"t-error-icon\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"t-content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"t-icons t-icons_left\">\n                <tui-svg class=\"t-icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"t-wrapper\">\n                <div class=\"t-absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"t-placeholder\"\n                        [class.t-placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"t-scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"t-tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                automation-id=\"tui-input-tag__tag\"\n                                class=\"t-tag\"\n                                [status]=\"status$ | async\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [separator]=\"separator\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, index)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"t-text\"\n                                [class.t-text_disabled]=\"disabledItemHandler(item)\"\n                                [class.t-text_error]=\"!tagValidator(item)\"\n                                [innerText]=\"item\"\n                            ></span>\n                        </ng-template>\n                        <div\n                            class=\"t-input-wrapper\"\n                            [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"t-ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"t-native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.t-native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"t-icons t-icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"t-cleaner\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    class=\"t-tooltip\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg src=\"tuiIconAttention\" class=\"t-error-icon\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
@@ -496,6 +503,7 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
                 FIXED_DROPDOWN_CONTROLLER_PROVIDER,
                 TEXTFIELD_CONTROLLER_PROVIDER,
                 HINT_CONTROLLER_PROVIDER,
+                MODE_PROVIDER,
             ],
             styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{transition-property:transform,color,letter-spacing}}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-size='s'] .t-icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.t-icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .t-icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-native{border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.t-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
         }),
@@ -508,12 +516,13 @@ var TuiInputTagComponent = /** @class */ (function (_super) {
         __param(4, Inject(TUI_TEXTFIELD_APPEARANCE)),
         __param(5, Optional()),
         __param(5, Inject(TuiModeDirective)),
-        __param(6, Inject(TUI_TAG_STATUS)),
-        __param(7, Inject(TUI_HINT_WATCHED_CONTROLLER)),
-        __param(8, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
-        __param(9, Inject(TUI_INPUT_TAG_OPTIONS)),
-        __param(10, Optional()),
-        __param(10, Inject(TuiHostedDropdownComponent))
+        __param(6, Inject(TUI_MODE)),
+        __param(7, Inject(TUI_TAG_STATUS)),
+        __param(8, Inject(TUI_HINT_WATCHED_CONTROLLER)),
+        __param(9, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
+        __param(10, Inject(TUI_INPUT_TAG_OPTIONS)),
+        __param(11, Optional()),
+        __param(11, Inject(TuiHostedDropdownComponent))
     ], TuiInputTagComponent);
     return TuiInputTagComponent;
 }(AbstractTuiMultipleControl));

package/fesm5/taiga-ui-kit-components-input-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag-options.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport interface TuiInputTagOptions {\n    readonly separator: string | RegExp;\n    readonly uniqueTags: boolean;\n}\n\nexport const TUI_INPUT_TAG_DEFAULT_OPTIONS: TuiInputTagOptions = {\n    separator: ',',\n    uniqueTags: true,\n};\n\nexport const TUI_INPUT_TAG_OPTIONS = new InjectionToken<TuiInputTagOptions>(\n    'Default parameters for input-tag',\n    {\n        factory: () => TUI_INPUT_TAG_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {TuiStringifiableItem} from '@taiga-ui/kit/classes';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TUI_INPUT_TAG_OPTIONS, TuiInputTagOptions} from './input-tag-options';\n\nconst EVENT_Y_TO_X_COEFFICIENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    // TODO: Remove in 3.0\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    separator: string | RegExp = this.options.separator;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    uniqueTags = this.options.uniqueTags;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string | TuiStringifiableItem<any>> =\n        ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private readonly tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_INPUT_TAG_OPTIONS)\n        private readonly options: TuiInputTagOptions,\n        @Optional()\n        @Inject(TuiHostedDropdownComponent)\n        private readonly parentHostedDropdown?: TuiHostedDropdownComponent,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            !!this.hostedDropdown?.focused\n        );\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return this.controller.cleaner && this.hasValue && this.interactive;\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return (\n            !this.labelOutside ||\n            (!this.hasValue && (!this.hasExampleText || this.inputHidden))\n        );\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n        this.parentHostedDropdown?.updateOpen(true);\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, index: number) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map((tag, tagIndex) =>\n                    tagIndex !== index\n                        ? tag\n                        : value\n                              .split(this.separator)\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(this.separator)\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(\n                    item =>\n                        !this.uniqueTags || (!!item && !seen.has(item) && seen.add(item)),\n                )\n                .reverse(),\n        );\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICIENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag-options.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport interface TuiInputTagOptions {\n    readonly separator: string | RegExp;\n    readonly uniqueTags: boolean;\n}\n\nexport const TUI_INPUT_TAG_DEFAULT_OPTIONS: TuiInputTagOptions = {\n    separator: ',',\n    uniqueTags: true,\n};\n\nexport const TUI_INPUT_TAG_OPTIONS = new InjectionToken<TuiInputTagOptions>(\n    'Default parameters for input-tag',\n    {\n        factory: () => TUI_INPUT_TAG_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_MODE,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiBrightness,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {TuiStringifiableItem} from '@taiga-ui/kit/classes';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Observable, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TUI_INPUT_TAG_OPTIONS, TuiInputTagOptions} from './input-tag-options';\n\nconst EVENT_Y_TO_X_COEFFICIENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n        MODE_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    // TODO: Remove in 3.0\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    separator: string | RegExp = this.options.separator;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    uniqueTags = this.options.uniqueTags;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string | TuiStringifiableItem<any>> =\n        ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    status$: Observable<TuiStatusT> = this.mode$.pipe(\n        map(mode => (mode ? 'default' : this.tagStatus)),\n    );\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private readonly tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_MODE)\n        private readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_INPUT_TAG_OPTIONS)\n        private readonly options: TuiInputTagOptions,\n        @Optional()\n        @Inject(TuiHostedDropdownComponent)\n        private readonly parentHostedDropdown?: TuiHostedDropdownComponent,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            !!this.hostedDropdown?.focused\n        );\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return this.controller.cleaner && this.hasValue && this.interactive;\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return (\n            !this.labelOutside ||\n            (!this.hasValue && (!this.hasExampleText || this.inputHidden))\n        );\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    /**\n     * @deprecated: use `status$ | async` instead\n     * TODO: remove in v3.0\n     */\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n        this.parentHostedDropdown?.updateOpen(true);\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, index: number) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map((tag, tagIndex) =>\n                    tagIndex !== index\n                        ? tag\n                        : value\n                              .split(this.separator)\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(this.separator)\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(\n                    item =>\n                        !this.uniqueTags || (!!item && !seen.has(item) && seen.add(item)),\n                )\n                .reverse(),\n        );\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICIENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-slider.js

@@ -134,13 +134,13 @@ var TuiSliderComponent = /** @class */ (function () {
                  * For change detection.
                  * Webkit does not have built-in method for customization of filling progress (as Firefox).
                  * We draw filling of progress by `background: linear-gradient(...)` of the track.
-                 * This function triggers change detection (for `fillPercentage` function) when we drag thumb of the input.
+                 * This function triggers change detection (for {@link valuePercentage} function) when we drag thumb of the input.
                  */
                 '(input)': '0',
                 '[style.--tui-slider-track-color]': 'options.trackColor',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:block;width:100%;color:var(--tui-primary);cursor:pointer}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host:not(._old-edge){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.125rem;padding:.4375rem 0;background:var(--tui-slider-track-color);background-clip:content-box;outline:0;border-radius:var(--tui-radius-m)}:host:not(._old-edge)::-webkit-slider-container{border-radius:inherit}:host:not(._old-edge)[data-size='m']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.375rem,0;background-size:calc(100% - 1rem),calc(100% - 1rem),auto}:host:not(._old-edge)[data-size='s']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.125rem,0;background-size:calc(100% - .5rem),calc(100% - .5rem),auto}:host:not(._old-edge)[data-size='m']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.375rem;background-size:calc(100% - 1rem)}:host:not(._old-edge)[data-size='s']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.125rem;background-size:calc(100% - .5rem)}:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem;margin-top:-.4375rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem;margin-top:-.1875rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='m']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='m']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='s']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)::-moz-range-progress{background:currentColor;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}:host._old-edge::-ms-thumb{background:currentColor}:host._old-edge::-ms-fill-lower{background:currentColor}:host._old-edge::-ms-track{background:var(--tui-slider-track-color)}"]
+            styles: [":host{display:block;width:100%;color:var(--tui-primary);cursor:pointer}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host:not(._old-edge){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.125rem;padding:.4375rem 0;background-color:transparent;background-clip:content-box;outline:0;border-radius:var(--tui-radius-m)}:host:not(._old-edge)::-webkit-slider-container{border-radius:inherit}:host:not(._old-edge)[data-size='m']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-color:var(--tui-slider-track-color);background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.375rem,0;background-size:calc(100% - 1rem),calc(100% - 1rem),auto}:host:not(._old-edge)[data-size='s']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-color:var(--tui-slider-track-color);background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.125rem,0;background-size:calc(100% - .5rem),calc(100% - .5rem),auto}:host:not(._old-edge)[data-size='m']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-color:var(--tui-slider-track-color);background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.375rem;background-size:calc(100% - 1rem)}:host:not(._old-edge)[data-size='s']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-color:var(--tui-slider-track-color);background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.125rem;background-size:calc(100% - .5rem)}:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem;margin-top:-.4375rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem;margin-top:-.1875rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='m']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='m']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb{cursor:ew-resize}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:active{background:var(--tui-primary-active)}:focus-visible:host:not(._old-edge)[data-size='s']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)::-moz-range-progress{background:currentColor;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}:host._old-edge::-ms-thumb{background:currentColor}:host._old-edge::-ms-fill-lower{background:currentColor}:host._old-edge::-ms-track{background:var(--tui-slider-track-color)}"]
         }),
         __param(0, Optional()),
         __param(0, Self()),
@@ -178,6 +178,22 @@ var TuiSliderKeyStepsDirective = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(TuiSliderKeyStepsDirective.prototype, "min", {
+        get: function () {
+            var _a;
+            return ((_a = this.keySteps[0]) === null || _a === void 0 ? void 0 : _a[1]) || 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiSliderKeyStepsDirective.prototype, "max", {
+        get: function () {
+            var _a;
+            return ((_a = this.keySteps[this.keySteps.length - 1]) === null || _a === void 0 ? void 0 : _a[1]) || 100;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(TuiSliderKeyStepsDirective.prototype, "controlValue", {
         get: function () {
             var valuePercentage = this.slider.valuePercentage;
@@ -233,6 +249,11 @@ var TuiSliderKeyStepsDirective = /** @class */ (function (_super) {
     TuiSliderKeyStepsDirective = __decorate([
         Directive({
             selector: 'input[tuiSlider][keySteps]',
+            host: {
+                '[attr.aria-valuenow]': 'controlValue',
+                '[attr.aria-valuemin]': 'min',
+                '[attr.aria-valuemax]': 'max',
+            },
         }),
         __param(0, Optional()),
         __param(0, Self()),

package/fesm5/taiga-ui-kit-components-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-slider.js","sources":["ng://@taiga-ui/kit/components/slider/slider-options.ts","ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider-key-steps.directive.ts","ng://@taiga-ui/kit/components/slider/slider-old.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts","ng://@taiga-ui/kit/components/slider/taiga-ui-kit-components-slider.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiSliderOptions {\n    readonly size: TuiSizeS;\n    readonly trackColor: string;\n}\n\nexport const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions = {\n    size: 'm',\n    trackColor: 'var(--tui-base-03)',\n};\n\nexport const TUI_SLIDER_OPTIONS = new InjectionToken<TuiSliderOptions>(\n    'Default parameters for Slider component',\n    {factory: () => TUI_SLIDER_DEFAULT_OPTIONS},\n);\n\nexport function tuiSliderOptionsProvider(\n    options: Partial<TuiSliderOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_SLIDER_OPTIONS,\n        useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n    watch,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {take} from 'rxjs/operators';\n\nimport {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider-options';\n\n@Component({\n    /**\n     * We have to call our component as `<input tuiSlider type=\"range\" ... />`\n     * because otherwise built-in angular\n     * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}\n     * cannot be matched by its CSS selector.\n     */\n    selector: 'input[type=range][tuiSlider]',\n    template: ``,\n    styleUrls: ['./slider.style.less'],\n    host: {\n        /**\n         * For change detection.\n         * Webkit does not have built-in method for customization of filling progress (as Firefox).\n         * We draw filling of progress by `background: linear-gradient(...)` of the track.\n         * This function triggers change detection (for `fillPercentage` function) when we drag thumb of the input.\n         */\n        '(input)': '0',\n        '[style.--tui-slider-track-color]': 'options.trackColor',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 1;\n\n    get min(): number {\n        return Number(this.elementRef.nativeElement.min);\n    }\n\n    get max(): number {\n        return Number(this.elementRef.nativeElement.max) || 100;\n    }\n\n    get step(): number {\n        return Number(this.elementRef.nativeElement.step) || 1;\n    }\n\n    get value(): number {\n        return Number(this.elementRef.nativeElement.value) || 0;\n    }\n\n    set value(newValue: number) {\n        this.elementRef.nativeElement.value = `${newValue}`;\n    }\n\n    @HostBinding('style.--tui-slider-fill-percentage.%')\n    get valuePercentage(): number {\n        return (100 * this.value) / (this.max - this.min);\n    }\n\n    @HostBinding('style.--tui-slider-segment-width.%')\n    get segmentWidth(): number {\n        return 100 / Math.max(1, this.segments);\n    }\n\n    @HostBinding('class._old-edge')\n    get isOldEdge(): boolean {\n        return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_SLIDER_OPTIONS) readonly options: TuiSliderOptions,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {\n        if (control instanceof NgModel) {\n            /**\n             * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,\n             * when a control is bound using [(ngModel)], first time with a phantom null value.\n             * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.\n             * ___\n             * See this {@link https://github.com/angular/angular/issues/14988 issue}\n             */\n            control.valueChanges?.pipe(watch(changeDetectorRef), take(1)).subscribe();\n        }\n    }\n}\n","import {\n    ChangeDetectorRef,\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Pipe,\n    PipeTransform,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    round,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {map} from 'rxjs/operators';\n\nimport {TuiSliderComponent} from './slider.component';\n\n// @dynamic\n@Directive({\n    selector: 'input[tuiSlider][keySteps]',\n})\nexport class TuiSliderKeyStepsDirective\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp(checkHasMinMaxPercents, 'Should contain min and max values')\n    keySteps: TuiKeySteps = [];\n\n    @Output()\n    keyStepsInput = typedFromEvent(this.elementRef.nativeElement, 'input').pipe(\n        map(() => this.controlValue),\n    );\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled ? null : this.elementRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    private get controlValue(): number {\n        const {valuePercentage} = this.slider;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(valuePercentage, lowerStep, upperStep);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(TuiSliderComponent) private readonly slider: TuiSliderComponent,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostListener('change')\n    updateControlValue() {\n        this.updateValue(this.controlValue);\n    }\n\n    writeValue(controlValue: number | null) {\n        if (controlValue === null) {\n            return;\n        }\n\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([_, keyStepValue]) => controlValue <= keyStepValue,\n        );\n\n        this.slider.value = this.transformToNativeValue(\n            controlValue,\n            lowerStep,\n            upperStep,\n        );\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private transformToNativeValue(\n        controlValue: number,\n        [upperStepPercent, upperStepValue]: [number, number],\n        [lowerStepPercent, lowerStepValue]: [number, number],\n    ): number {\n        const {min, max} = this.slider;\n        const ratio = (controlValue - lowerStepValue) / (upperStepValue - lowerStepValue);\n        const newValuePercentage =\n            (upperStepPercent - lowerStepPercent) * ratio + lowerStepPercent;\n\n        return (newValuePercentage * (max - min)) / 100;\n    }\n}\n\n/**\n * @deprecated DONT USE IT! It is just temporary solution for internal purposes only. We will delete it in next major release.\n * TODO delete it in v3.0\n *\n */\n@Pipe({name: 'tuiSliderTickLabel'})\nexport class TuiSliderTickLabelPipe implements PipeTransform {\n    transform(tickIndex: number, totalSegments: number, keySteps: TuiKeySteps): number {\n        const percentage = (100 / totalSegments) * tickIndex;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            keySteps,\n            ([keyStepPercentage, _]) => percentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(percentage, upperStep, lowerStep);\n    }\n}\n\nfunction checkHasMinMaxPercents(steps: TuiKeySteps): boolean {\n    return !steps.length || (steps[0][0] === 0 && steps[steps.length - 1][0] === 100);\n}\n\nfunction findKeyStepsBoundariesByFn(\n    keySteps: TuiKeySteps,\n    fn: ([keyStepPercent, keyStepValue]: [number, number]) => boolean,\n): [[number, number], [number, number]] {\n    const keyStepUpperIndex = keySteps.findIndex((ketStep, i) => i && fn(ketStep));\n    const lowerStep = keySteps[keyStepUpperIndex - 1];\n    const upperStep = keySteps[keyStepUpperIndex];\n\n    return [lowerStep, upperStep];\n}\n\nfunction transformToControlValue(\n    valuePercentage: number,\n    [upperStepPercent, upperStepValue]: [number, number],\n    [lowerStepPercent, lowerStepValue]: [number, number],\n): number {\n    const ratio =\n        (valuePercentage - lowerStepPercent) / (upperStepPercent - lowerStepPercent);\n    const controlValue = (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\n\n    return round(controlValue, TUI_FLOATING_PRECISION);\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: [\n        '../../abstract/slider/slider.common.style.less',\n        './slider-old.style.less',\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderOldComponent),\n        },\n    ],\n})\nexport class TuiSliderOldComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {\n    TuiSliderKeyStepsDirective,\n    TuiSliderTickLabelPipe,\n} from './slider-key-steps.directive';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n    exports: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n})\nexport class TuiSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-slider.js","sources":["ng://@taiga-ui/kit/components/slider/slider-options.ts","ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider-key-steps.directive.ts","ng://@taiga-ui/kit/components/slider/slider-old.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts","ng://@taiga-ui/kit/components/slider/taiga-ui-kit-components-slider.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiSliderOptions {\n    readonly size: TuiSizeS;\n    readonly trackColor: string;\n}\n\nexport const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions = {\n    size: 'm',\n    trackColor: 'var(--tui-base-03)',\n};\n\nexport const TUI_SLIDER_OPTIONS = new InjectionToken<TuiSliderOptions>(\n    'Default parameters for Slider component',\n    {factory: () => TUI_SLIDER_DEFAULT_OPTIONS},\n);\n\nexport function tuiSliderOptionsProvider(\n    options: Partial<TuiSliderOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_SLIDER_OPTIONS,\n        useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n    watch,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {take} from 'rxjs/operators';\n\nimport {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider-options';\n\n@Component({\n    /**\n     * We have to call our component as `<input tuiSlider type=\"range\" ... />`\n     * because otherwise built-in angular\n     * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}\n     * cannot be matched by its CSS selector.\n     */\n    selector: 'input[type=range][tuiSlider]',\n    template: ``,\n    styleUrls: ['./slider.style.less'],\n    host: {\n        /**\n         * For change detection.\n         * Webkit does not have built-in method for customization of filling progress (as Firefox).\n         * We draw filling of progress by `background: linear-gradient(...)` of the track.\n         * This function triggers change detection (for {@link valuePercentage} function) when we drag thumb of the input.\n         */\n        '(input)': '0',\n        '[style.--tui-slider-track-color]': 'options.trackColor',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 1;\n\n    get min(): number {\n        return Number(this.elementRef.nativeElement.min);\n    }\n\n    get max(): number {\n        return Number(this.elementRef.nativeElement.max) || 100;\n    }\n\n    get step(): number {\n        return Number(this.elementRef.nativeElement.step) || 1;\n    }\n\n    get value(): number {\n        return Number(this.elementRef.nativeElement.value) || 0;\n    }\n\n    set value(newValue: number) {\n        this.elementRef.nativeElement.value = `${newValue}`;\n    }\n\n    @HostBinding('style.--tui-slider-fill-percentage.%')\n    get valuePercentage(): number {\n        return (100 * this.value) / (this.max - this.min);\n    }\n\n    @HostBinding('style.--tui-slider-segment-width.%')\n    get segmentWidth(): number {\n        return 100 / Math.max(1, this.segments);\n    }\n\n    @HostBinding('class._old-edge')\n    get isOldEdge(): boolean {\n        return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_SLIDER_OPTIONS) readonly options: TuiSliderOptions,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {\n        if (control instanceof NgModel) {\n            /**\n             * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,\n             * when a control is bound using [(ngModel)], first time with a phantom null value.\n             * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.\n             * ___\n             * See this {@link https://github.com/angular/angular/issues/14988 issue}\n             */\n            control.valueChanges?.pipe(watch(changeDetectorRef), take(1)).subscribe();\n        }\n    }\n}\n","import {\n    ChangeDetectorRef,\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Pipe,\n    PipeTransform,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    round,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {map} from 'rxjs/operators';\n\nimport {TuiSliderComponent} from './slider.component';\n\n// @dynamic\n@Directive({\n    selector: 'input[tuiSlider][keySteps]',\n    host: {\n        '[attr.aria-valuenow]': 'controlValue',\n        '[attr.aria-valuemin]': 'min',\n        '[attr.aria-valuemax]': 'max',\n    },\n})\nexport class TuiSliderKeyStepsDirective\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp(checkHasMinMaxPercents, 'Should contain min and max values')\n    keySteps: TuiKeySteps = [];\n\n    @Output()\n    keyStepsInput = typedFromEvent(this.elementRef.nativeElement, 'input').pipe(\n        map(() => this.controlValue),\n    );\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled ? null : this.elementRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get min(): number {\n        return this.keySteps[0]?.[1] || 0;\n    }\n\n    get max(): number {\n        return this.keySteps[this.keySteps.length - 1]?.[1] || 100;\n    }\n\n    get controlValue(): number {\n        const {valuePercentage} = this.slider;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(valuePercentage, lowerStep, upperStep);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(TuiSliderComponent) private readonly slider: TuiSliderComponent,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostListener('change')\n    updateControlValue() {\n        this.updateValue(this.controlValue);\n    }\n\n    writeValue(controlValue: number | null) {\n        if (controlValue === null) {\n            return;\n        }\n\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([_, keyStepValue]) => controlValue <= keyStepValue,\n        );\n\n        this.slider.value = this.transformToNativeValue(\n            controlValue,\n            lowerStep,\n            upperStep,\n        );\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private transformToNativeValue(\n        controlValue: number,\n        [upperStepPercent, upperStepValue]: [number, number],\n        [lowerStepPercent, lowerStepValue]: [number, number],\n    ): number {\n        const {min, max} = this.slider;\n        const ratio = (controlValue - lowerStepValue) / (upperStepValue - lowerStepValue);\n        const newValuePercentage =\n            (upperStepPercent - lowerStepPercent) * ratio + lowerStepPercent;\n\n        return (newValuePercentage * (max - min)) / 100;\n    }\n}\n\n/**\n * @deprecated DONT USE IT! It is just temporary solution for internal purposes only. We will delete it in next major release.\n * TODO delete it in v3.0\n *\n */\n@Pipe({name: 'tuiSliderTickLabel'})\nexport class TuiSliderTickLabelPipe implements PipeTransform {\n    transform(tickIndex: number, totalSegments: number, keySteps: TuiKeySteps): number {\n        const percentage = (100 / totalSegments) * tickIndex;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            keySteps,\n            ([keyStepPercentage, _]) => percentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(percentage, upperStep, lowerStep);\n    }\n}\n\nfunction checkHasMinMaxPercents(steps: TuiKeySteps): boolean {\n    return !steps.length || (steps[0][0] === 0 && steps[steps.length - 1][0] === 100);\n}\n\nfunction findKeyStepsBoundariesByFn(\n    keySteps: TuiKeySteps,\n    fn: ([keyStepPercent, keyStepValue]: [number, number]) => boolean,\n): [[number, number], [number, number]] {\n    const keyStepUpperIndex = keySteps.findIndex((ketStep, i) => i && fn(ketStep));\n    const lowerStep = keySteps[keyStepUpperIndex - 1];\n    const upperStep = keySteps[keyStepUpperIndex];\n\n    return [lowerStep, upperStep];\n}\n\nfunction transformToControlValue(\n    valuePercentage: number,\n    [upperStepPercent, upperStepValue]: [number, number],\n    [lowerStepPercent, lowerStepValue]: [number, number],\n): number {\n    const ratio =\n        (valuePercentage - lowerStepPercent) / (upperStepPercent - lowerStepPercent);\n    const controlValue = (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\n\n    return round(controlValue, TUI_FLOATING_PRECISION);\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: [\n        '../../abstract/slider/slider.common.style.less',\n        './slider-old.style.less',\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderOldComponent),\n        },\n    ],\n})\nexport class TuiSliderOldComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {\n    TuiSliderKeyStepsDirective,\n    TuiSliderTickLabelPipe,\n} from './slider-key-steps.directive';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n    exports: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n})\nexport class TuiSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "2.38.0",
+  "version": "2.39.0",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -25,9 +25,9 @@
     "@ng-web-apis/common": ">=1.12.1 < 2",
     "@ng-web-apis/mutation-observer": ">=1.1.0",
     "@tinkoff/ng-polymorpheus": ">=3.1.12 < 4",
-    "@taiga-ui/cdk": ">=2.38.0",
-    "@taiga-ui/core": ">=2.38.0",
-    "@taiga-ui/i18n": ">=2.38.0",
+    "@taiga-ui/cdk": ">=2.39.0",
+    "@taiga-ui/core": ">=2.39.0",
+    "@taiga-ui/i18n": ">=2.39.0",
     "rxjs": ">=6.0.0"
   },
   "main": "bundles/taiga-ui-kit.umd.js",