@taiga-ui/kit 2.33.0 → 2.36.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-tag.js","sources":["ng://@taiga-ui/kit/components/tag/tag.component.ts","ng://@taiga-ui/kit/components/tag/tag.module.ts","ng://@taiga-ui/kit/components/tag/taiga-ui-kit-components-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport {setNativeFocused, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    sizeBigger,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeL,\n    TuiSizeS,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nexport const ALLOWED_SPACE_REGEXP = new RegExp(`,|[\\\\s]`);\n\n@Component({\n    selector: 'tui-tag, a[tuiTag]',\n    templateUrl: './tag.template.html',\n    styleUrls: ['./tag.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiTagComponent {\n    // TODO: Possibly implement standard focus mechanisms and outline\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-status')\n    @tuiDefaultProp()\n    status: TuiStatusT = 'default';\n\n    @Input()\n    @HostBinding('class._hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    removable = false;\n\n    @Input()\n    @HostBinding('class._disabled')\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @HostBinding('class._autocolor')\n    @tuiDefaultProp()\n    autoColor = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent | null = null;\n\n    @Output()\n    readonly edited = new EventEmitter<string>();\n\n    @HostBinding('class._editing')\n    editing = false;\n\n    editedText: string | null = null;\n\n    @ViewChild('input', {read: ElementRef})\n    set input(input: ElementRef<HTMLInputElement>) {\n        if (input) {\n            setNativeFocused(input.nativeElement);\n        }\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {}\n\n    get backgroundColor(): string | null {\n        return this.autoColor ? stringHashToHsl(this.value) : null;\n    }\n\n    get canRemove(): boolean {\n        return this.removable && !this.disabled && !this.showLoader;\n    }\n\n    get displayText(): string {\n        return this.editedText === null ? this.value : this.editedText;\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return sizeBigger(this.size) ? 's' : 'xs';\n    }\n\n    @HostBinding('class._has-icon')\n    get hasIcon(): boolean {\n        return this.showLoader || this.removable;\n    }\n\n    @HostListener('keydown.enter', ['$event'])\n    edit(event: Event) {\n        if (!this.canEdit) {\n            return;\n        }\n\n        event.preventDefault();\n        this.editing = true;\n        this.editedText = this.value;\n    }\n\n    @HostListener('keydown.delete', ['$event'])\n    @HostListener('keydown.backspace', ['$event'])\n    remove(event: Event) {\n        if (!this.canRemove) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.edited.emit('');\n    }\n\n    onInput(value: string) {\n        const newTags = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n\n        if (newTags.length > 1) {\n            this.save(String(newTags));\n\n            return;\n        }\n\n        this.editedText = value;\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        event.stopPropagation();\n\n        switch (event.key.toLowerCase()) {\n            case 'enter':\n                event.preventDefault();\n                this.save(this.editedText || '');\n                break;\n            case 'escape':\n            case 'esc':\n                event.preventDefault();\n                this.stopEditing();\n                setNativeFocused(this.elementRef.nativeElement);\n                break;\n            default:\n                break;\n        }\n    }\n\n    onBlur() {\n        if (this.editedText !== null) {\n            this.save(this.editedText);\n        }\n    }\n\n    private get canEdit(): boolean {\n        return this.editable && !this.disabled && !this.showLoader;\n    }\n\n    private stopEditing() {\n        this.editing = false;\n        this.editedText = null;\n    }\n\n    private save(value: string) {\n        this.stopEditing();\n        this.edited.emit(value.trim());\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTagComponent} from './tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiPreventDefaultModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTagComponent],\n    exports: [TuiTagComponent],\n})\nexport class TuiTagModule {}\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-tag.js","sources":["ng://@taiga-ui/kit/components/tag/tag.component.ts","ng://@taiga-ui/kit/components/tag/tag.module.ts","ng://@taiga-ui/kit/components/tag/taiga-ui-kit-components-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport {setNativeFocused, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    sizeBigger,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeL,\n    TuiSizeS,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nexport const ALLOWED_SPACE_REGEXP = new RegExp(`,|[\\\\s]`);\n\n@Component({\n    selector: 'tui-tag, a[tuiTag]',\n    templateUrl: './tag.template.html',\n    styleUrls: ['./tag.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiTagComponent {\n    // TODO: Possibly implement standard focus mechanisms and outline\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = false;\n\n    // TODO: Remove in 3.0\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    separator: string | RegExp = ',';\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-status')\n    @tuiDefaultProp()\n    status: TuiStatusT = 'default';\n\n    @Input()\n    @HostBinding('class._hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    removable = false;\n\n    @Input()\n    @HostBinding('class._disabled')\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @HostBinding('class._autocolor')\n    @tuiDefaultProp()\n    autoColor = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent | null = null;\n\n    @Output()\n    readonly edited = new EventEmitter<string>();\n\n    @HostBinding('class._editing')\n    editing = false;\n\n    editedText: string | null = null;\n\n    @ViewChild('input', {read: ElementRef})\n    set input(input: ElementRef<HTMLInputElement>) {\n        if (input) {\n            setNativeFocused(input.nativeElement);\n        }\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {}\n\n    get backgroundColor(): string | null {\n        return this.autoColor ? stringHashToHsl(this.value) : null;\n    }\n\n    get canRemove(): boolean {\n        return this.removable && !this.disabled && !this.showLoader;\n    }\n\n    get displayText(): string {\n        return this.editedText === null ? this.value : this.editedText;\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return sizeBigger(this.size) ? 's' : 'xs';\n    }\n\n    @HostBinding('class._has-icon')\n    get hasIcon(): boolean {\n        return this.showLoader || this.removable;\n    }\n\n    @HostListener('keydown.enter', ['$event'])\n    edit(event: Event) {\n        if (!this.canEdit) {\n            return;\n        }\n\n        event.preventDefault();\n        this.editing = true;\n        this.editedText = this.value;\n    }\n\n    @HostListener('keydown.delete', ['$event'])\n    @HostListener('keydown.backspace', ['$event'])\n    remove(event: Event) {\n        if (!this.canRemove) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.edited.emit('');\n    }\n\n    onInput(value: string) {\n        const newTags = this.allowSpaces\n            ? value.split(this.separator)\n            : value.split(ALLOWED_SPACE_REGEXP);\n\n        if (newTags.length > 1) {\n            this.save(String(newTags));\n\n            return;\n        }\n\n        this.editedText = value;\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        event.stopPropagation();\n\n        switch (event.key.toLowerCase()) {\n            case 'enter':\n                event.preventDefault();\n                this.save(this.editedText || '');\n                break;\n            case 'escape':\n            case 'esc':\n                event.preventDefault();\n                this.stopEditing();\n                setNativeFocused(this.elementRef.nativeElement);\n                break;\n            default:\n                break;\n        }\n    }\n\n    onBlur() {\n        if (this.editedText !== null) {\n            this.save(this.editedText);\n        }\n    }\n\n    private get canEdit(): boolean {\n        return this.editable && !this.disabled && !this.showLoader;\n    }\n\n    private stopEditing() {\n        this.editing = false;\n        this.editedText = null;\n    }\n\n    private save(value: string) {\n        this.stopEditing();\n        this.edited.emit(value.trim());\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTagComponent} from './tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiPreventDefaultModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTagComponent],\n    exports: [TuiTagComponent],\n})\nexport class TuiTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MA2Ba,oBAAoB,GAAG,IAAI,MAAM,CAAC,SAAS,EAAE;IAY7C,eAAe,GAA5B,MAAa,eAAe;IA4ExB,YACyC,UAAmC,EAC7C,KAAuC;QAD7B,eAAU,GAAV,UAAU,CAAyB;QAC7C,UAAK,GAAL,KAAK,CAAkC;;QA1EtE,UAAK,GAAG,EAAE,CAAC;QAIX,aAAQ,GAAG,KAAK,CAAC;;QAKjB,gBAAW,GAAG,IAAI,CAAC;QAInB,cAAS,GAAoB,GAAG,CAAC;QAIjC,cAAS,GAAkB,IAAI,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAIhC,eAAU,GAAG,KAAK,CAAC;QAKnB,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;QAIlB,cAAS,GAAG,KAAK,CAAC;QAKlB,aAAQ,GAAG,KAAK,CAAC;QAKjB,cAAS,GAAG,KAAK,CAAC;;QAKlB,gBAAW,GAA+B,IAAI,CAAC;QAGtC,WAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAG7C,YAAO,GAAG,KAAK,CAAC;QAEhB,eAAU,GAAkB,IAAI,CAAC;KAY7B;IATJ,IAAI,KAAK,CAAC,KAAmC;QACzC,IAAI,KAAK,EAAE;YACP,gBAAgB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;SACzC;KACJ;IAOD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;KAC9D;IAED,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;KAC/D;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;KAClE;IAED,IAAI,UAAU;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;KAC7C;IAGD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC;KAC5C;IAGD,IAAI,CAAC,KAAY;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;KAChC;IAID,MAAM,CAAC,KAAY;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,KAAa;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW;cAC1B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;cAC3B,KAAK,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAExC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAE3B,OAAO;SACV;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;IAED,SAAS,CAAC,KAAoB;QAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,QAAQ,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE;YAC3B,KAAK,OAAO;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;gBACjC,MAAM;YACV,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBACN,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;gBAChD,MAAM;YACV;gBACI,MAAM;SACb;KACJ;IAED,MAAM;QACF,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9B;KACJ;IAED,IAAY,OAAO;QACf,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;KAC9D;IAEO,WAAW;QACf,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KAC1B;IAEO,IAAI,CAAC,KAAa;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;KAClC;EACJ;;YApGwD,UAAU,uBAA1D,MAAM,SAAC,UAAU;YACgB,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AA1EpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8CACN;AAIX;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACA;AAKjB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACE;AAInB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACgB;AAIjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACe;AAKhC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;6CACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACE;AAKnB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;+CACc;AAK/B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;kDACC;AAIlB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,iBAAiB,CAAC;IAC9B,cAAc,EAAE;iDACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;kDACC;AAKlB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDAC8B;AAG/C;IADC,MAAM,EAAE;+CACoC;AAG7C;IADC,WAAW,CAAC,gBAAgB,CAAC;gDACd;AAKhB;IADC,SAAS,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC;4CAKtC;AAwBD;IADC,WAAW,CAAC,iBAAiB,CAAC;8CAG9B;AAGD;IADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;2CASzC;AAID;IAFC,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1C,YAAY,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,CAAC;6CAS7C;AA3HQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,qiCAAkC;QAElC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IA8EO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GA9EZ,eAAe,CAiL3B;;ICnMY,YAAY,GAAzB,MAAa,YAAY;EAAG;AAAf,YAAY;IAZxB,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,uBAAuB;YACvB,YAAY;YACZ,eAAe;YACf,kBAAkB;SACrB;QACD,YAAY,EAAE,CAAC,eAAe,CAAC;QAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;KAC7B,CAAC;GACW,YAAY,CAAG;;ACrB5B;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { __decorate, __param } from 'tslib';
-import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, ContentChild, ElementRef, Input, HostBinding, HostListener, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
-import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, TUI_IS_IOS, tuiDefaultProp, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule } from '@taiga-ui/cdk';
-import { TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, getBorder, TUI_TEXTFIELD_APPEARANCE, TUI_MODE, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiScrollbarModule, TuiTooltipModule, TuiWrapperModule, TuiDescribedByModule, TuiSvgModule } from '@taiga-ui/core';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, TUI_IS_IOS, tuiDefaultProp, TuiFocusableModule, TuiHoveredModule } from '@taiga-ui/cdk';
+import { TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, getBorder, TUI_TEXTFIELD_APPEARANCE, TUI_MODE, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiScrollbarModule, TuiTooltipModule, TuiWrapperModule, TuiDescribedByModule, TuiSvgModule, TuiPrimitiveTextfieldModule } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
 
@@ -11,6 +11,10 @@ const TUI_TEXT_AREA_PROVIDERS = [
         provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
         useExisting: forwardRef(() => TuiTextAreaComponent),
     },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiTextAreaComponent),
+    },
     TEXTFIELD_CONTROLLER_PROVIDER,
     HINT_CONTROLLER_PROVIDER,
     MODE_PROVIDER,
@@ -34,9 +38,11 @@ let TuiTextAreaComponent = class TuiTextAreaComponent extends AbstractTuiControl
         return this.controller.labelOutside;
     }
     get nativeFocusableElement() {
-        return this.computedDisabled || !this.focusableElement
-            ? null
-            : this.focusableElement.nativeElement;
+        var _a, _b;
+        if (this.computedDisabled) {
+            return null;
+        }
+        return (((_a = this.textfield) === null || _a === void 0 ? void 0 : _a.nativeElement) || ((_b = this.focusableElement) === null || _b === void 0 ? void 0 : _b.nativeElement) || null);
     }
     get focused() {
         return isNativeFocused(this.nativeFocusableElement);
@@ -63,10 +69,9 @@ let TuiTextAreaComponent = class TuiTextAreaComponent extends AbstractTuiControl
         return !this.controller.labelOutside || (!this.hasValue && !this.hasExampleText);
     }
     get hasExampleText() {
-        return (!!this.controller.exampleText &&
-            this.focused &&
-            !this.hasValue &&
-            !this.readOnly);
+        var _a;
+        const text = this.controller.exampleText || ((_a = this.textfield) === null || _a === void 0 ? void 0 : _a.nativeElement.placeholder);
+        return !!text && this.focused && !this.hasValue && !this.readOnly;
     }
     get computeMaxHeight() {
         return this.expandable ? this.rows * this.lineHeight : null;
@@ -90,7 +95,7 @@ let TuiTextAreaComponent = class TuiTextAreaComponent extends AbstractTuiControl
     onPressed(pressed) {
         this.updatePressed(pressed);
     }
-    onValue(value) {
+    onValueChange(value) {
         this.updateValue(value);
     }
     onMouseDown(event) {
@@ -121,6 +126,9 @@ TuiTextAreaComponent.ctorParameters = () => [
 __decorate([
     ViewChild('focusableElement')
 ], TuiTextAreaComponent.prototype, "focusableElement", void 0);
+__decorate([
+    ContentChild(TuiTextfieldComponent, { read: ElementRef })
+], TuiTextAreaComponent.prototype, "textfield", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -148,17 +156,21 @@ __decorate([
 __decorate([
     HostBinding('class._has-counter')
 ], TuiTextAreaComponent.prototype, "hasCounter", null);
+__decorate([
+    HostListener('focusin', ['true']),
+    HostListener('focusout', ['false'])
+], TuiTextAreaComponent.prototype, "onFocused", null);
 TuiTextAreaComponent = __decorate([
     Component({
         selector: 'tui-text-area',
-        template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"counter\"\n    >\n        {{ value.length }}/{{ controller.maxLength }}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"placeholder\"\n            [class.placeholder_raised]=\"placeholderRaised\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"input-wrapper\">\n                <div class=\"relative\">\n                    <div aria-hidden=\"true\" class=\"pseudo-content\">\n                        <span\n                            [textContent]=\"fittedContent || controller.exampleText\"\n                        ></span>\n                        <span\n                            class=\"pseudo-content__extra\"\n                            [textContent]=\"extraContent\"\n                        ></span>\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"input\"\n                        [placeholder]=\"controller.exampleText\"\n                        [id]=\"id\"\n                        [tuiDescribedBy]=\"id\"\n                        [tuiFocusable]=\"focusable\"\n                        [disabled]=\"disabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (tuiFocusedChange)=\"onFocused($event)\"\n                        (ngModelChange)=\"onValue($event)\"\n                    ></textarea>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <div class=\"icons\">\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"cleaner\"\n            (click.stop)=\"onValue('')\"\n        ></tui-svg>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-text-area__tooltip\"\n            class=\"tooltip\"\n            [describeId]=\"id\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [content]=\"hintController.content\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n    </div>\n</label>\n",
+        template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"t-outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"t-counter\"\n    >\n        {{ value.length }}/{{ controller.maxLength }}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"t-content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"t-wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"t-placeholder\"\n            [class.t-placeholder_raised]=\"placeholderRaised\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"t-box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"t-input-wrapper\">\n                <div class=\"t-relative\">\n                    <div aria-hidden=\"true\" class=\"t-pseudo-content\">\n                        <span\n                            [textContent]=\"fittedContent || controller.exampleText\"\n                        ></span>\n                        <span\n                            class=\"t-pseudo-content__extra\"\n                            [textContent]=\"extraContent\"\n                        ></span>\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"t-input\"\n                        [placeholder]=\"controller.exampleText\"\n                        [id]=\"id\"\n                        [tuiDescribedBy]=\"id\"\n                        [tuiFocusable]=\"computedFocusable\"\n                        [disabled]=\"computedDisabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (ngModelChange)=\"onValueChange($event)\"\n                    ></textarea>\n                    <ng-content select=\"textarea\"></ng-content>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <div class=\"t-icons\">\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"t-cleaner\"\n            (click.stop)=\"onValueChange('')\"\n        ></tui-svg>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-text-area__tooltip\"\n            class=\"t-tooltip\"\n            [describeId]=\"id\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [content]=\"hintController.content\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n    </div>\n</label>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TUI_TEXT_AREA_PROVIDERS,
         host: {
             '($.data-mode.attr)': 'mode$',
             '[class._ios]': 'isIOS',
         },
-        styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .content{bottom:1.6875rem}.wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .wrapper{padding-top:1.625rem}.input-wrapper{min-height:inherit;width:100%;flex:1}.relative{position:relative;min-height:inherit}.box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .box{height:100%}:host._has-counter._expandable .box{margin-bottom:1.25rem}.pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:0 solid transparent;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end)}:host[data-size='m'] .pseudo-content{padding:0 .75rem}:host[data-size='l'] .pseudo-content{padding:0 1rem}.pseudo-content__extra{background-color:var(--tui-error-bg-night)}.input{padding:0;border:0 solid transparent;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-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%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end)}.input:-webkit-autofill,.input:-webkit-autofill:focus,.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}.input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .input::placeholder{color:var(--tui-text-03-night)}:host._focused .input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .input{padding:0 .75rem}:host[data-size='l'] .input{padding:0 1rem}:host._ios .input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .input{color:var(--tui-text-03-night)}.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%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;left:0;max-width:100%;padding:0 1rem;border:0 solid transparent;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end);box-sizing:border-box}.placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-size='l']._focused._label-outside .placeholder,:host[data-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-size='l'] .placeholder{font-size:.9375rem}:host[data-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .placeholder,:host[data-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host[data-size='m'] .placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .placeholder{top:1rem}:host._label-outside .placeholder{overflow:initial;height:auto;white-space:initial}.icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .icons{padding:.75rem}.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;pointer-events:auto}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.tooltip{pointer-events:auto}.counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .counter{color:var(--tui-text-03-night)}"]
+        styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.t-content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;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)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-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%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;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)}.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:not(:last-child){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host._ios .t-input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}.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%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;left:0;max-width:100%;padding:0 1rem;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);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused)._hovered .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)._hovered .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)}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.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;pointer-events:auto}.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-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -171,6 +183,24 @@ TuiTextAreaComponent = __decorate([
     __param(6, Inject(TUI_HINT_WATCHED_CONTROLLER))
 ], TuiTextAreaComponent);
 
+var TuiTextAreaDirective_1;
+let TuiTextAreaDirective = TuiTextAreaDirective_1 = class TuiTextAreaDirective extends TuiAbstractTextfieldHost {
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+};
+TuiTextAreaDirective = TuiTextAreaDirective_1 = __decorate([
+    Directive({
+        selector: 'tui-text-area',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_HOST,
+                useExisting: forwardRef(() => TuiTextAreaDirective_1),
+            },
+        ],
+    })
+], TuiTextAreaDirective);
+
 let TuiTextAreaModule = class TuiTextAreaModule {
 };
 TuiTextAreaModule = __decorate([
@@ -179,16 +209,16 @@ TuiTextAreaModule = __decorate([
             CommonModule,
             FormsModule,
             TuiFocusableModule,
-            TuiFocusedModule,
             TuiHoveredModule,
             TuiScrollbarModule,
             TuiTooltipModule,
             TuiWrapperModule,
             TuiDescribedByModule,
             TuiSvgModule,
+            TuiPrimitiveTextfieldModule,
         ],
-        declarations: [TuiTextAreaComponent],
-        exports: [TuiTextAreaComponent],
+        declarations: [TuiTextAreaComponent, TuiTextAreaDirective],
+        exports: [TuiTextAreaComponent, TuiTextAreaDirective, TuiTextfieldComponent],
     })
 ], TuiTextAreaModule);
 
@@ -196,5 +226,5 @@ TuiTextAreaModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_ROWS, LINE_HEIGHT_L, LINE_HEIGHT_M, TUI_TEXT_AREA_PROVIDERS, TuiTextAreaComponent, TuiTextAreaModule };
+export { DEFAULT_ROWS, LINE_HEIGHT_L, LINE_HEIGHT_M, TUI_TEXT_AREA_PROVIDERS, TuiTextAreaComponent, TuiTextAreaDirective, TuiTextAreaModule };
 //# sourceMappingURL=taiga-ui-kit-components-text-area.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-text-area.js","sources":["ng://@taiga-ui/kit/components/text-area/text-area.providers.ts","ng://@taiga-ui/kit/components/text-area/text-area.component.ts","ng://@taiga-ui/kit/components/text-area/text-area.module.ts","ng://@taiga-ui/kit/components/text-area/taiga-ui-kit-components-text-area.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n} from '@taiga-ui/core';\n\nimport {TuiTextAreaComponent} from './text-area.component';\n\nexport const TUI_TEXT_AREA_PROVIDERS: Provider[] = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiTextAreaComponent),\n    },\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\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    setNativeFocused,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    getBorder,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_MODE,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiBrightness,\n    TuiHintControllerDirective,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TEXT_AREA_PROVIDERS} from './text-area.providers';\n\nexport const DEFAULT_ROWS = 20;\nexport const LINE_HEIGHT_M = 20;\nexport const LINE_HEIGHT_L = 24;\n\n@Component({\n    selector: 'tui-text-area',\n    templateUrl: './text-area.template.html',\n    styleUrls: ['./text-area.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TEXT_AREA_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[class._ios]': 'isIOS',\n    },\n})\nexport class TuiTextAreaComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLTextAreaElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    rows = DEFAULT_ROWS;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        return this.controller.labelOutside;\n    }\n\n    get nativeFocusableElement(): HTMLTextAreaElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('style.--border-end.rem')\n    get border(): number {\n        return getBorder(false, this.hasCleaner, this.hasTooltip);\n    }\n\n    get hasCleaner(): boolean {\n        return this.controller.cleaner && this.hasValue && this.interactive;\n    }\n\n    @HostBinding('class._has-tooltip')\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    @HostBinding('class._has-value')\n    get hasValue(): boolean {\n        return this.value !== '';\n    }\n\n    @HostBinding('class._has-counter')\n    get hasCounter(): boolean {\n        return !!this.controller.maxLength && this.interactive;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.controller.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.focused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get computeMaxHeight(): number | null {\n        return this.expandable ? this.rows * this.lineHeight : null;\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.controller.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get fittedContent(): string {\n        return this.value.slice(0, this.controller.maxLength || Infinity);\n    }\n\n    get extraContent(): string {\n        return this.value.slice(this.controller.maxLength || Infinity);\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    onValue(value: string) {\n        this.updateValue(value);\n    }\n\n    onMouseDown(event: MouseEvent) {\n        if (event.target === this.nativeFocusableElement) {\n            return;\n        }\n\n        event.preventDefault();\n\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement);\n        }\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private get lineHeight(): number {\n        return this.controller.size === 'm' ? LINE_HEIGHT_M : LINE_HEIGHT_L;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiFocusedModule, TuiHoveredModule} from '@taiga-ui/cdk';\nimport {\n    TuiDescribedByModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\n\nimport {TuiTextAreaComponent} from './text-area.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiWrapperModule,\n        TuiDescribedByModule,\n        TuiSvgModule,\n    ],\n    declarations: [TuiTextAreaComponent],\n    exports: [TuiTextAreaComponent],\n})\nexport class TuiTextAreaModule {}\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-text-area.js","sources":["ng://@taiga-ui/kit/components/text-area/text-area.providers.ts","ng://@taiga-ui/kit/components/text-area/text-area.component.ts","ng://@taiga-ui/kit/components/text-area/text-area.directive.ts","ng://@taiga-ui/kit/components/text-area/text-area.module.ts","ng://@taiga-ui/kit/components/text-area/taiga-ui-kit-components-text-area.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n} from '@taiga-ui/core';\n\nimport {TuiTextAreaComponent} from './text-area.component';\n\nexport const TUI_TEXT_AREA_PROVIDERS: Provider[] = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiTextAreaComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiTextAreaComponent),\n    },\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    HostBinding,\n    HostListener,\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    setNativeFocused,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    getBorder,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_MODE,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiBrightness,\n    TuiHintControllerDirective,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldComponent,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TEXT_AREA_PROVIDERS} from './text-area.providers';\n\nexport const DEFAULT_ROWS = 20;\nexport const LINE_HEIGHT_M = 20;\nexport const LINE_HEIGHT_L = 24;\n\n@Component({\n    selector: 'tui-text-area',\n    templateUrl: './text-area.template.html',\n    styleUrls: ['./text-area.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TEXT_AREA_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[class._ios]': 'isIOS',\n    },\n})\nexport class TuiTextAreaComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLTextAreaElement>;\n\n    @ContentChild(TuiTextfieldComponent, {read: ElementRef})\n    private readonly textfield?: ElementRef<HTMLTextAreaElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    rows = DEFAULT_ROWS;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Inject(TUI_IS_IOS) readonly isIOS: boolean,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        return this.controller.labelOutside;\n    }\n\n    get nativeFocusableElement(): HTMLTextAreaElement | null {\n        if (this.computedDisabled) {\n            return null;\n        }\n\n        return (\n            this.textfield?.nativeElement || this.focusableElement?.nativeElement || null\n        );\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('style.--border-end.rem')\n    get border(): number {\n        return getBorder(false, this.hasCleaner, this.hasTooltip);\n    }\n\n    get hasCleaner(): boolean {\n        return this.controller.cleaner && this.hasValue && this.interactive;\n    }\n\n    @HostBinding('class._has-tooltip')\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    @HostBinding('class._has-value')\n    get hasValue(): boolean {\n        return this.value !== '';\n    }\n\n    @HostBinding('class._has-counter')\n    get hasCounter(): boolean {\n        return !!this.controller.maxLength && this.interactive;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.controller.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get hasExampleText(): boolean {\n        const text =\n            this.controller.exampleText || this.textfield?.nativeElement.placeholder;\n\n        return !!text && this.focused && !this.hasValue && !this.readOnly;\n    }\n\n    get computeMaxHeight(): number | null {\n        return this.expandable ? this.rows * this.lineHeight : null;\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.controller.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get fittedContent(): string {\n        return this.value.slice(0, this.controller.maxLength || Infinity);\n    }\n\n    get extraContent(): string {\n        return this.value.slice(this.controller.maxLength || Infinity);\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\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    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onMouseDown(event: MouseEvent) {\n        if (event.target === this.nativeFocusableElement) {\n            return;\n        }\n\n        event.preventDefault();\n\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement);\n        }\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private get lineHeight(): number {\n        return this.controller.size === 'm' ? LINE_HEIGHT_M : LINE_HEIGHT_L;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiTextAreaComponent} from './text-area.component';\n\n@Directive({\n    selector: 'tui-text-area',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiTextAreaDirective),\n        },\n    ],\n})\nexport class TuiTextAreaDirective extends TuiAbstractTextfieldHost<TuiTextAreaComponent> {\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiHoveredModule} from '@taiga-ui/cdk';\nimport {\n    TuiDescribedByModule,\n    TuiPrimitiveTextfieldModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\n\nimport {TuiTextAreaComponent} from './text-area.component';\nimport {TuiTextAreaDirective} from './text-area.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiWrapperModule,\n        TuiDescribedByModule,\n        TuiSvgModule,\n        TuiPrimitiveTextfieldModule,\n    ],\n    declarations: [TuiTextAreaComponent, TuiTextAreaDirective],\n    exports: [TuiTextAreaComponent, TuiTextAreaDirective, TuiTextfieldComponent],\n})\nexport class TuiTextAreaModule {}\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-toggle.js

@@ -23,6 +23,10 @@ const TUI_TOGGLE_DEFAULT_OPTIONS = {
 const TUI_TOGGLE_OPTIONS = new InjectionToken('Default parameters for toggle component', {
     factory: () => TUI_TOGGLE_DEFAULT_OPTIONS,
 });
+const tuiToggleOptionsProvider = (options) => ({
+    provide: TUI_TOGGLE_OPTIONS,
+    useValue: Object.assign(Object.assign({}, TUI_TOGGLE_DEFAULT_OPTIONS), options),
+});
 
 var TuiToggleComponent_1;
 let TuiToggleComponent = TuiToggleComponent_1 = class TuiToggleComponent extends AbstractTuiControl {
@@ -106,7 +110,7 @@ __decorate([
 ], TuiToggleComponent.prototype, "showLoader", void 0);
 __decorate([
     Input(),
-    HostBinding('attr.data-tui-host-size'),
+    HostBinding('attr.data-size'),
     tuiDefaultProp()
 ], TuiToggleComponent.prototype, "size", void 0);
 __decorate([
@@ -126,7 +130,7 @@ 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;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}"]
+        styles: [":host{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;border-radius:6.25rem}:host[data-size='m']{width:2rem;height:1rem}:host[data-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-size='m'] .toggle{width:3rem;height:1rem;transform:translateX(-1rem)}:host[data-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-size='m'] .circle{width:.75rem;height:.75rem}:host[data-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-size='m'] .loader{width:.75rem;margin:0 .2rem;transform:scale(.75)}:host[data-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-size='m'] .icon{width:1rem;height:1rem;transform:scale(.75)}:host[data-size='l'] .icon{margin:0 .125rem;width:1.5rem;height:1.5rem}:host._hovered .icon{opacity:1}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -163,5 +167,5 @@ TuiToggleModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_TOGGLE_DEFAULT_OPTIONS, TUI_TOGGLE_OPTIONS, TuiToggleComponent, TuiToggleModule };
+export { TUI_TOGGLE_DEFAULT_OPTIONS, TUI_TOGGLE_OPTIONS, TuiToggleComponent, TuiToggleModule, tuiToggleOptionsProvider };
 //# 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-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';\n\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    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\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    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        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';\n\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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"}
+{"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, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiToggleOptions {\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/**\n * @deprecated: use TuiToggleOptions instead\n * todo: remove in 3.0\n */\nexport type ToggleOptions = TuiToggleOptions;\n\n/** Default values for the toggle options. */\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions = {\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<TuiToggleOptions>(\n    'Default parameters for toggle component',\n    {\n        factory: () => TUI_TOGGLE_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiToggleOptionsProvider: (\n    options: Partial<TuiToggleOptions>,\n) => ValueProvider = (options: Partial<TuiToggleOptions>) => ({\n    provide: TUI_TOGGLE_OPTIONS,\n    useValue: {...TUI_TOGGLE_DEFAULT_OPTIONS, ...options},\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';\n\nimport {TUI_TOGGLE_OPTIONS, TuiToggleOptions} 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    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\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-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\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        readonly options: TuiToggleOptions,\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';\n\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-directives-dropdown-selection.js

@@ -8,6 +8,14 @@ import { merge } from 'rxjs';
 import { switchMapTo, takeUntil, map } from 'rxjs/operators';
 
 var TuiDropdownSelectionDirective_1;
+const EMPTY_RECT = {
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+};
 // @dynamic
 let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiDropdownSelectionDirective extends AbstractTuiDropdown {
     constructor(documentRef, componentFactoryResolver, injector, portalService, elementRef, activeZone, shadowRootRef, customElementRef, destroy$, refresh$, changeDetectorRef, ngZone, renderer, viewContainerRef) {
@@ -20,6 +28,10 @@ let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiD
         this.visibilityHandler = ALWAYS_TRUE_HANDLER;
         this.position = 'selection';
         this.documentRef = shadowRootRef || documentRef;
+        // SSR protection
+        if (!this.documentRef.createRange) {
+            return;
+        }
         this.range = this.documentRef.createRange();
         const { nativeElement } = this.elementRef;
         merge(typedFromEvent(this.documentRef, 'mouseup'), typedFromEvent(nativeElement, 'mousedown').pipe(switchMapTo(typedFromEvent(nativeElement, 'mousemove').pipe(takeUntil(typedFromEvent(this.documentRef, 'mouseup'))))), typedFromEvent(nativeElement, 'keyup'))
@@ -37,15 +49,17 @@ let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiD
                 : this.range;
         }), takeUntil(destroy$))
             .subscribe(range => {
-            const contained = nativeElement.contains(range.commonAncestorContainer);
+            const contained = !!range && nativeElement.contains(range.commonAncestorContainer);
             this.range = contained ? range : this.range;
             const valid = contained &&
-                (!this.visibilityHandler || this.visibilityHandler(this.range));
-            this.toggleDropdownBox(valid || this.inDropdown(range));
+                (!this.visibilityHandler ||
+                    !this.range ||
+                    this.visibilityHandler(this.range));
+            this.toggleDropdownBox(!!range && (valid || this.inDropdown(range)));
         });
     }
     set tuiDropdownSelection(handler) {
-        if (!handler) {
+        if (!handler || !this.range) {
             return;
         }
         const inHostAndValid = this.elementRef.nativeElement.contains(this.range.commonAncestorContainer) &&
@@ -80,6 +94,9 @@ let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiD
      * get ClientRect of current Range according to provided position
      */
     get rangeRect() {
+        if (!this.range) {
+            return EMPTY_RECT;
+        }
         switch (this.position) {
             case 'tag': {
                 const { commonAncestorContainer } = this.range;
@@ -116,7 +133,7 @@ let TuiDropdownSelectionDirective = TuiDropdownSelectionDirective_1 = class TuiD
             this.dropdownBoxRef.location.nativeElement.contains(node));
     }
     /**
-     * Check if given range is at leaset partially inside dropdown
+     * Check if given range is at least partially inside dropdown
      */
     inDropdown(range) {
         const { startContainer, endContainer } = range;

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{\n    private visibilityHandler: TuiBooleanHandler<Range> = ALWAYS_TRUE_HANDLER;\n    private readonly documentRef: Document;\n    private ghost?: HTMLElement;\n    private range: Range;\n\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    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            }\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';\n\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\nconst EMPTY_RECT: ClientRect = {\n    bottom: 0,\n    height: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    width: 0,\n};\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{\n    private visibilityHandler: TuiBooleanHandler<Range> = ALWAYS_TRUE_HANDLER;\n    private readonly documentRef: Document;\n    private ghost?: HTMLElement;\n    private range?: Range;\n\n    @Input()\n    set tuiDropdownSelection(handler: TuiBooleanHandler<Range> | undefined) {\n        if (!handler || !this.range) {\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    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\n        // SSR protection\n        if (!this.documentRef.createRange) {\n            return;\n        }\n\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 =\n                    !!range && nativeElement.contains(range.commonAncestorContainer);\n\n                this.range = contained ? range : this.range;\n\n                const valid =\n                    contained &&\n                    (!this.visibilityHandler ||\n                        !this.range ||\n                        this.visibilityHandler(this.range));\n\n                this.toggleDropdownBox(!!range && (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        if (!this.range) {\n            return EMPTY_RECT;\n        }\n\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            }\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 least 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';\n\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-lazy-loading.js

@@ -94,5 +94,5 @@ TuiLazyLoadingModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TuiLazyLoadingDirective, TuiLazyLoadingModule, TuiLazyLoadingService as ɵa };
+export { TuiLazyLoadingDirective, TuiLazyLoadingModule, TuiLazyLoadingService };
 //# sourceMappingURL=taiga-ui-kit-directives-lazy-loading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-lazy-loading.js","sources":["ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.service.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.directive.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.module.ts","ng://@taiga-ui/kit/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.ts"],"sourcesContent":["import {ChangeDetectorRef, Inject, Injectable} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService, watch} from '@taiga-ui/cdk';\nimport {Observable, of, Subject} from 'rxjs';\nimport {catchError, filter, mapTo, switchMap, take, takeUntil} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiLazyLoadingService extends Observable<string> {\n    private readonly src$ = new Subject<string>();\n\n    constructor(\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(IntersectionObserverService)\n        intersections$: Observable<IntersectionObserverEntry[]>,\n    ) {\n        super(subscriber =>\n            this.src$\n                .pipe(\n                    switchMap(src =>\n                        intersections$.pipe(\n                            filter(([{isIntersecting}]) => isIntersecting),\n                            mapTo(src),\n                            catchError(() => of(src)),\n                            watch(changeDetectorRef),\n                            take(1),\n                        ),\n                    ),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    next(src: string) {\n        this.src$.next(src);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nimport {TuiLazyLoadingService} from './lazy-loading.service';\n\n@Directive({\n    selector: 'img[loading=\"lazy\"]',\n    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],\n})\nexport class TuiLazyLoadingDirective {\n    @Input('src')\n    set srcSetter(src: string) {\n        this.src = this.supported ? src : null;\n        this.src$.next(src);\n    }\n\n    @HostBinding('style.animation')\n    animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';\n\n    @HostBinding('style.background')\n    background = 'rgba(0, 0, 0, .16)';\n\n    @HostBinding('attr.src')\n    src: string | null = null;\n\n    constructor(\n        @Inject(TuiLazyLoadingService)\n        private readonly src$: TuiLazyLoadingService,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLImageElement>,\n    ) {\n        if (!this.supported) {\n            this.src$.subscribe(src => {\n                this.src = src;\n            });\n        }\n    }\n\n    private get supported() {\n        return 'loading' in this.elementRef.nativeElement;\n    }\n\n    @HostListener('load')\n    onLoad() {\n        this.background = '';\n        this.animation = '';\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiLazyLoadingDirective} from './lazy-loading.directive';\n\n@NgModule({\n    declarations: [TuiLazyLoadingDirective],\n    exports: [TuiLazyLoadingDirective],\n})\nexport class TuiLazyLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiLazyLoadingService as ɵa} from './lazy-loading.service';"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-directives-lazy-loading.js","sources":["ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.service.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.directive.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.module.ts","ng://@taiga-ui/kit/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.ts"],"sourcesContent":["import {ChangeDetectorRef, Inject, Injectable} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService, watch} from '@taiga-ui/cdk';\nimport {Observable, of, Subject} from 'rxjs';\nimport {catchError, filter, mapTo, switchMap, take, takeUntil} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiLazyLoadingService extends Observable<string> {\n    private readonly src$ = new Subject<string>();\n\n    constructor(\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(IntersectionObserverService)\n        intersections$: Observable<IntersectionObserverEntry[]>,\n    ) {\n        super(subscriber =>\n            this.src$\n                .pipe(\n                    switchMap(src =>\n                        intersections$.pipe(\n                            filter(([{isIntersecting}]) => isIntersecting),\n                            mapTo(src),\n                            catchError(() => of(src)),\n                            watch(changeDetectorRef),\n                            take(1),\n                        ),\n                    ),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    next(src: string) {\n        this.src$.next(src);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nimport {TuiLazyLoadingService} from './lazy-loading.service';\n\n@Directive({\n    selector: 'img[loading=\"lazy\"]',\n    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],\n})\nexport class TuiLazyLoadingDirective {\n    @Input('src')\n    set srcSetter(src: string) {\n        this.src = this.supported ? src : null;\n        this.src$.next(src);\n    }\n\n    @HostBinding('style.animation')\n    animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';\n\n    @HostBinding('style.background')\n    background = 'rgba(0, 0, 0, .16)';\n\n    @HostBinding('attr.src')\n    src: string | null = null;\n\n    constructor(\n        @Inject(TuiLazyLoadingService)\n        private readonly src$: TuiLazyLoadingService,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLImageElement>,\n    ) {\n        if (!this.supported) {\n            this.src$.subscribe(src => {\n                this.src = src;\n            });\n        }\n    }\n\n    private get supported() {\n        return 'loading' in this.elementRef.nativeElement;\n    }\n\n    @HostListener('load')\n    onLoad() {\n        this.background = '';\n        this.animation = '';\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiLazyLoadingDirective} from './lazy-loading.directive';\n\n@NgModule({\n    declarations: [TuiLazyLoadingDirective],\n    exports: [TuiLazyLoadingDirective],\n})\nexport class TuiLazyLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}