@taiga-ui/kit 2.61.0 → 3.0.0-rc.2

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

@@ -1,33 +1,17 @@
-import { __decorate, __param } from 'tslib';
-import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, TemplateRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, ContentChild, Directive, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
 import { NgControl } from '@angular/forms';
-import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, tuiDefaultProp, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import * as i2 from '@taiga-ui/cdk';
+import { AbstractTuiControl, tuiIsNativeFocused, tuiAsFocusableItemAccessor, tuiAsControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/core';
+import { tuiAsDataListHost, TuiDataListDirective, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, tuiAsTextfieldHost, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_VALUE_ACCESSOR_PROVIDER, FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 
-const TUI_INPUT_PROVIDERS = [
-    TUI_VALUE_ACCESSOR_PROVIDER,
-    FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-    {
-        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-        useExisting: forwardRef(() => TuiInputComponent),
-    },
-    {
-        provide: AbstractTuiControl,
-        useExisting: forwardRef(() => TuiInputComponent),
-    },
-    {
-        provide: TUI_DATA_LIST_HOST,
-        useExisting: forwardRef(() => TuiInputComponent),
-    },
-];
-
-let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
+class TuiInputComponent extends AbstractTuiControl {
     constructor(control, changeDetectorRef) {
         super(control, changeDetectorRef);
-        this.icon = null;
-        this.iconAlign = `left`;
         this.datalist = ``;
         this.open = false;
     }
@@ -37,7 +21,7 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
             : this.textfield.nativeFocusableElement;
     }
     get focused() {
-        return (isNativeFocused(this.nativeFocusableElement) ||
+        return (tuiIsNativeFocused(this.nativeFocusableElement) ||
             (!!this.hostedDropdown && this.hostedDropdown.focused));
     }
     get canOpen() {
@@ -47,9 +31,6 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
         this.updateValue(value);
         this.open = true;
     }
-    onHovered(hovered) {
-        this.updateHovered(hovered);
-    }
     onActiveZone(active) {
         this.updateFocused(active);
     }
@@ -64,7 +45,7 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
     }
     focusInput(preventScroll = false) {
         if (this.nativeFocusableElement) {
-            setNativeFocused(this.nativeFocusableElement, true, preventScroll);
+            this.nativeFocusableElement.focus({ preventScroll });
         }
     }
     setNativeValue(value) {
@@ -72,78 +53,95 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
             this.nativeFocusableElement.value = value;
         }
     }
-};
-TuiInputComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
-];
-__decorate([
-    ViewChild(TuiHostedDropdownComponent)
-], TuiInputComponent.prototype, "hostedDropdown", void 0);
-__decorate([
-    ViewChild(TuiPrimitiveTextfieldComponent)
-], TuiInputComponent.prototype, "textfield", void 0);
-__decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiInputComponent.prototype, "icon", void 0);
-__decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiInputComponent.prototype, "iconAlign", void 0);
-__decorate([
-    ContentChild(TuiDataListDirective, { read: TemplateRef })
-], TuiInputComponent.prototype, "datalist", void 0);
-TuiInputComponent = __decorate([
-    Component({
-        selector: `tui-input`,
-        template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: TUI_INPUT_PROVIDERS,
-        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}"]
-    }),
-    __param(0, Optional()),
-    __param(0, Self()),
-    __param(0, Inject(NgControl)),
-    __param(1, Inject(ChangeDetectorRef))
-], TuiInputComponent);
+}
+TuiInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiInputComponent, selector: "tui-input", providers: [
+        TUI_VALUE_ACCESSOR_PROVIDER,
+        tuiAsFocusableItemAccessor(TuiInputComponent),
+        tuiAsDataListHost(TuiInputComponent),
+        tuiAsControl(TuiInputComponent),
+    ], queries: [{ propertyName: "datalist", first: true, predicate: TuiDataListDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "hostedDropdown", first: true, predicate: TuiHostedDropdownComponent, descendants: true }, { propertyName: "textfield", first: true, predicate: TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocus]=\"computedFocused\"\n        [pseudoHover]=\"pseudoHover\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}\n"], components: [{ type: i1.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i1.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }], directives: [{ type: i2.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i1.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-input`,
+                    templateUrl: `./input.template.html`,
+                    styleUrls: [`./input.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        TUI_VALUE_ACCESSOR_PROVIDER,
+                        tuiAsFocusableItemAccessor(TuiInputComponent),
+                        tuiAsDataListHost(TuiInputComponent),
+                        tuiAsControl(TuiInputComponent),
+                    ],
+                    viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER],
+                }]
+        }], ctorParameters: function () { return [{ type: i3.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [NgControl]
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }]; }, propDecorators: { hostedDropdown: [{
+                type: ViewChild,
+                args: [TuiHostedDropdownComponent]
+            }], textfield: [{
+                type: ViewChild,
+                args: [TuiPrimitiveTextfieldComponent]
+            }], datalist: [{
+                type: ContentChild,
+                args: [TuiDataListDirective, { read: TemplateRef }]
+            }] } });
 
-var TuiInputDirective_1;
-let TuiInputDirective = TuiInputDirective_1 = class TuiInputDirective extends TuiAbstractTextfieldHost {
+class TuiInputDirective extends TuiAbstractTextfieldHost {
     onValueChange(value) {
         this.host.onValueChange(value);
     }
-};
-TuiInputDirective = TuiInputDirective_1 = __decorate([
-    Directive({
-        selector: `tui-input`,
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_HOST,
-                useExisting: forwardRef(() => TuiInputDirective_1),
-            },
-        ],
-    })
-], TuiInputDirective);
+}
+TuiInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiInputDirective, selector: "tui-input", providers: [tuiAsTextfieldHost(TuiInputDirective)], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-input`,
+                    providers: [tuiAsTextfieldHost(TuiInputDirective)],
+                }]
+        }] });
 
-let TuiInputModule = class TuiInputModule {
-};
-TuiInputModule = __decorate([
-    NgModule({
-        imports: [
+class TuiInputModule {
+}
+TuiInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputModule, declarations: [TuiInputComponent, TuiInputDirective], imports: [CommonModule,
+        TuiActiveZoneModule,
+        TuiPrimitiveTextfieldModule,
+        TuiHostedDropdownModule], exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent] });
+TuiInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputModule, imports: [[
             CommonModule,
             TuiActiveZoneModule,
             TuiPrimitiveTextfieldModule,
             TuiHostedDropdownModule,
-        ],
-        declarations: [TuiInputComponent, TuiInputDirective],
-        exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],
-    })
-], TuiInputModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiActiveZoneModule,
+                        TuiPrimitiveTextfieldModule,
+                        TuiHostedDropdownModule,
+                    ],
+                    declarations: [TuiInputComponent, TuiInputDirective],
+                    exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_INPUT_PROVIDERS, TuiInputComponent, TuiInputDirective, TuiInputModule };
+export { TuiInputComponent, TuiInputDirective, TuiInputModule };
 //# sourceMappingURL=taiga-ui-kit-components-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.directive.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    setNativeFocused,\n    TuiActiveZoneDirective,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n    selector: `tui-input`,\n    templateUrl: `./input.template.html`,\n    styleUrls: [`./input.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = `left`;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent<\n        TuiContextWithImplicit<TuiActiveZoneDirective>\n    > = ``;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    onValueChange(value: string): void {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onHovered(hovered: boolean): void {\n        this.updateHovered(hovered);\n    }\n\n    onActiveZone(active: boolean): void {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown): void {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return ``;\n    }\n\n    private focusInput(preventScroll: boolean = false): void {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private setNativeValue(value: string): void {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n    selector: `tui-input`,\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDirective),\n        },\n    ],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n    onValueChange(value: string): void {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent, TuiInputDirective],\n    exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input.js","sources":["../../../projects/kit/components/input/input.component.ts","../../../projects/kit/components/input/input.template.html","../../../projects/kit/components/input/input.directive.ts","../../../projects/kit/components/input/input.module.ts","../../../projects/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TuiActiveZoneDirective,\n    tuiAsControl,\n    tuiAsFocusableItemAccessor,\n    TuiContextWithImplicit,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocused,\n} from '@taiga-ui/cdk';\nimport {\n    tuiAsDataListHost,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: `tui-input`,\n    templateUrl: `./input.template.html`,\n    styleUrls: [`./input.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TUI_VALUE_ACCESSOR_PROVIDER,\n        tuiAsFocusableItemAccessor(TuiInputComponent),\n        tuiAsDataListHost(TuiInputComponent),\n        tuiAsControl(TuiInputComponent),\n    ],\n    viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER],\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent<\n        TuiContextWithImplicit<TuiActiveZoneDirective>\n    > = ``;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            tuiIsNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    onValueChange(value: string): void {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onActiveZone(active: boolean): void {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown): void {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return ``;\n    }\n\n    private focusInput(preventScroll: boolean = false): void {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.focus({preventScroll});\n        }\n    }\n\n    private setNativeValue(value: string): void {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocus]=\"computedFocused\"\n        [pseudoHover]=\"pseudoHover\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n","import {Directive} from '@angular/core';\nimport {TuiAbstractTextfieldHost, tuiAsTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n    selector: `tui-input`,\n    providers: [tuiAsTextfieldHost(TuiInputDirective)],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n    onValueChange(value: string): void {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent, TuiInputDirective],\n    exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AA+CM,MAAO,iBACT,SAAQ,kBAA0B,CAAA;IAgBlC,WAII,CAAA,OAAyB,EACE,iBAAoC,EAAA;AAE/D,QAAA,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAb7B,IAAQ,CAAA,QAAA,GAEb,EAAE,CAAC;QAEP,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;KAUZ;AAED,IAAA,IAAI,sBAAsB,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS;AAC3C,cAAE,IAAI;AACN,cAAE,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC;KAC/C;AAED,IAAA,IAAI,OAAO,GAAA;AACP,QAAA,QACI,kBAAkB,CAAC,IAAI,CAAC,sBAAsB,CAAC;AAC/C,aAAC,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EACxD;KACL;AAED,IAAA,IAAI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC9C;AAED,IAAA,aAAa,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;AAED,IAAA,YAAY,CAAC,MAAe,EAAA;AACxB,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;AAED,IAAA,YAAY,CAAC,IAAa,EAAA;QACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAES,gBAAgB,GAAA;AACtB,QAAA,OAAO,EAAE,CAAC;KACb;IAEO,UAAU,CAAC,gBAAyB,KAAK,EAAA;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAC,aAAa,EAAC,CAAC,CAAC;AACtD,SAAA;KACJ;AAEO,IAAA,cAAc,CAAC,KAAa,EAAA;QAChC,IAAI,IAAI,CAAC,sBAAsB,EAAE;AAC7B,YAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;AAC7C,SAAA;KACJ;;+GA1EQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAoBd,SAAS,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAET,iBAAiB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAtBpB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EARf,QAAA,EAAA,WAAA,EAAA,SAAA,EAAA;QACP,2BAA2B;QAC3B,0BAA0B,CAAC,iBAAiB,CAAC;QAC7C,iBAAiB,CAAC,iBAAiB,CAAC;QACpC,YAAY,CAAC,iBAAiB,CAAC;AAClC,KAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAaa,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAS,WAAW,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAN3C,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG1B,8BAA8B,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtD7C,m1BA2BA,EAAA,MAAA,EAAA,CAAA,kNAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,qHAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,aAAA,EDkBmB,CAAC,kCAAkC,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FAE1C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAW,SAAA,CAAA;AACrB,oBAAA,WAAW,EAAE,CAAuB,qBAAA,CAAA;oBACpC,SAAS,EAAE,CAAC,CAAA,kBAAA,CAAoB,CAAC;oBACjC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,SAAS,EAAE;wBACP,2BAA2B;AAC3B,wBAAA,0BAA0B,CAAmB,iBAAA,CAAA;AAC7C,wBAAA,iBAAiB,CAAmB,iBAAA,CAAA;AACpC,wBAAA,YAAY,CAAmB,iBAAA,CAAA;AAClC,qBAAA;oBACD,aAAa,EAAE,CAAC,kCAAkC,CAAC;AACtD,iBAAA,CAAA;;0BAmBQ,QAAQ;;0BACR,IAAI;;0BACJ,MAAM;2BAAC,SAAS,CAAA;;0BAEhB,MAAM;2BAAC,iBAAiB,CAAA;4CAjBZ,cAAc,EAAA,CAAA;sBAD9B,SAAS;uBAAC,0BAA0B,CAAA;gBAIpB,SAAS,EAAA,CAAA;sBADzB,SAAS;uBAAC,8BAA8B,CAAA;gBAIhC,QAAQ,EAAA,CAAA;sBADhB,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,oBAAoB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAA;;;AEhDrD,MAAO,iBAAkB,SAAQ,wBAA2C,CAAA;AAC9E,IAAA,aAAa,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;;+GAHQ,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,oCAFf,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEzC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAW,SAAA,CAAA;AACrB,oBAAA,SAAS,EAAE,CAAC,kBAAkB,CAAA,iBAAA,CAAmB,CAAC;AACrD,iBAAA,CAAA;;;MCcY,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAHR,YAAA,EAAA,CAAA,iBAAiB,EAAE,iBAAiB,aAL/C,YAAY;QACZ,mBAAmB;QACnB,2BAA2B;AAC3B,QAAA,uBAAuB,CAGjB,EAAA,OAAA,EAAA,CAAA,iBAAiB,EAAE,iBAAiB,EAAE,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAE5D,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EATd,OAAA,EAAA,CAAA;YACL,YAAY;YACZ,mBAAmB;YACnB,2BAA2B;YAC3B,uBAAuB;AAC1B,SAAA,CAAA,EAAA,CAAA,CAAA;4FAIQ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,mBAAmB;wBACnB,2BAA2B;wBAC3B,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;AACpD,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,qBAAqB,CAAC;AACzE,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}

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

@@ -1,9 +1,10 @@
 import { __decorate } from 'tslib';
-import { Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
 import { tuiDefaultProp } from '@taiga-ui/cdk';
 import { CommonModule } from '@angular/common';
 
-let TuiIslandComponent = class TuiIslandComponent {
+class TuiIslandComponent {
     constructor() {
         this.size = `m`;
         this.textAlign = `left`;
@@ -28,64 +29,79 @@ let TuiIslandComponent = class TuiIslandComponent {
     get textAlignRight() {
         return this.textAlign === `right`;
     }
-};
+}
+TuiIslandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiIslandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiIslandComponent, selector: "tui-island, a[tuiIsland]", inputs: { size: "size", textAlign: "textAlign", hoverable: "hoverable", transparent: "transparent" }, host: { properties: { "class.tui-island_hoverable": "this.hoverable", "class.tui-island_transparent": "this.transparent", "class.tui-island_size_s": "this.sizeS", "class.tui-island_size_m": "this.sizeM", "class.tui-island_size_l": "this.sizeL", "class.tui-island_text-align_left": "this.textAlignLeft", "class.tui-island_text-align_center": "this.textAlignCenter", "class.tui-island_text-align_right": "this.textAlignRight" }, classAttribute: "tui-island" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "size", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "textAlign", void 0);
 __decorate([
-    Input(),
-    HostBinding(`class.tui-island_hoverable`),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "hoverable", void 0);
 __decorate([
-    Input(),
-    HostBinding(`class.tui-island_transparent`),
     tuiDefaultProp()
 ], TuiIslandComponent.prototype, "transparent", void 0);
-__decorate([
-    HostBinding(`class.tui-island_size_s`)
-], TuiIslandComponent.prototype, "sizeS", null);
-__decorate([
-    HostBinding(`class.tui-island_size_m`)
-], TuiIslandComponent.prototype, "sizeM", null);
-__decorate([
-    HostBinding(`class.tui-island_size_l`)
-], TuiIslandComponent.prototype, "sizeL", null);
-__decorate([
-    HostBinding(`class.tui-island_text-align_left`)
-], TuiIslandComponent.prototype, "textAlignLeft", null);
-__decorate([
-    HostBinding(`class.tui-island_text-align_center`)
-], TuiIslandComponent.prototype, "textAlignCenter", null);
-__decorate([
-    HostBinding(`class.tui-island_text-align_right`)
-], TuiIslandComponent.prototype, "textAlignRight", null);
-TuiIslandComponent = __decorate([
-    Component({
-        selector: `tui-island, a[tuiIsland]`,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<ng-content></ng-content>\n",
-        host: {
-            class: `tui-island`,
-        },
-        styles: [":host{display:block}"]
-    })
-], TuiIslandComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-island, a[tuiIsland]`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    templateUrl: `./island.template.html`,
+                    styleUrls: [`./island.style.less`],
+                    host: {
+                        class: `tui-island`,
+                    },
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], textAlign: [{
+                type: Input
+            }], hoverable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`class.tui-island_hoverable`]
+            }], transparent: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`class.tui-island_transparent`]
+            }], sizeS: [{
+                type: HostBinding,
+                args: [`class.tui-island_size_s`]
+            }], sizeM: [{
+                type: HostBinding,
+                args: [`class.tui-island_size_m`]
+            }], sizeL: [{
+                type: HostBinding,
+                args: [`class.tui-island_size_l`]
+            }], textAlignLeft: [{
+                type: HostBinding,
+                args: [`class.tui-island_text-align_left`]
+            }], textAlignCenter: [{
+                type: HostBinding,
+                args: [`class.tui-island_text-align_center`]
+            }], textAlignRight: [{
+                type: HostBinding,
+                args: [`class.tui-island_text-align_right`]
+            }] } });
 
-let TuiIslandModule = class TuiIslandModule {
-};
-TuiIslandModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [TuiIslandComponent],
-        exports: [TuiIslandComponent],
-    })
-], TuiIslandModule);
+class TuiIslandModule {
+}
+TuiIslandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiIslandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandModule, declarations: [TuiIslandComponent], imports: [CommonModule], exports: [TuiIslandComponent] });
+TuiIslandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiIslandModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TuiIslandComponent],
+                    exports: [TuiIslandComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["ng://@taiga-ui/kit/components/island/island.component.ts","ng://@taiga-ui/kit/components/island/island.module.ts","ng://@taiga-ui/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-island, a[tuiIsland]`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./island.template.html`,\n    styleUrls: [`./island.style.less`],\n    host: {\n        class: `tui-island`,\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = `left`;\n\n    @Input()\n    @HostBinding(`class.tui-island_hoverable`)\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding(`class.tui-island_transparent`)\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding(`class.tui-island_size_s`)\n    get sizeS(): boolean {\n        return this.size === `s`;\n    }\n\n    @HostBinding(`class.tui-island_size_m`)\n    get sizeM(): boolean {\n        return this.size === `m`;\n    }\n\n    @HostBinding(`class.tui-island_size_l`)\n    get sizeL(): boolean {\n        return this.size === `l`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_left`)\n    get textAlignLeft(): boolean {\n        return this.textAlign === `left`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_center`)\n    get textAlignCenter(): boolean {\n        return this.textAlign === `center`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_right`)\n    get textAlignRight(): boolean {\n        return this.textAlign === `right`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAaa,kBAAkB,GAA/B,MAAa,kBAAkB;IAA/B;QAGI,SAAI,GAAwB,GAAG,CAAC;QAIhC,cAAS,GAAgC,MAAM,CAAC;QAKhD,cAAS,GAAG,KAAK,CAAC;QAKlB,gBAAW,GAAG,KAAK,CAAC;KA+BvB;IA5BG,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpC;IAGD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;KACtC;IAGD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrC;EACJ;AA7CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDAC+B;AAKhD;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,4BAA4B,CAAC;IACzC,cAAc,EAAE;qDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,8BAA8B,CAAC;IAC3C,cAAc,EAAE;uDACG;AAGpB;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,kCAAkC,CAAC;uDAG/C;AAGD;IADC,WAAW,CAAC,oCAAoC,CAAC;yDAGjD;AAGD;IADC,WAAW,CAAC,mCAAmC,CAAC;wDAGhD;AA/CQ,kBAAkB;IAT9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,uCAAqC;QAErC,IAAI,EAAE;YACF,KAAK,EAAE,YAAY;SACtB;;KACJ,CAAC;GACW,kBAAkB,CAgD9B;;ICnDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACV/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["../../../projects/kit/components/island/island.component.ts","../../../projects/kit/components/island/island.template.html","../../../projects/kit/components/island/island.module.ts","../../../projects/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-island, a[tuiIsland]`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./island.template.html`,\n    styleUrls: [`./island.style.less`],\n    host: {\n        class: `tui-island`,\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = `left`;\n\n    @Input()\n    @HostBinding(`class.tui-island_hoverable`)\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding(`class.tui-island_transparent`)\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding(`class.tui-island_size_s`)\n    get sizeS(): boolean {\n        return this.size === `s`;\n    }\n\n    @HostBinding(`class.tui-island_size_m`)\n    get sizeM(): boolean {\n        return this.size === `m`;\n    }\n\n    @HostBinding(`class.tui-island_size_l`)\n    get sizeL(): boolean {\n        return this.size === `l`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_left`)\n    get textAlignLeft(): boolean {\n        return this.textAlign === `left`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_center`)\n    get textAlignCenter(): boolean {\n        return this.textAlign === `center`;\n    }\n\n    @HostBinding(`class.tui-island_text-align_right`)\n    get textAlignRight(): boolean {\n        return this.textAlign === `right`;\n    }\n}\n","<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}