@taiga-ui/kit 2.13.0 → 2.16.0-fixed

package/fesm2015/taiga-ui-kit-components-toggle.js

@@ -1,19 +1,45 @@
+import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, Input, HostBinding, ViewChild, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Input, HostBinding, ViewChild, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiControl, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusedModule, TuiFocusableModule, TuiHoveredModule, TuiPressedModule, TuiFocusVisibleModule, TuiCheckedModule } from '@taiga-ui/cdk';
 import { TuiModeDirective, TuiWrapperModule, TuiSvgModule, TuiLoaderModule } from '@taiga-ui/core';
 import { CommonModule } from '@angular/common';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+/** Default values for the toggle options. */
+const TUI_TOGGLE_DEFAULT_OPTIONS = {
+    icons: {
+        toggleOff({ $implicit }) {
+            return $implicit === 'm' ? 'tuiIconToggleOff' : 'tuiIconToggleOffLarge';
+        },
+        toggleOn({ $implicit }) {
+            return $implicit === 'm' ? 'tuiIconToggleOn' : 'tuiIconToggleOnLarge';
+        },
+    },
+    singleColor: false,
+    showIcons: false,
+    size: 'm',
+};
+const TUI_TOGGLE_OPTIONS = new InjectionToken('Default parameters for toggle component', {
+    factory: () => TUI_TOGGLE_DEFAULT_OPTIONS,
+});
 
 var TuiToggleComponent_1;
 let TuiToggleComponent = TuiToggleComponent_1 = class TuiToggleComponent extends AbstractTuiControl {
-    constructor(control, changeDetectorRef, modeDirective) {
+    constructor(control, changeDetectorRef, modeDirective, options) {
         super(control, changeDetectorRef);
         this.modeDirective = modeDirective;
-        this.singleColor = false;
-        this.showIcons = false;
+        this.options = options;
+        this.singleColor = this.options.singleColor;
+        this.showIcons = this.options.showIcons;
         this.showLoader = false;
-        this.size = 'm';
+        this.size = this.options.size;
+    }
+    get iconOn() {
+        return this.options.icons.toggleOn;
+    }
+    get iconOff() {
+        return this.options.icons.toggleOff;
     }
     get nativeFocusableElement() {
         return this.focusableElement ? this.focusableElement.nativeElement : null;
@@ -32,12 +58,6 @@ let TuiToggleComponent = TuiToggleComponent_1 = class TuiToggleComponent extends
     get checked() {
         return this.value;
     }
-    get iconOn() {
-        return this.sizeM ? 'tuiIconToggleOn' : 'tuiIconToggleOnLarge';
-    }
-    get iconOff() {
-        return this.sizeM ? 'tuiIconToggleOff' : 'tuiIconToggleOffLarge';
-    }
     get loaderSize() {
         return this.sizeM ? 'xs' : 's';
     }
@@ -66,7 +86,8 @@ let TuiToggleComponent = TuiToggleComponent_1 = class TuiToggleComponent extends
 TuiToggleComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] }
+    { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_TOGGLE_OPTIONS,] }] }
 ];
 __decorate([
     Input(),
@@ -97,7 +118,7 @@ __decorate([
 TuiToggleComponent = TuiToggleComponent_1 = __decorate([
     Component({
         selector: 'tui-toggle',
-        template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n>\n    <div class=\"toggle\">\n        <tui-loader\n            *ngIf=\"showLoader\"\n            class=\"loader\"\n            [size]=\"loaderSize\"\n            [inheritColor]=\"true\"\n            [showLoader]=\"checked\"\n        ></tui-loader>\n        <tui-svg\n            *ngIf=\"showIcons && !showLoader\"\n            class=\"icon\"\n            automation-id=\"tui-toggle__check-icon\"\n            [src]=\"iconOn\"\n        ></tui-svg>\n        <div class=\"circle\"></div>\n        <tui-loader\n            *ngIf=\"showLoader\"\n            class=\"loader\"\n            [size]=\"loaderSize\"\n            [inheritColor]=\"true\"\n            [showLoader]=\"!checked\"\n        ></tui-loader>\n        <tui-svg\n            *ngIf=\"showIcons && !showLoader\"\n            class=\"icon icon_off\"\n            automation-id=\"tui-toggle__cancel-icon\"\n            [src]=\"iconOff\"\n        ></tui-svg>\n    </div>\n</tui-wrapper>\n<input\n    #focusableElement\n    type=\"checkbox\"\n    class=\"checkbox\"\n    role=\"switch\"\n    automation-id=\"tui-toggle__checkbox\"\n    [attr.aria-checked]=\"value\"\n    [id]=\"id\"\n    [disabled]=\"disabled\"\n    [tuiChecked]=\"checked\"\n    [tuiFocusable]=\"focusable\"\n    (tuiCheckedChange)=\"onChecked($event)\"\n    (tuiFocusedChange)=\"onFocused($event)\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (tuiPressedChange)=\"onPressed($event)\"\n    (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n/>\n",
+        template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n>\n    <div class=\"toggle\">\n        <tui-loader\n            *ngIf=\"showLoader\"\n            class=\"loader\"\n            [size]=\"loaderSize\"\n            [inheritColor]=\"true\"\n            [showLoader]=\"checked\"\n        ></tui-loader>\n        <span\n            polymorpheus-outlet\n            class=\"icon-wrapper\"\n            [content]=\"iconOn\"\n            [context]=\"{ $implicit: size }\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    *ngIf=\"showIcons && !showLoader\"\n                    class=\"icon\"\n                    automation-id=\"tui-toggle__check-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </span>\n        <div class=\"circle\"></div>\n        <tui-loader\n            *ngIf=\"showLoader\"\n            class=\"loader\"\n            [size]=\"loaderSize\"\n            [inheritColor]=\"true\"\n            [showLoader]=\"!checked\"\n        ></tui-loader>\n        <span\n            polymorpheus-outlet\n            class=\"icon-wrapper\"\n            [content]=\"iconOff\"\n            [context]=\"{ $implicit: size }\"\n        >\n            <ng-template let-icon>\n                <tui-svg\n                    *ngIf=\"showIcons && !showLoader\"\n                    class=\"icon icon_off\"\n                    automation-id=\"tui-toggle__cancel-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </ng-template>\n        </span>\n    </div>\n</tui-wrapper>\n<input\n    #focusableElement\n    type=\"checkbox\"\n    class=\"checkbox\"\n    role=\"switch\"\n    automation-id=\"tui-toggle__checkbox\"\n    [attr.aria-checked]=\"value\"\n    [id]=\"id\"\n    [disabled]=\"disabled\"\n    [tuiChecked]=\"checked\"\n    [tuiFocusable]=\"focusable\"\n    (tuiCheckedChange)=\"onChecked($event)\"\n    (tuiFocusedChange)=\"onFocused($event)\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (tuiPressedChange)=\"onPressed($event)\"\n    (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n/>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -105,14 +126,15 @@ TuiToggleComponent = TuiToggleComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiToggleComponent_1),
             },
         ],
-        styles: [":host{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}:host[data-tui-host-size='m']{width:2rem;height:1rem}:host[data-tui-host-size='l']{width:3rem;height:1.5rem}.checkbox{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;height:100%;width:100%;opacity:0;cursor:pointer}.checkbox:-webkit-autofill,.checkbox:-webkit-autofill:focus,.checkbox:-webkit-autofill:hover{border-radius:inherit;-webkit-text-fill-color:inherit!important;color:inherit!important;background-color:transparent!important;-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .checkbox{pointer-events:none;cursor:default}.toggle{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}:host[data-tui-host-size='m'] .toggle{width:3rem;height:1rem;transform:translateX(-1rem)}:host[data-tui-host-size='l'] .toggle{width:4.5rem;height:1.5rem;transform:translateX(-1.5rem)}:host._checked .toggle{transform:translateX(0)}.circle{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}:host._disabled .circle_light{opacity:.24}:host[data-tui-host-size='m'] .circle{width:.75rem;height:.75rem}:host[data-tui-host-size='l'] .circle{width:1rem;height:1rem}:host._disabled .circle{background-color:var(--tui-base-01)}:host:not(._checked) .loader{color:var(--tui-base-06)}:host:not(._checked)._disabled .loader{color:var(--tui-base-05)}:host:not(._checked)[data-mode=onDark] .loader{color:var(--tui-text-03-night)}:host:not(._checked)[data-mode=onDark]._disabled .loader{color:var(--tui-clear-inverse-active)}:host:not(._checked)[data-mode=onLight] .loader{color:var(--tui-text-03)}:host:not(._checked)[data-mode=onLight]._disabled .loader{color:var(--tui-clear-active)}:host[data-tui-host-size='m'] .loader{width:.75rem;margin:0 -1.75rem;transform:scale(.75)}:host[data-tui-host-size='l'] .loader{width:1rem;margin:0 2.25rem}.icon{opacity:.8}.icon_off{color:var(--tui-base-06)}:host._disabled .icon_off{color:var(--tui-base-05)}:host[data-mode=onDark] .icon_off{color:var(--tui-text-03-night)}:host[data-mode=onDark]._disabled .icon_off{color:var(--tui-clear-inverse-active)}:host[data-mode=onLight] .icon_off{color:var(--tui-text-03)}:host[data-mode=onLight]._disabled .icon_off{color:var(--tui-clear-active)}:host[data-tui-host-size='m'] .icon{width:1rem;height:1rem;transform:scale(.75)}:host[data-tui-host-size='l'] .icon{margin:0 .125rem;width:1.5rem;height:1.5rem}:host._hovered .icon{opacity:1}"]
+        styles: [":host{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}:host[data-tui-host-size='m']{width:2rem;height:1rem}:host[data-tui-host-size='l']{width:3rem;height:1.5rem}.checkbox{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;height:100%;width:100%;opacity:0;cursor:pointer}.checkbox:-webkit-autofill,.checkbox:-webkit-autofill:focus,.checkbox:-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}:host._disabled .checkbox{pointer-events:none;cursor:default}.toggle{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center}:host[data-tui-host-size='m'] .toggle{width:3rem;height:1rem;transform:translateX(-1rem)}:host[data-tui-host-size='l'] .toggle{width:4.5rem;height:1.5rem;transform:translateX(-1.5rem)}:host._checked .toggle{transform:translateX(0)}.circle{margin:.125rem 0;flex-shrink:0;border-radius:100%;background-color:var(--tui-base-01)}:host._disabled .circle_light{opacity:.24}:host[data-tui-host-size='m'] .circle{width:.75rem;height:.75rem}:host[data-tui-host-size='l'] .circle{width:1rem;height:1rem}:host._disabled .circle{background-color:var(--tui-base-01)}:host:not(._checked) .loader{color:var(--tui-base-06)}:host:not(._checked)._disabled .loader{color:var(--tui-base-05)}:host:not(._checked)[data-mode=onDark] .loader{color:var(--tui-text-03-night)}:host:not(._checked)[data-mode=onDark]._disabled .loader{color:var(--tui-clear-inverse-active)}:host:not(._checked)[data-mode=onLight] .loader{color:var(--tui-text-03)}:host:not(._checked)[data-mode=onLight]._disabled .loader{color:var(--tui-clear-active)}:host[data-tui-host-size='m'] .loader{width:.75rem;margin:0 .2rem;transform:scale(.75)}:host[data-tui-host-size='l'] .loader{width:1rem;margin:0 .25rem}.icon-wrapper{display:flex}.icon{opacity:.8}.icon_off{color:var(--tui-base-06)}:host._disabled .icon_off{color:var(--tui-base-05)}:host[data-mode=onDark] .icon_off{color:var(--tui-text-03-night)}:host[data-mode=onDark]._disabled .icon_off{color:var(--tui-clear-inverse-active)}:host[data-mode=onLight] .icon_off{color:var(--tui-text-03)}:host[data-mode=onLight]._disabled .icon_off{color:var(--tui-clear-active)}:host[data-tui-host-size='m'] .icon{width:1rem;height:1rem;transform:scale(.75)}:host[data-tui-host-size='l'] .icon{margin:0 .125rem;width:1.5rem;height:1.5rem}:host._hovered .icon{opacity:1}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
     __param(2, Optional()),
-    __param(2, Inject(TuiModeDirective))
+    __param(2, Inject(TuiModeDirective)),
+    __param(3, Inject(TUI_TOGGLE_OPTIONS))
 ], TuiToggleComponent);
 
 let TuiToggleModule = class TuiToggleModule {
@@ -130,6 +152,7 @@ TuiToggleModule = __decorate([
             TuiWrapperModule,
             TuiSvgModule,
             TuiLoaderModule,
+            PolymorpheusModule,
         ],
         declarations: [TuiToggleComponent],
         exports: [TuiToggleComponent],
@@ -140,5 +163,5 @@ TuiToggleModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TuiToggleComponent, TuiToggleModule };
+export { TUI_TOGGLE_DEFAULT_OPTIONS, TUI_TOGGLE_OPTIONS, TuiToggleComponent, TuiToggleModule };
 //# sourceMappingURL=taiga-ui-kit-components-toggle.js.map

package/fesm2015/taiga-ui-kit-components-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-toggle.js","sources":["ng://@taiga-ui/kit/components/toggle/toggle.component.ts","ng://@taiga-ui/kit/components/toggle/toggle.module.ts","ng://@taiga-ui/kit/components/toggle/taiga-ui-kit-components-toggle.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    TuiAppearance,\n    TuiBrightness,\n    TuiModeDirective,\n    TuiSizeL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-toggle',\n    templateUrl: './toggle.template.html',\n    styleUrls: ['./toggle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiToggleComponent),\n        },\n    ],\n})\nexport class TuiToggleComponent\n    extends AbstractTuiControl<boolean>\n    implements TuiFocusableElementAccessor {\n    @Input()\n    @tuiDefaultProp()\n    singleColor = false;\n\n    @Input()\n    @tuiDefaultProp()\n    showIcons = false;\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.focusableElement ? this.focusableElement.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get appearance(): TuiAppearance {\n        return this.singleColor || this.checked\n            ? TuiAppearance.Primary\n            : TuiAppearance.Secondary;\n    }\n\n    get sizeM(): boolean {\n        return this.size === 'm';\n    }\n\n    @HostBinding('class._checked')\n    get checked(): boolean {\n        return this.value;\n    }\n\n    get iconOn(): string {\n        return this.sizeM ? 'tuiIconToggleOn' : 'tuiIconToggleOnLarge';\n    }\n\n    get iconOff(): string {\n        return this.sizeM ? 'tuiIconToggleOff' : 'tuiIconToggleOffLarge';\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return this.sizeM ? 'xs' : 's';\n    }\n\n    @HostBinding('attr.data-mode')\n    get hostMode(): TuiBrightness | null {\n        return this.modeDirective ? this.modeDirective.mode : null;\n    }\n\n    onChecked(checked: boolean) {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    protected getFallbackValue(): boolean {\n        return false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiToggleComponent} from './toggle.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusedModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiCheckedModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiToggleComponent],\n    exports: [TuiToggleComponent],\n})\nexport class TuiToggleModule {}\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-toggle.js","sources":["ng://@taiga-ui/kit/components/toggle/toggle-options.ts","ng://@taiga-ui/kit/components/toggle/toggle.component.ts","ng://@taiga-ui/kit/components/toggle/toggle.module.ts","ng://@taiga-ui/kit/components/toggle/taiga-ui-kit-components-toggle.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface ToggleOptions {\n    readonly icons: Readonly<{\n        toggleOff: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n        toggleOn: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n    }>;\n    readonly singleColor: boolean;\n    readonly showIcons: boolean;\n    readonly size: TuiSizeL;\n}\n\n/** Default values for the toggle options. */\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: ToggleOptions = {\n    icons: {\n        toggleOff({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconToggleOff' : 'tuiIconToggleOffLarge';\n        },\n        toggleOn({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconToggleOn' : 'tuiIconToggleOnLarge';\n        },\n    },\n    singleColor: false,\n    showIcons: false,\n    size: 'm',\n};\n\nexport const TUI_TOGGLE_OPTIONS = new InjectionToken<ToggleOptions>(\n    'Default parameters for toggle component',\n    {\n        factory: () => TUI_TOGGLE_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    TuiAppearance,\n    TuiBrightness,\n    TuiModeDirective,\n    TuiSizeL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {ToggleOptions, TUI_TOGGLE_OPTIONS} from './toggle-options';\n\n@Component({\n    selector: 'tui-toggle',\n    templateUrl: './toggle.template.html',\n    styleUrls: ['./toggle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiToggleComponent),\n        },\n    ],\n})\nexport class TuiToggleComponent\n    extends AbstractTuiControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    singleColor = this.options.singleColor;\n\n    @Input()\n    @tuiDefaultProp()\n    showIcons = this.options.showIcons;\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TOGGLE_OPTIONS)\n        public readonly options: ToggleOptions,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get iconOn(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>> {\n        return this.options.icons.toggleOn;\n    }\n\n    get iconOff(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>> {\n        return this.options.icons.toggleOff;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.focusableElement ? this.focusableElement.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get appearance(): TuiAppearance {\n        return this.singleColor || this.checked\n            ? TuiAppearance.Primary\n            : TuiAppearance.Secondary;\n    }\n\n    get sizeM(): boolean {\n        return this.size === 'm';\n    }\n\n    @HostBinding('class._checked')\n    get checked(): boolean {\n        return this.value;\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return this.sizeM ? 'xs' : 's';\n    }\n\n    @HostBinding('attr.data-mode')\n    get hostMode(): TuiBrightness | null {\n        return this.modeDirective ? this.modeDirective.mode : null;\n    }\n\n    onChecked(checked: boolean) {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    protected getFallbackValue(): boolean {\n        return false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiToggleComponent} from './toggle.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusedModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiCheckedModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiToggleComponent],\n    exports: [TuiToggleComponent],\n})\nexport class TuiToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components.js

@@ -38,6 +38,7 @@ export * from '@taiga-ui/kit/components/marker-icon';
 export * from '@taiga-ui/kit/components/multi-select';
 export * from '@taiga-ui/kit/components/multi-select-option';
 export * from '@taiga-ui/kit/components/pagination';
+export * from '@taiga-ui/kit/components/progress';
 export * from '@taiga-ui/kit/components/radio';
 export * from '@taiga-ui/kit/components/radio-block';
 export * from '@taiga-ui/kit/components/radio-group';

package/fesm2015/taiga-ui-kit-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}

package/fesm2015/taiga-ui-kit-directives-dropdown-context.js

@@ -0,0 +1,153 @@
+import { __decorate, __param } from 'tslib';
+import { DOCUMENT } from '@angular/common';
+import { ElementRef, Inject, ComponentFactoryResolver, Injector, Input, HostListener, Directive, forwardRef, NgModule } from '@angular/core';
+import { getNativeFocused, getClosestFocusable, setNativeFocused, TuiDestroyService, TuiPortalService, TuiActiveZoneDirective, tuiDefaultProp } from '@taiga-ui/cdk';
+import { AbstractTuiDropdown, TUI_DROPDOWN_DIRECTIVE, TuiDropdownBoxModule } from '@taiga-ui/core';
+import { EMPTY, Observable } from 'rxjs';
+import { filter, takeUntil } from 'rxjs/operators';
+
+var TuiDropdownContextDirective_1;
+// @dynamic
+let TuiDropdownContextDirective = TuiDropdownContextDirective_1 = class TuiDropdownContextDirective extends AbstractTuiDropdown {
+    constructor(elementRef, documentRef, destroy$, componentFactoryResolver, injector, portalService, activeZone) {
+        super(componentFactoryResolver, injector, portalService, elementRef, activeZone);
+        this.elementRef = elementRef;
+        this.documentRef = documentRef;
+        this.activeZone = activeZone;
+        this.content = '';
+        this.refresh$ = EMPTY;
+        this.context = {
+            close: () => this.closeDropdownBox(),
+        };
+        this.lastClickedClientRect = this.getClientRectFromDot(0, 0);
+        activeZone.tuiActiveZoneChange
+            .pipe(filter(isActive => !isActive), takeUntil(destroy$))
+            .subscribe(() => this.closeDropdownBox());
+    }
+    get clientRect() {
+        return this.lastClickedClientRect;
+    }
+    get fixed() {
+        return true;
+    }
+    get dropdownContent() {
+        var _a, _b;
+        return ((_b = (_a = this.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.instance.contentElementRef) === null || _b === void 0 ? void 0 : _b.nativeElement) || null;
+    }
+    onHostClick() {
+        this.closeDropdownBox();
+    }
+    onContextMenu(x, y) {
+        this.closeDropdownBox();
+        this.openDropdown(x, y);
+    }
+    onAnotherContextOpen(target) {
+        const isAnotherContextOpened = !this.elementRef.nativeElement.contains(target);
+        if (isAnotherContextOpened) {
+            this.closeDropdownBox();
+        }
+    }
+    onArrow(event, down) {
+        const activeElement = getNativeFocused(this.documentRef);
+        const focusInside = activeElement && this.activeZone.contains(activeElement);
+        if (!this.dropdownContent || focusInside) {
+            return;
+        }
+        event.preventDefault();
+        const nextEl = this.dropdownContent.nextElementSibling;
+        const initial = down || !this.checkIsFocusableElement(nextEl) ? this.dropdownContent : nextEl;
+        const focusable = getClosestFocusable(initial, !down, this.dropdownContent);
+        if (focusable === null) {
+            return;
+        }
+        setNativeFocused(focusable);
+    }
+    onKeyDownEsc(event) {
+        if (!this.dropdownContent) {
+            return;
+        }
+        event.stopPropagation();
+        this.closeDropdownBox();
+    }
+    openDropdown(x, y) {
+        this.lastClickedClientRect = this.getClientRectFromDot(x, y);
+        this.openDropdownBox();
+    }
+    getClientRectFromDot(x, y) {
+        return {
+            top: y,
+            bottom: y,
+            left: x,
+            right: x,
+            height: 0,
+            width: 0,
+        };
+    }
+    checkIsFocusableElement(element) {
+        return !!element && 'focus' in element && 'blur' in element;
+    }
+};
+TuiDropdownContextDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
+    { type: ComponentFactoryResolver, decorators: [{ type: Inject, args: [ComponentFactoryResolver,] }] },
+    { type: Injector, decorators: [{ type: Inject, args: [Injector,] }] },
+    { type: TuiPortalService, decorators: [{ type: Inject, args: [TuiPortalService,] }] },
+    { type: TuiActiveZoneDirective }
+];
+__decorate([
+    Input('tuiDropdownContext'),
+    tuiDefaultProp()
+], TuiDropdownContextDirective.prototype, "content", void 0);
+__decorate([
+    HostListener('click')
+], TuiDropdownContextDirective.prototype, "onHostClick", null);
+__decorate([
+    HostListener('contextmenu.prevent', ['$event.clientX', '$event.clientY'])
+], TuiDropdownContextDirective.prototype, "onContextMenu", null);
+__decorate([
+    HostListener('document:contextmenu', ['$event.target'])
+], TuiDropdownContextDirective.prototype, "onAnotherContextOpen", null);
+__decorate([
+    HostListener('document:keydown.arrowDown', ['$event', 'true']),
+    HostListener('document:keydown.arrowUp', ['$event', 'false'])
+], TuiDropdownContextDirective.prototype, "onArrow", null);
+__decorate([
+    HostListener('document:keydown.esc', ['$event'])
+], TuiDropdownContextDirective.prototype, "onKeyDownEsc", null);
+TuiDropdownContextDirective = TuiDropdownContextDirective_1 = __decorate([
+    Directive({
+        selector: '[tuiDropdownContext]',
+        providers: [
+            TuiDestroyService,
+            TuiActiveZoneDirective,
+            {
+                provide: TUI_DROPDOWN_DIRECTIVE,
+                useExisting: forwardRef(() => TuiDropdownContextDirective_1),
+            },
+        ],
+    }),
+    __param(1, Inject(DOCUMENT)),
+    __param(2, Inject(TuiDestroyService)),
+    __param(3, Inject(ComponentFactoryResolver)),
+    __param(4, Inject(Injector)),
+    __param(5, Inject(TuiPortalService))
+], TuiDropdownContextDirective);
+
+let TuiDropdownContextModule = class TuiDropdownContextModule {
+};
+TuiDropdownContextModule = __decorate([
+    NgModule({
+        imports: [TuiDropdownBoxModule],
+        declarations: [TuiDropdownContextDirective],
+        exports: [TuiDropdownContextDirective],
+    })
+], TuiDropdownContextModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiDropdownContextDirective, TuiDropdownContextModule };
+//# sourceMappingURL=taiga-ui-kit-directives-dropdown-context.js.map

package/fesm2015/taiga-ui-kit-directives-dropdown-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-directives-dropdown-context.js","sources":["ng://@taiga-ui/kit/directives/dropdown-context/dropdown-context.directive.ts","ng://@taiga-ui/kit/directives/dropdown-context/dropdown-context.module.ts","ng://@taiga-ui/kit/directives/dropdown-context/taiga-ui-kit-directives-dropdown-context.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ComponentFactoryResolver,\n    Directive,\n    ElementRef,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n} from '@angular/core';\nimport {\n    getClosestFocusable,\n    getNativeFocused,\n    setNativeFocused,\n    TuiActiveZoneDirective,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiPortalService,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiDropdown, TUI_DROPDOWN_DIRECTIVE, TuiDropdown} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, Observable} from 'rxjs';\nimport {filter, takeUntil} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: '[tuiDropdownContext]',\n    providers: [\n        TuiDestroyService,\n        TuiActiveZoneDirective,\n        {\n            provide: TUI_DROPDOWN_DIRECTIVE,\n            useExisting: forwardRef(() => TuiDropdownContextDirective),\n        },\n    ],\n})\nexport class TuiDropdownContextDirective\n    extends AbstractTuiDropdown\n    implements TuiDropdown\n{\n    @Input('tuiDropdownContext')\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    readonly refresh$ = EMPTY;\n    readonly context = {\n        close: () => this.closeDropdownBox(),\n    };\n    private lastClickedClientRect: ClientRect = this.getClientRectFromDot(0, 0);\n\n    constructor(\n        protected readonly elementRef: ElementRef,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(ComponentFactoryResolver)\n        componentFactoryResolver: ComponentFactoryResolver,\n        @Inject(Injector) injector: Injector,\n        @Inject(TuiPortalService) portalService: TuiPortalService,\n        readonly activeZone: TuiActiveZoneDirective,\n    ) {\n        super(componentFactoryResolver, injector, portalService, elementRef, activeZone);\n\n        activeZone.tuiActiveZoneChange\n            .pipe(\n                filter(isActive => !isActive),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => this.closeDropdownBox());\n    }\n\n    get clientRect(): ClientRect {\n        return this.lastClickedClientRect;\n    }\n\n    get fixed(): boolean {\n        return true;\n    }\n\n    private get dropdownContent(): HTMLElement | null {\n        return this.dropdownBoxRef?.instance.contentElementRef?.nativeElement || null;\n    }\n\n    @HostListener('click')\n    onHostClick() {\n        this.closeDropdownBox();\n    }\n\n    @HostListener('contextmenu.prevent', ['$event.clientX', '$event.clientY'])\n    onContextMenu(x: number, y: number) {\n        this.closeDropdownBox();\n        this.openDropdown(x, y);\n    }\n\n    @HostListener('document:contextmenu', ['$event.target'])\n    onAnotherContextOpen(target: HTMLElement) {\n        const isAnotherContextOpened = !this.elementRef.nativeElement.contains(target);\n\n        if (isAnotherContextOpened) {\n            this.closeDropdownBox();\n        }\n    }\n\n    @HostListener('document:keydown.arrowDown', ['$event', 'true'])\n    @HostListener('document:keydown.arrowUp', ['$event', 'false'])\n    onArrow(event: KeyboardEvent, down: boolean) {\n        const activeElement = getNativeFocused(this.documentRef);\n        const focusInside = activeElement && this.activeZone.contains(activeElement);\n\n        if (!this.dropdownContent || focusInside) {\n            return;\n        }\n\n        event.preventDefault();\n\n        const nextEl = this.dropdownContent.nextElementSibling;\n        const initial =\n            down || !this.checkIsFocusableElement(nextEl) ? this.dropdownContent : nextEl;\n        const focusable = getClosestFocusable(initial, !down, this.dropdownContent);\n\n        if (focusable === null) {\n            return;\n        }\n\n        setNativeFocused(focusable);\n    }\n\n    @HostListener('document:keydown.esc', ['$event'])\n    onKeyDownEsc(event: KeyboardEvent) {\n        if (!this.dropdownContent) {\n            return;\n        }\n\n        event.stopPropagation();\n        this.closeDropdownBox();\n    }\n\n    private openDropdown(x: number, y: number): void {\n        this.lastClickedClientRect = this.getClientRectFromDot(x, y);\n        this.openDropdownBox();\n    }\n\n    private getClientRectFromDot(x: number, y: number): ClientRect {\n        return {\n            top: y,\n            bottom: y,\n            left: x,\n            right: x,\n            height: 0,\n            width: 0,\n        };\n    }\n\n    private checkIsFocusableElement(element: Element | null): element is HTMLElement {\n        return !!element && 'focus' in element && 'blur' in element;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiDropdownBoxModule} from '@taiga-ui/core';\nimport {TuiDropdownContextDirective} from './dropdown-context.directive';\n\n@NgModule({\n    imports: [TuiDropdownBoxModule],\n    declarations: [TuiDropdownContextDirective],\n    exports: [TuiDropdownContextDirective],\n})\nexport class TuiDropdownContextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-directives-dropdown-selection.js

@@ -26,6 +26,7 @@ let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiD
             .pipe(map(() => {
             const active = getNativeFocused(this.documentRef);
             const selection = this.documentRef.getSelection();
+            // TODO: iframe warning
             if ((active instanceof HTMLInputElement ||
                 active instanceof HTMLTextAreaElement) &&
                 nativeElement.contains(active)) {

package/fesm2015/taiga-ui-kit-directives-dropdown-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-dropdown-selection.js","sources":["ng://@taiga-ui/kit/directives/dropdown-selection/dropdown-selection.directive.ts","ng://@taiga-ui/kit/directives/dropdown-selection/dropdown-selection.module.ts","ng://@taiga-ui/kit/directives/dropdown-selection/taiga-ui-kit-directives-dropdown-selection.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectorRef,\n    ComponentFactoryResolver,\n    Directive,\n    ElementRef,\n    forwardRef,\n    Host,\n    Inject,\n    Injector,\n    Input,\n    NgZone,\n    OnDestroy,\n    Optional,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {\n    ALWAYS_TRUE_HANDLER,\n    CHAR_NO_BREAK_SPACE,\n    CHAR_ZERO_WIDTH_SPACE,\n    getNativeFocused,\n    px,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiDestroyService,\n    TuiParentsScrollService,\n    TuiPortalService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    AbstractTuiDropdown,\n    TUI_DOCUMENT_OR_SHADOW_ROOT,\n    TUI_DROPDOWN_DIRECTIVE,\n    TUI_ELEMENT_REF,\n    TuiDropdown,\n} from '@taiga-ui/core';\nimport {getWordRange} from '@taiga-ui/kit/utils/dom';\nimport {merge} from 'rxjs';\nimport {map, switchMapTo, takeUntil} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: '[tuiDropdownSelection]:not(ng-container)',\n    providers: [\n        {\n            provide: TUI_DROPDOWN_DIRECTIVE,\n            useExisting: forwardRef(() => TuiDropdownSelectionDirective),\n        },\n        TuiParentsScrollService,\n        TuiDestroyService,\n    ],\n})\nexport class TuiDropdownSelectionDirective\n    extends AbstractTuiDropdown\n    implements TuiDropdown, OnDestroy {\n    @Input()\n    set tuiDropdownSelection(handler: TuiBooleanHandler<Range> | undefined) {\n        if (!handler) {\n            return;\n        }\n\n        const inHostAndValid =\n            this.elementRef.nativeElement.contains(this.range.commonAncestorContainer) &&\n            handler(this.range);\n\n        this.visibilityHandler = handler;\n        this.toggleDropdownBox(inHostAndValid);\n    }\n\n    @Input('tuiDropdownSelectionPosition')\n    position: 'selection' | 'word' | 'tag' = 'selection';\n\n    private range: Range;\n\n    private visibilityHandler: TuiBooleanHandler<Range> = ALWAYS_TRUE_HANDLER;\n\n    private readonly documentRef: Document;\n\n    private ghost?: HTMLElement;\n\n    constructor(\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(ComponentFactoryResolver)\n        componentFactoryResolver: ComponentFactoryResolver,\n        @Inject(Injector) injector: Injector,\n        @Inject(TuiPortalService) portalService: TuiPortalService,\n        @Host() @Inject(ElementRef) elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiActiveZoneDirective)\n        @Optional()\n        activeZone: TuiActiveZoneDirective | null,\n        @Inject(TUI_DOCUMENT_OR_SHADOW_ROOT)\n        @Optional()\n        shadowRootRef: Document | null,\n        @Inject(TUI_ELEMENT_REF)\n        @Optional()\n        customElementRef: ElementRef<HTMLElement> | null,\n        @Inject(TuiDestroyService)\n        destroy$: TuiDestroyService,\n        @Inject(TuiParentsScrollService) readonly refresh$: TuiParentsScrollService,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ViewContainerRef) private readonly viewContainerRef: ViewContainerRef,\n    ) {\n        super(\n            componentFactoryResolver,\n            injector,\n            portalService,\n            customElementRef || elementRef,\n            activeZone,\n        );\n        this.documentRef = shadowRootRef || documentRef;\n        this.range = this.documentRef.createRange();\n\n        const {nativeElement} = this.elementRef;\n\n        merge(\n            typedFromEvent(this.documentRef, 'mouseup'),\n            typedFromEvent(nativeElement, 'mousedown').pipe(\n                switchMapTo(\n                    typedFromEvent(nativeElement, 'mousemove').pipe(\n                        takeUntil(typedFromEvent(this.documentRef, 'mouseup')),\n                    ),\n                ),\n            ),\n            typedFromEvent(nativeElement, 'keyup'),\n        )\n            .pipe(\n                map(() => {\n                    const active = getNativeFocused(this.documentRef);\n                    const selection = this.documentRef.getSelection();\n\n                    if (\n                        (active instanceof HTMLInputElement ||\n                            active instanceof HTMLTextAreaElement) &&\n                        nativeElement.contains(active)\n                    ) {\n                        return this.veryVerySadInputFix(active);\n                    }\n\n                    return selection && selection.rangeCount\n                        ? selection.getRangeAt(0)\n                        : this.range;\n                }),\n                takeUntil(destroy$),\n            )\n            .subscribe(range => {\n                const contained = nativeElement.contains(range.commonAncestorContainer);\n\n                this.range = contained ? range : this.range;\n\n                const valid =\n                    contained &&\n                    (!this.visibilityHandler || this.visibilityHandler(this.range));\n\n                this.toggleDropdownBox(valid || this.inDropdown(range));\n            });\n    }\n\n    get clientRect(): ClientRect {\n        const {defaultView} = this.documentRef;\n        const {rangeRect} = this;\n        const frameElement = defaultView ? defaultView.frameElement : null;\n\n        if (!frameElement) {\n            return rangeRect;\n        }\n\n        const documentRect = frameElement.getBoundingClientRect();\n\n        return {\n            top: rangeRect.top + documentRect.top,\n            left: rangeRect.left + documentRect.left,\n            right: rangeRect.left + documentRect.left + rangeRect.width,\n            bottom: rangeRect.top + documentRect.top + rangeRect.height,\n            width: rangeRect.width,\n            height: rangeRect.height,\n        };\n    }\n\n    ngOnDestroy() {\n        this.closeDropdownBox();\n\n        if (this.ghost) {\n            this.renderer.removeChild(\n                this.viewContainerRef.element.nativeElement,\n                this.ghost,\n            );\n        }\n    }\n\n    /**\n     * get ClientRect of current Range according to provided position\n     */\n    private get rangeRect(): ClientRect {\n        switch (this.position) {\n            case 'tag':\n                const {commonAncestorContainer} = this.range;\n                const element =\n                    commonAncestorContainer.nodeType === Node.ELEMENT_NODE\n                        ? commonAncestorContainer\n                        : commonAncestorContainer.parentNode;\n\n                return (element as Element).getBoundingClientRect();\n            case 'word':\n                return getWordRange(this.range).getBoundingClientRect();\n            default:\n                return this.range.getBoundingClientRect();\n        }\n    }\n\n    /**\n     * Toggle dropdown visibility (has to be in ngZone.run because it could be initiated inside iframe in Editor)\n     */\n    private toggleDropdownBox(visible: boolean) {\n        this.ngZone.run(() => {\n            if (visible) {\n                this.openDropdownBox();\n            } else {\n                this.closeDropdownBox();\n            }\n\n            this.changeDetectorRef.markForCheck();\n        });\n    }\n\n    /**\n     * Check if Node is inside dropdown\n     */\n    private boxContains(node: Node): boolean {\n        return (\n            !!this.dropdownBoxRef &&\n            this.dropdownBoxRef.location.nativeElement.contains(node)\n        );\n    }\n\n    /**\n     * Check if given range is at leaset partially inside dropdown\n     */\n    private inDropdown(range: Range): boolean {\n        const {startContainer, endContainer} = range;\n        const inDropdown = this.boxContains(range.commonAncestorContainer);\n        const hostToDropdown =\n            this.boxContains(endContainer) &&\n            this.elementRef.nativeElement.contains(startContainer);\n        const dropdownToHost =\n            this.boxContains(startContainer) &&\n            this.elementRef.nativeElement.contains(endContainer);\n\n        return inDropdown || hostToDropdown || dropdownToHost;\n    }\n\n    /**\n     * Position invisible DIV and create Range similar to selected range inside input/textarea\n     */\n    private veryVerySadInputFix(element: HTMLInputElement | HTMLTextAreaElement): Range {\n        const {ghost = this.initGhost(element)} = this;\n        const {top, left, width, height} = element.getBoundingClientRect();\n        const {selectionStart, selectionEnd} = element;\n        const range = this.documentRef.createRange();\n        const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n        ghost.style.top = px(top - hostRect.top);\n        ghost.style.left = px(left - hostRect.left);\n        ghost.style.width = px(width);\n        ghost.style.height = px(height);\n        ghost.textContent = CHAR_ZERO_WIDTH_SPACE + element.value + CHAR_NO_BREAK_SPACE;\n\n        range.setStart(ghost.firstChild!, selectionStart || 0);\n        range.setEnd(ghost.firstChild!, selectionEnd || 0);\n\n        return range;\n    }\n\n    /**\n     * Create an invisible DIV styled exactly like input/textarea element inside directive\n     */\n    private initGhost(element: HTMLInputElement | HTMLTextAreaElement): HTMLElement {\n        const ghost = this.renderer.createElement('div');\n        const {nativeElement} = this.viewContainerRef.element;\n        const {font, letterSpacing, textTransform, padding} = getComputedStyle(element);\n\n        ghost.style.position = 'absolute';\n        ghost.style.pointerEvents = 'none';\n        ghost.style.opacity = '0';\n        ghost.style.whiteSpace = 'pre-wrap';\n        ghost.style.font = font;\n        ghost.style.letterSpacing = letterSpacing;\n        ghost.style.textTransform = textTransform;\n        ghost.style.padding = padding;\n\n        this.renderer.appendChild(nativeElement, ghost);\n        this.ghost = ghost;\n\n        return ghost;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiDropdownBoxModule} from '@taiga-ui/core';\nimport {TuiDropdownSelectionDirective} from './dropdown-selection.directive';\n\n@NgModule({\n    imports: [TuiDropdownBoxModule],\n    declarations: [TuiDropdownSelectionDirective],\n    exports: [TuiDropdownSelectionDirective],\n})\nexport class TuiDropdownSelectionModule {}\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-directives-dropdown-selection.js","sources":["ng://@taiga-ui/kit/directives/dropdown-selection/dropdown-selection.directive.ts","ng://@taiga-ui/kit/directives/dropdown-selection/dropdown-selection.module.ts","ng://@taiga-ui/kit/directives/dropdown-selection/taiga-ui-kit-directives-dropdown-selection.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectorRef,\n    ComponentFactoryResolver,\n    Directive,\n    ElementRef,\n    forwardRef,\n    Host,\n    Inject,\n    Injector,\n    Input,\n    NgZone,\n    OnDestroy,\n    Optional,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {\n    ALWAYS_TRUE_HANDLER,\n    CHAR_NO_BREAK_SPACE,\n    CHAR_ZERO_WIDTH_SPACE,\n    getNativeFocused,\n    px,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiDestroyService,\n    TuiParentsScrollService,\n    TuiPortalService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    AbstractTuiDropdown,\n    TUI_DOCUMENT_OR_SHADOW_ROOT,\n    TUI_DROPDOWN_DIRECTIVE,\n    TUI_ELEMENT_REF,\n    TuiDropdown,\n} from '@taiga-ui/core';\nimport {getWordRange} from '@taiga-ui/kit/utils/dom';\nimport {merge} from 'rxjs';\nimport {map, switchMapTo, takeUntil} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: '[tuiDropdownSelection]:not(ng-container)',\n    providers: [\n        {\n            provide: TUI_DROPDOWN_DIRECTIVE,\n            useExisting: forwardRef(() => TuiDropdownSelectionDirective),\n        },\n        TuiParentsScrollService,\n        TuiDestroyService,\n    ],\n})\nexport class TuiDropdownSelectionDirective\n    extends AbstractTuiDropdown\n    implements TuiDropdown, OnDestroy {\n    @Input()\n    set tuiDropdownSelection(handler: TuiBooleanHandler<Range> | undefined) {\n        if (!handler) {\n            return;\n        }\n\n        const inHostAndValid =\n            this.elementRef.nativeElement.contains(this.range.commonAncestorContainer) &&\n            handler(this.range);\n\n        this.visibilityHandler = handler;\n        this.toggleDropdownBox(inHostAndValid);\n    }\n\n    @Input('tuiDropdownSelectionPosition')\n    position: 'selection' | 'word' | 'tag' = 'selection';\n\n    private range: Range;\n\n    private visibilityHandler: TuiBooleanHandler<Range> = ALWAYS_TRUE_HANDLER;\n\n    private readonly documentRef: Document;\n\n    private ghost?: HTMLElement;\n\n    constructor(\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(ComponentFactoryResolver)\n        componentFactoryResolver: ComponentFactoryResolver,\n        @Inject(Injector) injector: Injector,\n        @Inject(TuiPortalService) portalService: TuiPortalService,\n        @Host() @Inject(ElementRef) elementRef: ElementRef<HTMLElement>,\n        @Inject(TuiActiveZoneDirective)\n        @Optional()\n        activeZone: TuiActiveZoneDirective | null,\n        @Inject(TUI_DOCUMENT_OR_SHADOW_ROOT)\n        @Optional()\n        shadowRootRef: Document | null,\n        @Inject(TUI_ELEMENT_REF)\n        @Optional()\n        customElementRef: ElementRef<HTMLElement> | null,\n        @Inject(TuiDestroyService)\n        destroy$: TuiDestroyService,\n        @Inject(TuiParentsScrollService) readonly refresh$: TuiParentsScrollService,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ViewContainerRef) private readonly viewContainerRef: ViewContainerRef,\n    ) {\n        super(\n            componentFactoryResolver,\n            injector,\n            portalService,\n            customElementRef || elementRef,\n            activeZone,\n        );\n        this.documentRef = shadowRootRef || documentRef;\n        this.range = this.documentRef.createRange();\n\n        const {nativeElement} = this.elementRef;\n\n        merge(\n            typedFromEvent(this.documentRef, 'mouseup'),\n            typedFromEvent(nativeElement, 'mousedown').pipe(\n                switchMapTo(\n                    typedFromEvent(nativeElement, 'mousemove').pipe(\n                        takeUntil(typedFromEvent(this.documentRef, 'mouseup')),\n                    ),\n                ),\n            ),\n            typedFromEvent(nativeElement, 'keyup'),\n        )\n            .pipe(\n                map(() => {\n                    const active = getNativeFocused(this.documentRef);\n                    const selection = this.documentRef.getSelection();\n\n                    // TODO: iframe warning\n                    if (\n                        (active instanceof HTMLInputElement ||\n                            active instanceof HTMLTextAreaElement) &&\n                        nativeElement.contains(active)\n                    ) {\n                        return this.veryVerySadInputFix(active);\n                    }\n\n                    return selection && selection.rangeCount\n                        ? selection.getRangeAt(0)\n                        : this.range;\n                }),\n                takeUntil(destroy$),\n            )\n            .subscribe(range => {\n                const contained = nativeElement.contains(range.commonAncestorContainer);\n\n                this.range = contained ? range : this.range;\n\n                const valid =\n                    contained &&\n                    (!this.visibilityHandler || this.visibilityHandler(this.range));\n\n                this.toggleDropdownBox(valid || this.inDropdown(range));\n            });\n    }\n\n    get clientRect(): ClientRect {\n        const {defaultView} = this.documentRef;\n        const {rangeRect} = this;\n        const frameElement = defaultView ? defaultView.frameElement : null;\n\n        if (!frameElement) {\n            return rangeRect;\n        }\n\n        const documentRect = frameElement.getBoundingClientRect();\n\n        return {\n            top: rangeRect.top + documentRect.top,\n            left: rangeRect.left + documentRect.left,\n            right: rangeRect.left + documentRect.left + rangeRect.width,\n            bottom: rangeRect.top + documentRect.top + rangeRect.height,\n            width: rangeRect.width,\n            height: rangeRect.height,\n        };\n    }\n\n    ngOnDestroy() {\n        this.closeDropdownBox();\n\n        if (this.ghost) {\n            this.renderer.removeChild(\n                this.viewContainerRef.element.nativeElement,\n                this.ghost,\n            );\n        }\n    }\n\n    /**\n     * get ClientRect of current Range according to provided position\n     */\n    private get rangeRect(): ClientRect {\n        switch (this.position) {\n            case 'tag':\n                const {commonAncestorContainer} = this.range;\n                const element =\n                    commonAncestorContainer.nodeType === Node.ELEMENT_NODE\n                        ? commonAncestorContainer\n                        : commonAncestorContainer.parentNode;\n\n                return (element as Element).getBoundingClientRect();\n            case 'word':\n                return getWordRange(this.range).getBoundingClientRect();\n            default:\n                return this.range.getBoundingClientRect();\n        }\n    }\n\n    /**\n     * Toggle dropdown visibility (has to be in ngZone.run because it could be initiated inside iframe in Editor)\n     */\n    private toggleDropdownBox(visible: boolean) {\n        this.ngZone.run(() => {\n            if (visible) {\n                this.openDropdownBox();\n            } else {\n                this.closeDropdownBox();\n            }\n\n            this.changeDetectorRef.markForCheck();\n        });\n    }\n\n    /**\n     * Check if Node is inside dropdown\n     */\n    private boxContains(node: Node): boolean {\n        return (\n            !!this.dropdownBoxRef &&\n            this.dropdownBoxRef.location.nativeElement.contains(node)\n        );\n    }\n\n    /**\n     * Check if given range is at leaset partially inside dropdown\n     */\n    private inDropdown(range: Range): boolean {\n        const {startContainer, endContainer} = range;\n        const inDropdown = this.boxContains(range.commonAncestorContainer);\n        const hostToDropdown =\n            this.boxContains(endContainer) &&\n            this.elementRef.nativeElement.contains(startContainer);\n        const dropdownToHost =\n            this.boxContains(startContainer) &&\n            this.elementRef.nativeElement.contains(endContainer);\n\n        return inDropdown || hostToDropdown || dropdownToHost;\n    }\n\n    /**\n     * Position invisible DIV and create Range similar to selected range inside input/textarea\n     */\n    private veryVerySadInputFix(element: HTMLInputElement | HTMLTextAreaElement): Range {\n        const {ghost = this.initGhost(element)} = this;\n        const {top, left, width, height} = element.getBoundingClientRect();\n        const {selectionStart, selectionEnd} = element;\n        const range = this.documentRef.createRange();\n        const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n        ghost.style.top = px(top - hostRect.top);\n        ghost.style.left = px(left - hostRect.left);\n        ghost.style.width = px(width);\n        ghost.style.height = px(height);\n        ghost.textContent = CHAR_ZERO_WIDTH_SPACE + element.value + CHAR_NO_BREAK_SPACE;\n\n        range.setStart(ghost.firstChild!, selectionStart || 0);\n        range.setEnd(ghost.firstChild!, selectionEnd || 0);\n\n        return range;\n    }\n\n    /**\n     * Create an invisible DIV styled exactly like input/textarea element inside directive\n     */\n    private initGhost(element: HTMLInputElement | HTMLTextAreaElement): HTMLElement {\n        const ghost = this.renderer.createElement('div');\n        const {nativeElement} = this.viewContainerRef.element;\n        const {font, letterSpacing, textTransform, padding} = getComputedStyle(element);\n\n        ghost.style.position = 'absolute';\n        ghost.style.pointerEvents = 'none';\n        ghost.style.opacity = '0';\n        ghost.style.whiteSpace = 'pre-wrap';\n        ghost.style.font = font;\n        ghost.style.letterSpacing = letterSpacing;\n        ghost.style.textTransform = textTransform;\n        ghost.style.padding = padding;\n\n        this.renderer.appendChild(nativeElement, ghost);\n        this.ghost = ghost;\n\n        return ghost;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiDropdownBoxModule} from '@taiga-ui/core';\nimport {TuiDropdownSelectionDirective} from './dropdown-selection.directive';\n\n@NgModule({\n    imports: [TuiDropdownBoxModule],\n    declarations: [TuiDropdownSelectionDirective],\n    exports: [TuiDropdownSelectionDirective],\n})\nexport class TuiDropdownSelectionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-directives.js

@@ -6,6 +6,7 @@ export * from '@taiga-ui/kit/directives/present';
 export * from '@taiga-ui/kit/directives/project-class';
 export * from '@taiga-ui/kit/directives/unfinished-validator';
 export * from '@taiga-ui/kit/directives/value-accessor';
+export * from '@taiga-ui/kit/directives/dropdown-context';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-directives.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives.js","sources":["ng://@taiga-ui/kit/directives/taiga-ui-kit-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-kit-directives.js","sources":["ng://@taiga-ui/kit/directives/taiga-ui-kit-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;"}

package/fesm2015/taiga-ui-kit-tokens.js

@@ -41,6 +41,9 @@ const TUI_PLUS_MINUS_TEXTS = new InjectionToken(`plus and minus i18n texts`, {
 const TUI_TIME_TEXTS = new InjectionToken(`time i18n texts`, {
     factory: extractI18n('time'),
 });
+const TUI_DATE_TEXTS = new InjectionToken('date format i18n texts', {
+    factory: extractI18n('dateTexts'),
+});
 const TUI_DIGITAL_INFORMATION_UNITS = new InjectionToken(`short bytes, kilobytes and megabytes i18n texts`, {
     factory: extractI18n('digitalInformationUnits'),
 });
@@ -70,5 +73,5 @@ const TUI_COUNTRIES = new InjectionToken('Localized countries names', {
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_CALENDAR_DATA_STREAM, TUI_CALENDAR_MONTHS, TUI_CANCEL_WORD, TUI_CHOOSE_DAY_OR_RANGE_TEXTS, TUI_COPY_TEXTS, TUI_COUNTRIES, TUI_DIGITAL_INFORMATION_UNITS, TUI_DONE_WORD, TUI_FILE_TEXTS, TUI_FROM_TO_TEXTS, TUI_INPUT_FILE_TEXTS, TUI_MOBILE_AWARE, TUI_MOBILE_CALENDAR, TUI_MORE_WORD, TUI_OTHER_DATE_TEXT, TUI_PAGINATION_TEXTS, TUI_PASSWORD_TEXTS, TUI_PLUS_MINUS_TEXTS, TUI_TAG_STATUS, TUI_TIME_TEXTS, TUI_VALIDATION_ERRORS };
+export { TUI_CALENDAR_DATA_STREAM, TUI_CALENDAR_MONTHS, TUI_CANCEL_WORD, TUI_CHOOSE_DAY_OR_RANGE_TEXTS, TUI_COPY_TEXTS, TUI_COUNTRIES, TUI_DATE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS, TUI_DONE_WORD, TUI_FILE_TEXTS, TUI_FROM_TO_TEXTS, TUI_INPUT_FILE_TEXTS, TUI_MOBILE_AWARE, TUI_MOBILE_CALENDAR, TUI_MORE_WORD, TUI_OTHER_DATE_TEXT, TUI_PAGINATION_TEXTS, TUI_PASSWORD_TEXTS, TUI_PLUS_MINUS_TEXTS, TUI_TAG_STATUS, TUI_TIME_TEXTS, TUI_VALIDATION_ERRORS };
 //# sourceMappingURL=taiga-ui-kit-tokens.js.map

package/fesm2015/taiga-ui-kit-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-tokens.js","sources":["ng://@taiga-ui/kit/tokens/calendar-data-stream.ts","ng://@taiga-ui/kit/tokens/mobile-aware.ts","ng://@taiga-ui/kit/tokens/mobile-calendar.ts","ng://@taiga-ui/kit/tokens/tag-status.ts","ng://@taiga-ui/kit/tokens/validation-errors.ts","ng://@taiga-ui/kit/tokens/i18n.ts","ng://@taiga-ui/kit/tokens/taiga-ui-kit-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiDay, TuiDayRange} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\nexport const TUI_CALENDAR_DATA_STREAM = new InjectionToken<\n    Observable<TuiDay | TuiDayRange | null>\n>('Stream that emits calendar data change');\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_MOBILE_AWARE = new InjectionToken<boolean>(\n    'A flag enabling mobile-specific behavior for supporting components',\n    {\n        factory: () => false,\n    },\n);\n","import {InjectionToken, Type} from '@angular/core';\n\nexport const TUI_MOBILE_CALENDAR = new InjectionToken<Type<any>>(\n    'A component for mobile data picker',\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiStatus} from '@taiga-ui/kit/enums';\n\nexport const TUI_TAG_STATUS = new InjectionToken<TuiStatus>(\n    'Status for tags inside InputTag component',\n    {\n        factory: () => TuiStatus.Primary,\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport const TUI_VALIDATION_ERRORS = new InjectionToken<\n    Record<string, PolymorpheusContent>\n>('Validation errors', {\n    factory: () => ({}),\n});\n","import {InjectionToken} from '@angular/core';\nimport {extractI18n, TuiCountryIsoCode} from '@taiga-ui/i18n';\nimport {Observable} from 'rxjs';\n\nexport const TUI_CANCEL_WORD = new InjectionToken(`i18n 'cancel' word`, {\n    factory: extractI18n('cancel'),\n});\n\nexport const TUI_DONE_WORD = new InjectionToken(`i18n 'done' word`, {\n    factory: extractI18n('done'),\n});\n\nexport const TUI_MORE_WORD = new InjectionToken(`i18n 'more' word`, {\n    factory: extractI18n('more'),\n});\n\nexport const TUI_OTHER_DATE_TEXT = new InjectionToken(`i18n 'Other date' text`, {\n    factory: extractI18n('otherDate'),\n});\n\nexport const TUI_CHOOSE_DAY_OR_RANGE_TEXTS = new InjectionToken(\n    `choose day or range i18n texts`,\n    {\n        factory: extractI18n('mobileCalendarTexts'),\n    },\n);\n\nexport const TUI_FROM_TO_TEXTS = new InjectionToken(`from and to i18n texts`, {\n    factory: extractI18n('range'),\n});\n\nexport const TUI_PLUS_MINUS_TEXTS = new InjectionToken(`plus and minus i18n texts`, {\n    factory: extractI18n('countTexts'),\n});\n\nexport const TUI_TIME_TEXTS = new InjectionToken(`time i18n texts`, {\n    factory: extractI18n('time'),\n});\n\nexport const TUI_DIGITAL_INFORMATION_UNITS = new InjectionToken(\n    `short bytes, kilobytes and megabytes i18n texts`,\n    {\n        factory: extractI18n('digitalInformationUnits'),\n    },\n);\n\nexport const TUI_COPY_TEXTS = new InjectionToken('copy i18n texts', {\n    factory: extractI18n('copyTexts'),\n});\n\nexport const TUI_PASSWORD_TEXTS = new InjectionToken('password i18n texts', {\n    factory: extractI18n('passwordTexts'),\n});\n\nexport const TUI_CALENDAR_MONTHS = new InjectionToken('short calendar months i18n', {\n    factory: extractI18n('shortCalendarMonths'),\n});\n\nexport const TUI_FILE_TEXTS = new InjectionToken('file i18n texts', {\n    factory: extractI18n('fileTexts'),\n});\n\nexport const TUI_PAGINATION_TEXTS = new InjectionToken('pagination i18n texts', {\n    factory: extractI18n('paginationTexts'),\n});\n\nexport const TUI_INPUT_FILE_TEXTS = new InjectionToken('tui-input-file i18n texts', {\n    factory: extractI18n('inputFileTexts'),\n});\n\nexport const TUI_COUNTRIES: InjectionToken<\n    Observable<Record<TuiCountryIsoCode, string>>\n> = new InjectionToken('Localized countries names', {\n    factory: extractI18n('countries'),\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAIa,wBAAwB,GAAG,IAAI,cAAc,CAExD,wCAAwC;;MCJ7B,gBAAgB,GAAG,IAAI,cAAc,CAC9C,oEAAoE,EACpE;IACI,OAAO,EAAE,MAAM,KAAK;CACvB;;MCJQ,mBAAmB,GAAG,IAAI,cAAc,CACjD,oCAAoC;;MCA3B,cAAc,GAAG,IAAI,cAAc,CAC5C,2CAA2C,EAC3C;IACI,OAAO,EAAE;CACZ;;MCJQ,qBAAqB,GAAG,IAAI,cAAc,CAErD,mBAAmB,EAAE;IACnB,OAAO,EAAE,OAAO,EAAE,CAAC;CACtB;;MCHY,eAAe,GAAG,IAAI,cAAc,CAAC,oBAAoB,EAAE;IACpE,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC;CACjC,EAAE;MAEU,aAAa,GAAG,IAAI,cAAc,CAAC,kBAAkB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,aAAa,GAAG,IAAI,cAAc,CAAC,kBAAkB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,mBAAmB,GAAG,IAAI,cAAc,CAAC,wBAAwB,EAAE;IAC5E,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,6BAA6B,GAAG,IAAI,cAAc,CAC3D,gCAAgC,EAChC;IACI,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC;CAC9C,EACH;MAEW,iBAAiB,GAAG,IAAI,cAAc,CAAC,wBAAwB,EAAE;IAC1E,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;CAChC,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC;CACrC,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,6BAA6B,GAAG,IAAI,cAAc,CAC3D,iDAAiD,EACjD;IACI,OAAO,EAAE,WAAW,CAAC,yBAAyB,CAAC;CAClD,EACH;MAEW,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,kBAAkB,GAAG,IAAI,cAAc,CAAC,qBAAqB,EAAE;IACxE,OAAO,EAAE,WAAW,CAAC,eAAe,CAAC;CACxC,EAAE;MAEU,mBAAmB,GAAG,IAAI,cAAc,CAAC,4BAA4B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC;CAC9C,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,uBAAuB,EAAE;IAC5E,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC;CAC1C,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC;CACzC,EAAE;MAEU,aAAa,GAEtB,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChD,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC;;AC1ED;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-tokens.js","sources":["ng://@taiga-ui/kit/tokens/calendar-data-stream.ts","ng://@taiga-ui/kit/tokens/mobile-aware.ts","ng://@taiga-ui/kit/tokens/mobile-calendar.ts","ng://@taiga-ui/kit/tokens/tag-status.ts","ng://@taiga-ui/kit/tokens/validation-errors.ts","ng://@taiga-ui/kit/tokens/i18n.ts","ng://@taiga-ui/kit/tokens/taiga-ui-kit-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiDay, TuiDayRange} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\nexport const TUI_CALENDAR_DATA_STREAM = new InjectionToken<\n    Observable<TuiDay | TuiDayRange | null>\n>('Stream that emits calendar data change');\n","import {InjectionToken} from '@angular/core';\n\nexport const TUI_MOBILE_AWARE = new InjectionToken<boolean>(\n    'A flag enabling mobile-specific behavior for supporting components',\n    {\n        factory: () => false,\n    },\n);\n","import {InjectionToken, Type} from '@angular/core';\n\nexport const TUI_MOBILE_CALENDAR = new InjectionToken<Type<any>>(\n    'A component for mobile data picker',\n);\n","import {InjectionToken} from '@angular/core';\nimport {TuiStatus} from '@taiga-ui/kit/enums';\n\nexport const TUI_TAG_STATUS = new InjectionToken<TuiStatus>(\n    'Status for tags inside InputTag component',\n    {\n        factory: () => TuiStatus.Primary,\n    },\n);\n","import {InjectionToken} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport const TUI_VALIDATION_ERRORS = new InjectionToken<\n    Record<string, PolymorpheusContent>\n>('Validation errors', {\n    factory: () => ({}),\n});\n","import {InjectionToken} from '@angular/core';\nimport {TuiDateMode} from '@taiga-ui/cdk';\nimport {extractI18n, TuiCountryIsoCode} from '@taiga-ui/i18n';\nimport {Observable} from 'rxjs';\n\nexport const TUI_CANCEL_WORD = new InjectionToken(`i18n 'cancel' word`, {\n    factory: extractI18n('cancel'),\n});\n\nexport const TUI_DONE_WORD = new InjectionToken(`i18n 'done' word`, {\n    factory: extractI18n('done'),\n});\n\nexport const TUI_MORE_WORD = new InjectionToken(`i18n 'more' word`, {\n    factory: extractI18n('more'),\n});\n\nexport const TUI_OTHER_DATE_TEXT = new InjectionToken(`i18n 'Other date' text`, {\n    factory: extractI18n('otherDate'),\n});\n\nexport const TUI_CHOOSE_DAY_OR_RANGE_TEXTS = new InjectionToken(\n    `choose day or range i18n texts`,\n    {\n        factory: extractI18n('mobileCalendarTexts'),\n    },\n);\n\nexport const TUI_FROM_TO_TEXTS = new InjectionToken(`from and to i18n texts`, {\n    factory: extractI18n('range'),\n});\n\nexport const TUI_PLUS_MINUS_TEXTS = new InjectionToken(`plus and minus i18n texts`, {\n    factory: extractI18n('countTexts'),\n});\n\nexport const TUI_TIME_TEXTS = new InjectionToken(`time i18n texts`, {\n    factory: extractI18n('time'),\n});\n\nexport const TUI_DATE_TEXTS = new InjectionToken<Observable<Record<TuiDateMode, string>>>(\n    'date format i18n texts',\n    {\n        factory: extractI18n('dateTexts'),\n    },\n);\n\nexport const TUI_DIGITAL_INFORMATION_UNITS = new InjectionToken(\n    `short bytes, kilobytes and megabytes i18n texts`,\n    {\n        factory: extractI18n('digitalInformationUnits'),\n    },\n);\n\nexport const TUI_COPY_TEXTS = new InjectionToken('copy i18n texts', {\n    factory: extractI18n('copyTexts'),\n});\n\nexport const TUI_PASSWORD_TEXTS = new InjectionToken('password i18n texts', {\n    factory: extractI18n('passwordTexts'),\n});\n\nexport const TUI_CALENDAR_MONTHS = new InjectionToken('short calendar months i18n', {\n    factory: extractI18n('shortCalendarMonths'),\n});\n\nexport const TUI_FILE_TEXTS = new InjectionToken('file i18n texts', {\n    factory: extractI18n('fileTexts'),\n});\n\nexport const TUI_PAGINATION_TEXTS = new InjectionToken('pagination i18n texts', {\n    factory: extractI18n('paginationTexts'),\n});\n\nexport const TUI_INPUT_FILE_TEXTS = new InjectionToken('tui-input-file i18n texts', {\n    factory: extractI18n('inputFileTexts'),\n});\n\nexport const TUI_COUNTRIES: InjectionToken<\n    Observable<Record<TuiCountryIsoCode, string>>\n> = new InjectionToken('Localized countries names', {\n    factory: extractI18n('countries'),\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAIa,wBAAwB,GAAG,IAAI,cAAc,CAExD,wCAAwC;;MCJ7B,gBAAgB,GAAG,IAAI,cAAc,CAC9C,oEAAoE,EACpE;IACI,OAAO,EAAE,MAAM,KAAK;CACvB;;MCJQ,mBAAmB,GAAG,IAAI,cAAc,CACjD,oCAAoC;;MCA3B,cAAc,GAAG,IAAI,cAAc,CAC5C,2CAA2C,EAC3C;IACI,OAAO,EAAE;CACZ;;MCJQ,qBAAqB,GAAG,IAAI,cAAc,CAErD,mBAAmB,EAAE;IACnB,OAAO,EAAE,OAAO,EAAE,CAAC;CACtB;;MCFY,eAAe,GAAG,IAAI,cAAc,CAAC,oBAAoB,EAAE;IACpE,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC;CACjC,EAAE;MAEU,aAAa,GAAG,IAAI,cAAc,CAAC,kBAAkB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,aAAa,GAAG,IAAI,cAAc,CAAC,kBAAkB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,mBAAmB,GAAG,IAAI,cAAc,CAAC,wBAAwB,EAAE;IAC5E,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,6BAA6B,GAAG,IAAI,cAAc,CAC3D,gCAAgC,EAChC;IACI,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC;CAC9C,EACH;MAEW,iBAAiB,GAAG,IAAI,cAAc,CAAC,wBAAwB,EAAE;IAC1E,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;CAChC,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC;CACrC,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC;CAC/B,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAC5C,wBAAwB,EACxB;IACI,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EACH;MAEW,6BAA6B,GAAG,IAAI,cAAc,CAC3D,iDAAiD,EACjD;IACI,OAAO,EAAE,WAAW,CAAC,yBAAyB,CAAC;CAClD,EACH;MAEW,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,kBAAkB,GAAG,IAAI,cAAc,CAAC,qBAAqB,EAAE;IACxE,OAAO,EAAE,WAAW,CAAC,eAAe,CAAC;CACxC,EAAE;MAEU,mBAAmB,GAAG,IAAI,cAAc,CAAC,4BAA4B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC;CAC9C,EAAE;MAEU,cAAc,GAAG,IAAI,cAAc,CAAC,iBAAiB,EAAE;IAChE,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,uBAAuB,EAAE;IAC5E,OAAO,EAAE,WAAW,CAAC,iBAAiB,CAAC;CAC1C,EAAE;MAEU,oBAAoB,GAAG,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChF,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC;CACzC,EAAE;MAEU,aAAa,GAEtB,IAAI,cAAc,CAAC,2BAA2B,EAAE;IAChD,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CACpC;;AClFD;;;;;;"}

package/fesm2015/taiga-ui-kit-utils-mask.js

@@ -1,4 +1,4 @@
-import { TuiDay, TuiDayRange, RANGE_SEPARATOR_CHAR } from '@taiga-ui/cdk';
+import { TuiDay, DATE_FILLER_LENGTH, DATE_RANGE_FILLER_LENGTH, TuiDayRange, RANGE_SEPARATOR_CHAR } from '@taiga-ui/cdk';
 import { DATE_TIME_SEPARATOR, TUI_TIME_MASK } from '@taiga-ui/kit/constants';
 import { TUI_DIGIT_REGEXP } from '@taiga-ui/core';
 
@@ -9,7 +9,7 @@ function normalizeDateValue(dateValue, { value, min, max }) {
 }
 function tuiCreateAutoCorrectedDatePipe(config) {
     return value => {
-        if (value.length !== config.filler.length) {
+        if (value.length !== DATE_FILLER_LENGTH) {
             return { value };
         }
         return {
@@ -19,18 +19,18 @@ function tuiCreateAutoCorrectedDatePipe(config) {
 }
 
 function parseWithLimit(value, config) {
-    return TuiDay.normalizeParse(value.slice(0, config.filler.length)).dayLimit(config.min, config.max);
+    return TuiDay.normalizeParse(value.slice(0, DATE_FILLER_LENGTH)).dayLimit(config.min, config.max);
 }
 function processRawValue(value, config) {
     switch (value.length) {
-        case config.filler.length:
+        case DATE_FILLER_LENGTH:
             return parseWithLimit(value, config).toString();
-        case config.filler.length + RANGE_SEPARATOR_CHAR.length:
+        case DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length:
             return parseWithLimit(value, config).toString() + RANGE_SEPARATOR_CHAR;
-        case config.rangeFiller && config.rangeFiller.length:
+        case DATE_RANGE_FILLER_LENGTH:
             return config.value && config.value.toString() === value
                 ? value
-                : TuiDayRange.sort(parseWithLimit(value.slice(0, config.filler.length), config), parseWithLimit(value.slice(config.filler.length + RANGE_SEPARATOR_CHAR.length), config)).toString();
+                : TuiDayRange.sort(parseWithLimit(value.slice(0, DATE_FILLER_LENGTH), config), parseWithLimit(value.slice(DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length), config)).toString();
         default:
             return value;
     }
@@ -86,7 +86,7 @@ function tuiCreateAutoCorrectedTimePipe(timeMode = 'HH:MM') {
 function tuiCreateAutoCorrectedDateTimePipe(config, timeMode) {
     const timePipe = tuiCreateAutoCorrectedTimePipe(timeMode);
     return value => {
-        if (value.length < config.filler.length) {
+        if (value.length < DATE_FILLER_LENGTH) {
             return { value };
         }
         const [date, time] = value.split(DATE_TIME_SEPARATOR);