@taiga-ui/kit 3.57.0 → 3.59.0-canary.10da730

package/fesm2015/taiga-ui-kit-components-input-password.mjs

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, HostBinding, Directive, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
+import { tuiCreateToken, tuiProvideOptions, AbstractTuiControl, tuiAsFocusableItemAccessor, tuiAsControl, tuiIsInput } from '@taiga-ui/cdk';
+import * as i3 from '@taiga-ui/core';
+import { TUI_TEXTFIELD_SIZE, TuiHintOptionsDirective, TUI_MODE, MODE_PROVIDER, TuiPrimitiveTextfieldComponent, AbstractTuiTextfieldHost, tuiAsTextfieldHost, TuiWrapperModule, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_PASSWORD_TEXTS } from '@taiga-ui/kit/tokens';
+import * as i5 from 'rxjs';
+import { EMPTY, combineLatest, map, startWith } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+// TODO: swap icon names in v4.0
+/** Default values for the input password options. */
+const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS = {
+    icons: {
+        hide: ({ $implicit }) => $implicit === `s` ? `tuiIconEyeOff` : `tuiIconEyeOffLarge`,
+        show: ({ $implicit }) => ($implicit === `s` ? `tuiIconEye` : `tuiIconEyeLarge`),
+    },
+};
+/**
+ * Default parameters for input password component
+ */
+const TUI_INPUT_PASSWORD_OPTIONS = tuiCreateToken(TUI_INPUT_PASSWORD_DEFAULT_OPTIONS);
+function tuiInputPasswordOptionsProvider(options) {
+    return tuiProvideOptions(TUI_INPUT_PASSWORD_OPTIONS, options, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS);
+}
+
+class TuiInputPasswordComponent extends AbstractTuiControl {
+    constructor(control, cdr, textfieldSize, passwordTexts$, options, hintOptions, mode$) {
+        var _a;
+        super(control, cdr);
+        this.textfieldSize = textfieldSize;
+        this.passwordTexts$ = passwordTexts$;
+        this.options = options;
+        this.hintOptions = hintOptions;
+        this.mode$ = mode$;
+        this.directive$ = ((_a = this.hintOptions) === null || _a === void 0 ? void 0 : _a.change$) || EMPTY;
+        this.isPasswordHidden = true;
+        this.computedAppearance$ = combineLatest([
+            this.mode$.pipe(map(val => (val === 'onDark' ? 'onDark' : ''))),
+            this.directive$.pipe(startWith(null), map(() => { var _a; return ((_a = this.hintOptions) === null || _a === void 0 ? void 0 : _a.appearance) || ''; })),
+        ]).pipe(map(([mode, controller]) => controller || mode), startWith(''));
+    }
+    get size() {
+        return this.textfieldSize.size;
+    }
+    get nativeFocusableElement() {
+        return this.computedDisabled || !this.textfield
+            ? null
+            : this.textfield.nativeFocusableElement;
+    }
+    get focused() {
+        var _a;
+        return !!((_a = this.textfield) === null || _a === void 0 ? void 0 : _a.focused);
+    }
+    get icon() {
+        return this.isPasswordHidden ? this.options.icons.hide : this.options.icons.show;
+    }
+    get inputType() {
+        return this.isPasswordHidden || !this.interactive ? 'password' : 'text';
+    }
+    onValueChange(textValue) {
+        this.value = textValue;
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    togglePasswordVisibility() {
+        this.isPasswordHidden = !this.isPasswordHidden;
+    }
+    getFallbackValue() {
+        return '';
+    }
+}
+TuiInputPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: TUI_TEXTFIELD_SIZE }, { token: TUI_PASSWORD_TEXTS }, { token: TUI_INPUT_PASSWORD_OPTIONS }, { token: TuiHintOptionsDirective, optional: true }, { token: TUI_MODE }], target: i0.ɵɵFactoryTarget.Component });
+TuiInputPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiInputPasswordComponent, selector: "tui-input-password", host: { properties: { "attr.data-size": "this.size" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiInputPasswordComponent),
+        tuiAsControl(TuiInputPasswordComponent),
+        MODE_PROVIDER,
+    ], viewQueries: [{ propertyName: "textfield", first: true, predicate: TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-primitive-textfield\n    class=\"t-textfield\"\n    [disabled]=\"computedDisabled\"\n    [focusable]=\"focusable\"\n    [invalid]=\"computedInvalid\"\n    [nativeId]=\"nativeId\"\n    [pseudoActive]=\"pseudoActive\"\n    [pseudoFocus]=\"pseudoFocus\"\n    [pseudoHover]=\"pseudoHover\"\n    [readOnly]=\"readOnly\"\n    [tuiTextfieldIcon]=\"interactive ? iconContent : ''\"\n    [(value)]=\"value\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content\n        ngProjectAs=\"input\"\n        select=\"input\"\n    ></ng-content>\n</tui-primitive-textfield>\n\n<ng-template\n    #iconContent=\"polymorpheus\"\n    [polymorpheus]=\"type\"\n>\n    <ng-container *ngIf=\"passwordTexts$ | async as texts\">\n        <tui-svg\n            *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n            appearance=\"icon\"\n            automation-id=\"tui-password__icon\"\n            tuiWrapper\n            class=\"t-icon\"\n            [src]=\"src\"\n            [tuiHint]=\"texts[0] && texts[1] && hintContent\"\n            [tuiHintAppearance]=\"(computedAppearance$ | async) || ''\"\n            [tuiHintDirection]=\"hintOptions?.direction || 'bottom-left'\"\n            (click)=\"togglePasswordVisibility()\"\n        ></tui-svg>\n\n        <ng-template\n            #hintContent=\"polymorpheus\"\n            polymorpheus\n        >\n            {{ isPasswordHidden ? texts[0] : texts[1] }}\n        </ng-template>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.t-icon{cursor:pointer;pointer-events:auto}.t-textfield{border-radius:inherit;text-align:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i2.PolymorpheusTemplate, selector: "ng-template[polymorpheus]", inputs: ["polymorpheus"], exportAs: ["polymorpheus"] }, { kind: "directive", type: i3.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { kind: "component", type: i3.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i3.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { kind: "directive", type: i3.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { kind: "directive", type: i3.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { kind: "directive", type: i3.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { kind: "component", type: i3.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }, { kind: "directive", type: i3.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { kind: "directive", type: i3.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-input-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsFocusableItemAccessor(TuiInputPasswordComponent),
+                        tuiAsControl(TuiInputPasswordComponent),
+                        MODE_PROVIDER,
+                    ], template: "<tui-primitive-textfield\n    class=\"t-textfield\"\n    [disabled]=\"computedDisabled\"\n    [focusable]=\"focusable\"\n    [invalid]=\"computedInvalid\"\n    [nativeId]=\"nativeId\"\n    [pseudoActive]=\"pseudoActive\"\n    [pseudoFocus]=\"pseudoFocus\"\n    [pseudoHover]=\"pseudoHover\"\n    [readOnly]=\"readOnly\"\n    [tuiTextfieldIcon]=\"interactive ? iconContent : ''\"\n    [(value)]=\"value\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content\n        ngProjectAs=\"input\"\n        select=\"input\"\n    ></ng-content>\n</tui-primitive-textfield>\n\n<ng-template\n    #iconContent=\"polymorpheus\"\n    [polymorpheus]=\"type\"\n>\n    <ng-container *ngIf=\"passwordTexts$ | async as texts\">\n        <tui-svg\n            *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n            appearance=\"icon\"\n            automation-id=\"tui-password__icon\"\n            tuiWrapper\n            class=\"t-icon\"\n            [src]=\"src\"\n            [tuiHint]=\"texts[0] && texts[1] && hintContent\"\n            [tuiHintAppearance]=\"(computedAppearance$ | async) || ''\"\n            [tuiHintDirection]=\"hintOptions?.direction || 'bottom-left'\"\n            (click)=\"togglePasswordVisibility()\"\n        ></tui-svg>\n\n        <ng-template\n            #hintContent=\"polymorpheus\"\n            polymorpheus\n        >\n            {{ isPasswordHidden ? texts[0] : texts[1] }}\n        </ng-template>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.t-icon{cursor:pointer;pointer-events:auto}.t-textfield{border-radius:inherit;text-align:inherit}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i4.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: i3.TuiTextfieldSizeDirective, decorators: [{
+                        type: Inject,
+                        args: [TUI_TEXTFIELD_SIZE]
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_PASSWORD_TEXTS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_INPUT_PASSWORD_OPTIONS]
+                    }] }, { type: i3.TuiHintOptionsDirective, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TuiHintOptionsDirective]
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_MODE]
+                    }] }];
+    }, propDecorators: { textfield: [{
+                type: ViewChild,
+                args: [TuiPrimitiveTextfieldComponent]
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }] } });
+
+class TuiInputPasswordDirective extends AbstractTuiTextfieldHost {
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+    process(input) {
+        this.input = input;
+    }
+    ngDoCheck() {
+        if (this.host.nativeFocusableElement &&
+            tuiIsInput(this.host.nativeFocusableElement)) {
+            this.host.nativeFocusableElement.type = this.host.inputType;
+        }
+    }
+}
+TuiInputPasswordDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiInputPasswordDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiInputPasswordDirective, selector: "tui-input-password", providers: [tuiAsTextfieldHost(TuiInputPasswordDirective)], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-input-password',
+                    providers: [tuiAsTextfieldHost(TuiInputPasswordDirective)],
+                }]
+        }] });
+
+class TuiInputPasswordModule {
+}
+TuiInputPasswordModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiInputPasswordModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordModule, declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective], imports: [CommonModule,
+        FormsModule,
+        PolymorpheusModule,
+        TuiWrapperModule,
+        TuiSvgModule,
+        TuiHintModule,
+        TuiPrimitiveTextfieldModule,
+        TuiTextfieldControllerModule], exports: [TuiInputPasswordComponent,
+        TuiInputPasswordDirective,
+        TuiTextfieldComponent] });
+TuiInputPasswordModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordModule, imports: [CommonModule,
+        FormsModule,
+        PolymorpheusModule,
+        TuiWrapperModule,
+        TuiSvgModule,
+        TuiHintModule,
+        TuiPrimitiveTextfieldModule,
+        TuiTextfieldControllerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        PolymorpheusModule,
+                        TuiWrapperModule,
+                        TuiSvgModule,
+                        TuiHintModule,
+                        TuiPrimitiveTextfieldModule,
+                        TuiTextfieldControllerModule,
+                    ],
+                    declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective],
+                    exports: [
+                        TuiInputPasswordComponent,
+                        TuiInputPasswordDirective,
+                        TuiTextfieldComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, TUI_INPUT_PASSWORD_OPTIONS, TuiInputPasswordComponent, TuiInputPasswordDirective, TuiInputPasswordModule, tuiInputPasswordOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-input-password.mjs.map

package/fesm2015/taiga-ui-kit-components-input-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-input-password.mjs","sources":["../../../projects/kit/components/input-password/input-password.options.ts","../../../projects/kit/components/input-password/input-password.component.ts","../../../projects/kit/components/input-password/input-password.template.html","../../../projects/kit/components/input-password/input-password.directive.ts","../../../projects/kit/components/input-password/input-password.module.ts","../../../projects/kit/components/input-password/taiga-ui-kit-components-input-password.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {TuiContextWithImplicit, tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiInputPasswordOptions {\n    readonly icons: Readonly<{\n        hide: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;\n        show: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>>;\n    }>;\n}\n\n// TODO: swap icon names in v4.0\n/** Default values for the input password options. */\nexport const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions = {\n    icons: {\n        hide: ({$implicit}) =>\n            $implicit === `s` ? `tuiIconEyeOff` : `tuiIconEyeOffLarge`,\n        show: ({$implicit}) => ($implicit === `s` ? `tuiIconEye` : `tuiIconEyeLarge`),\n    },\n};\n\n/**\n * Default parameters for input password component\n */\nexport const TUI_INPUT_PASSWORD_OPTIONS = tuiCreateToken(\n    TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n);\n\nexport function tuiInputPasswordOptionsProvider(\n    options: Partial<TuiInputPasswordOptions>,\n): Provider {\n    return tuiProvideOptions(\n        TUI_INPUT_PASSWORD_OPTIONS,\n        options,\n        TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostBinding,\n    Inject,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    tuiAsControl,\n    tuiAsFocusableItemAccessor,\n    TuiContextWithImplicit,\n    TuiFocusableElementAccessor,\n    TuiInputType,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TUI_TEXTFIELD_SIZE,\n    TuiBrightness,\n    TuiHintOptionsDirective,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {combineLatest, EMPTY, map, Observable, startWith} from 'rxjs';\n\nimport {\n    TUI_INPUT_PASSWORD_OPTIONS,\n    TuiInputPasswordOptions,\n} from './input-password.options';\n\n@Component({\n    selector: 'tui-input-password',\n    templateUrl: './input-password.template.html',\n    styleUrls: ['./input-password.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsFocusableItemAccessor(TuiInputPasswordComponent),\n        tuiAsControl(TuiInputPasswordComponent),\n        MODE_PROVIDER,\n    ],\n})\nexport class TuiInputPasswordComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly directive$: Observable<any> = this.hintOptions?.change$ || EMPTY;\n\n    isPasswordHidden = true;\n\n    readonly computedAppearance$: Observable<string> = combineLatest([\n        this.mode$.pipe(map(val => (val === 'onDark' ? 'onDark' : ''))),\n        this.directive$.pipe(\n            startWith(null),\n            map(() => this.hintOptions?.appearance || ''),\n        ),\n    ]).pipe(\n        map(([mode, controller]) => controller || mode),\n        startWith(''),\n    );\n\n    readonly type!: TuiContextWithImplicit<TuiSizeL | TuiSizeS>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_PASSWORD_TEXTS)\n        readonly passwordTexts$: Observable<[string, string]>,\n        @Inject(TUI_INPUT_PASSWORD_OPTIONS)\n        readonly options: TuiInputPasswordOptions,\n        @Optional()\n        @Inject(TuiHintOptionsDirective)\n        readonly hintOptions: TuiHintOptionsDirective | null,\n        @Inject(TUI_MODE)\n        private readonly mode$: Observable<TuiBrightness | null>,\n    ) {\n        super(control, cdr);\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.textfieldSize.size;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield?.focused;\n    }\n\n    get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeL | TuiSizeS>> {\n        return this.isPasswordHidden ? this.options.icons.hide : this.options.icons.show;\n    }\n\n    get inputType(): TuiInputType {\n        return this.isPasswordHidden || !this.interactive ? 'password' : 'text';\n    }\n\n    onValueChange(textValue: string): void {\n        this.value = textValue;\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    togglePasswordVisibility(): void {\n        this.isPasswordHidden = !this.isPasswordHidden;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","<tui-primitive-textfield\n    class=\"t-textfield\"\n    [disabled]=\"computedDisabled\"\n    [focusable]=\"focusable\"\n    [invalid]=\"computedInvalid\"\n    [nativeId]=\"nativeId\"\n    [pseudoActive]=\"pseudoActive\"\n    [pseudoFocus]=\"pseudoFocus\"\n    [pseudoHover]=\"pseudoHover\"\n    [readOnly]=\"readOnly\"\n    [tuiTextfieldIcon]=\"interactive ? iconContent : ''\"\n    [(value)]=\"value\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content\n        ngProjectAs=\"input\"\n        select=\"input\"\n    ></ng-content>\n</tui-primitive-textfield>\n\n<ng-template\n    #iconContent=\"polymorpheus\"\n    [polymorpheus]=\"type\"\n>\n    <ng-container *ngIf=\"passwordTexts$ | async as texts\">\n        <tui-svg\n            *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n            appearance=\"icon\"\n            automation-id=\"tui-password__icon\"\n            tuiWrapper\n            class=\"t-icon\"\n            [src]=\"src\"\n            [tuiHint]=\"texts[0] && texts[1] && hintContent\"\n            [tuiHintAppearance]=\"(computedAppearance$ | async) || ''\"\n            [tuiHintDirection]=\"hintOptions?.direction || 'bottom-left'\"\n            (click)=\"togglePasswordVisibility()\"\n        ></tui-svg>\n\n        <ng-template\n            #hintContent=\"polymorpheus\"\n            polymorpheus\n        >\n            {{ isPasswordHidden ? texts[0] : texts[1] }}\n        </ng-template>\n    </ng-container>\n</ng-template>\n","import {Directive, DoCheck} from '@angular/core';\nimport {tuiIsInput} from '@taiga-ui/cdk';\nimport {AbstractTuiTextfieldHost, tuiAsTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\n\n@Directive({\n    selector: 'tui-input-password',\n    providers: [tuiAsTextfieldHost(TuiInputPasswordDirective)],\n})\nexport class TuiInputPasswordDirective\n    extends AbstractTuiTextfieldHost<TuiInputPasswordComponent>\n    implements DoCheck\n{\n    input?: HTMLInputElement;\n\n    onValueChange(value: string): void {\n        this.host.onValueChange(value);\n    }\n\n    override process(input: HTMLInputElement): void {\n        this.input = input;\n    }\n\n    ngDoCheck(): void {\n        if (\n            this.host.nativeFocusableElement &&\n            tuiIsInput(this.host.nativeFocusableElement)\n        ) {\n            this.host.nativeFocusableElement.type = this.host.inputType;\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiHintModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\nimport {TuiInputPasswordDirective} from './input-password.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective],\n    exports: [\n        TuiInputPasswordComponent,\n        TuiInputPasswordDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA;AACA;AACa,MAAA,kCAAkC,GAA4B;AACvE,IAAA,KAAK,EAAE;AACH,QAAA,IAAI,EAAE,CAAC,EAAC,SAAS,EAAC,KACd,SAAS,KAAK,CAAA,CAAA,CAAG,GAAG,eAAe,GAAG,CAAoB,kBAAA,CAAA;QAC9D,IAAI,EAAE,CAAC,EAAC,SAAS,EAAC,MAAM,SAAS,KAAK,CAAG,CAAA,CAAA,GAAG,CAAA,UAAA,CAAY,GAAG,iBAAiB,CAAC;AAChF,KAAA;EACH;AAEF;;AAEG;MACU,0BAA0B,GAAG,cAAc,CACpD,kCAAkC,EACpC;AAEI,SAAU,+BAA+B,CAC3C,OAAyC,EAAA;IAEzC,OAAO,iBAAiB,CACpB,0BAA0B,EAC1B,OAAO,EACP,kCAAkC,CACrC,CAAC;AACN;;ACcM,MAAO,yBACT,SAAQ,kBAA0B,CAAA;AAuBlC,IAAA,WAAA,CAII,OAAyB,EACE,GAAsB,EAEhC,aAAwC,EAEhD,cAA4C,EAE5C,OAAgC,EAGhC,WAA2C,EAEnC,KAAuC,EAAA;;AAExD,QAAA,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AAXH,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAA2B;AAEhD,QAAA,IAAc,CAAA,cAAA,GAAd,cAAc,CAA8B;AAE5C,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;AAGhC,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgC;AAEnC,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAkC;AAjC3C,QAAA,IAAU,CAAA,UAAA,GAAoB,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,KAAI,KAAK,CAAC;AAElF,QAAA,IAAgB,CAAA,gBAAA,GAAG,IAAI,CAAC;AAEf,QAAA,IAAmB,CAAA,mBAAA,GAAuB,aAAa,CAAC;YAC7D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAChB,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,UAAU,KAAI,EAAE,CAAA,EAAA,CAAC,CAChD;SACJ,CAAC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,UAAU,IAAI,IAAI,CAAC,EAC/C,SAAS,CAAC,EAAE,CAAC,CAChB,CAAC;KAuBD;AAED,IAAA,IACI,IAAI,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;KAClC;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;;QACP,OAAO,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,CAAA,CAAC;KACpC;AAED,IAAA,IAAI,IAAI,GAAA;QACJ,OAAO,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;KACpF;AAED,IAAA,IAAI,SAAS,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;KAC3E;AAED,IAAA,aAAa,CAAC,SAAiB,EAAA;AAC3B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;AAED,IAAA,SAAS,CAAC,OAAgB,EAAA;AACtB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,wBAAwB,GAAA;AACpB,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC;KAClD;IAES,gBAAgB,GAAA;AACtB,QAAA,OAAO,EAAE,CAAC;KACb;;AAlFQ,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EA2BtB,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,SAAS,EAET,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,iBAAiB,EACjB,EAAA,EAAA,KAAA,EAAA,kBAAkB,EAElB,EAAA,EAAA,KAAA,EAAA,kBAAkB,EAElB,EAAA,EAAA,KAAA,EAAA,0BAA0B,EAG1B,EAAA,EAAA,KAAA,EAAA,uBAAuB,6BAEvB,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAvCX,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EANvB,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAAA;QACP,0BAA0B,CAAC,yBAAyB,CAAC;QACrD,YAAY,CAAC,yBAAyB,CAAC;QACvC,aAAa;AAChB,KAAA,EAMU,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,8BAA8B,uECvD7C,8+CA+CA,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDIa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAXrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAGb,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACP,0BAA0B,CAA2B,yBAAA,CAAA;wBACrD,YAAY,CAA2B,yBAAA,CAAA;wBACvC,aAAa;qBAChB,EAAA,QAAA,EAAA,8+CAAA,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,EAAA,CAAA;;;8BA2BI,QAAQ;;8BACR,IAAI;;8BACJ,MAAM;+BAAC,SAAS,CAAA;;8BAEhB,MAAM;+BAAC,iBAAiB,CAAA;;8BACxB,MAAM;+BAAC,kBAAkB,CAAA;;8BAEzB,MAAM;+BAAC,kBAAkB,CAAA;;8BAEzB,MAAM;+BAAC,0BAA0B,CAAA;;8BAEjC,QAAQ;;8BACR,MAAM;+BAAC,uBAAuB,CAAA;;8BAE9B,MAAM;+BAAC,QAAQ,CAAA;;yBAlCH,SAAS,EAAA,CAAA;sBADzB,SAAS;uBAAC,8BAA8B,CAAA;gBA0CrC,IAAI,EAAA,CAAA;sBADP,WAAW;uBAAC,gBAAgB,CAAA;;;AEtF3B,MAAO,yBACT,SAAQ,wBAAmD,CAAA;AAK3D,IAAA,aAAa,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;AAEQ,IAAA,OAAO,CAAC,KAAuB,EAAA;AACpC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAED,SAAS,GAAA;AACL,QAAA,IACI,IAAI,CAAC,IAAI,CAAC,sBAAsB;AAChC,YAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAC9C;AACE,YAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAC/D,SAAA;KACJ;;uHArBQ,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,6CAFvB,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEjD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,SAAS,EAAE,CAAC,kBAAkB,CAAA,yBAAA,CAA2B,CAAC;iBAC7D,CAAA;;;MCyBY,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAPhB,YAAA,EAAA,CAAA,yBAAyB,EAAE,yBAAyB,aAT/D,YAAY;QACZ,WAAW;QACX,kBAAkB;QAClB,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,2BAA2B;AAC3B,QAAA,4BAA4B,aAI5B,yBAAyB;QACzB,yBAAyB;QACzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGhB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAhB3B,YAAY;QACZ,WAAW;QACX,kBAAkB;QAClB,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,2BAA2B;QAC3B,4BAA4B,CAAA,EAAA,CAAA,CAAA;4FASvB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAlBlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,kBAAkB;wBAClB,gBAAgB;wBAChB,YAAY;wBACZ,aAAa;wBACb,2BAA2B;wBAC3B,4BAA4B;AAC/B,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;AACpE,oBAAA,OAAO,EAAE;wBACL,yBAAyB;wBACzB,yBAAyB;wBACzB,qBAAqB;AACxB,qBAAA;iBACJ,CAAA;;;ACjCD;;AAEG;;;;"}

package/fesm2015/taiga-ui-kit-components-input-phone-international.mjs

@@ -0,0 +1,304 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
+import * as i6 from '@taiga-ui/cdk';
+import { tuiCreateToken, tuiProvideOptions, tuiGetClipboardDataText, AbstractTuiControl, CHAR_PLUS, tuiAsFocusableItemAccessor, tuiAsControl, tuiPure, TuiLetModule, TuiMapperPipeModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import * as i5 from '@taiga-ui/core';
+import { TUI_NON_DIGITS_REGEXP, TUI_MASK_SYMBOLS_REGEXP, TuiFlagPipe, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiSvgModule, TuiGroupModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiHintModule, TuiHostedDropdownModule, TuiDataListModule, TuiWrapperModule, TuiFlagPipeModule } from '@taiga-ui/core';
+import { TuiCountryIsoCode } from '@taiga-ui/i18n';
+import { TUI_ARROW, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import * as i4 from '@taiga-ui/kit/components/input-phone';
+import { TuiInputPhoneComponent, TuiInputPhoneModule } from '@taiga-ui/kit/components/input-phone';
+import * as i8 from '@taiga-ui/kit/pipes';
+import { TuiToCountryCodePipe } from '@taiga-ui/kit/pipes';
+import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TUI_COUNTRIES, TUI_COUNTRIES_MASKS } from '@taiga-ui/kit/tokens';
+import { tuiIsoToCountryCode, tuiGetMaxAllowedPhoneLength } from '@taiga-ui/kit/utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i7 from 'rxjs';
+
+const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS = {
+    countries: [],
+    countryIsoCode: TuiCountryIsoCode.RU,
+};
+/**
+ * Default parameters for input phone international component
+ */
+const TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS = tuiCreateToken(TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS);
+function tuiInputPhoneInternationalOptionsProvider(options) {
+    return tuiProvideOptions(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS, options, TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS);
+}
+
+function tuiExtractValueFromEvent(event) {
+    var _a;
+    return `dataTransfer` in event
+        ? ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData(`text/plain`)) || ``
+        : tuiGetClipboardDataText(event);
+}
+
+class TuiInputPhoneInternationalComponent extends AbstractTuiControl {
+    set isoCode(code) {
+        var _a;
+        if (this.countryIsoCode === code) {
+            return;
+        }
+        (_a = this.inputPhoneComponent) === null || _a === void 0 ? void 0 : _a.writeValue(this.value);
+        this.countryIsoCode = code;
+    }
+    constructor(control, cdr, countriesNames$, countriesMasks, options, flagPipe, extractCountryCodePipe, textfieldSize) {
+        super(control, cdr);
+        this.countriesNames$ = countriesNames$;
+        this.countriesMasks = countriesMasks;
+        this.options = options;
+        this.flagPipe = flagPipe;
+        this.extractCountryCodePipe = extractCountryCodePipe;
+        this.textfieldSize = textfieldSize;
+        this.countries = this.options.countries;
+        this.countryIsoCodeChange = new EventEmitter();
+        this.countryIsoCode = this.options.countryIsoCode;
+        this.open = false;
+        this.arrow = TUI_ARROW;
+        this.isoToCountryCodeMapper = item => tuiIsoToCountryCode(this.countriesMasks, item);
+    }
+    get size() {
+        return this.textfieldSize.size;
+    }
+    get nativeFocusableElement() {
+        return this.inputPhoneComponent && !this.computedDisabled
+            ? this.inputPhoneComponent.nativeFocusableElement
+            : null;
+    }
+    get focused() {
+        return ((!!this.primitiveTextfield && this.primitiveTextfield.focused) ||
+            (!!this.inputPhoneComponent && this.inputPhoneComponent.focused));
+    }
+    get inputPhoneCountryCode() {
+        return tuiIsoToCountryCode(this.countriesMasks, this.countryIsoCode);
+    }
+    get phoneMaskAfterCountryCode() {
+        const countryCode = this.inputPhoneCountryCode;
+        return this.calculateMaskAfterCountryCode(this.countriesMasks[this.countryIsoCode], countryCode);
+    }
+    /**
+     * @deprecated use `<img [src]="countryIsoCode | tuiFlagPipe" />`
+     * TODO drop in v4.0
+     */
+    get countryFlagPath() {
+        return this.getFlagPath(this.countryIsoCode);
+    }
+    onPaste(event) {
+        let value = tuiExtractValueFromEvent(event).replace(TUI_NON_DIGITS_REGEXP, '');
+        const countryIsoCode = this.extractCountryCodePipe.transform(value, this.countries);
+        if (!countryIsoCode) {
+            this.value = `${this.inputPhoneCountryCode}${value}`
+                .replace(TUI_MASK_SYMBOLS_REGEXP, '')
+                .slice(0, tuiGetMaxAllowedPhoneLength(this.countriesMasks, this.countryIsoCode));
+            return;
+        }
+        if (countryIsoCode === TuiCountryIsoCode.RU) {
+            value = value.replace(/^8/, '7');
+        }
+        this.updateCountryIsoCode(countryIsoCode);
+        this.value = `${CHAR_PLUS}${value}`;
+    }
+    /**
+     * @deprecated use `<img [src]="countryIsoCode | tuiFlagPipe" />`
+     * TODO drop in v4.0
+     */
+    getFlagPath(code) {
+        return this.flagPipe.transform(code);
+    }
+    onItemClick(isoCode) {
+        this.open = false;
+        this.updateCountryIsoCode(isoCode);
+        // recalculates mask inside inputPhone to prevent isoCode conflict
+        this.cdr.detectChanges();
+        const maxLength = tuiGetMaxAllowedPhoneLength(this.countriesMasks, isoCode);
+        if (this.value.length > maxLength) {
+            this.value = this.value.slice(0, maxLength);
+        }
+        if (this.nativeFocusableElement) {
+            this.nativeFocusableElement.focus();
+        }
+    }
+    setDisabledState() {
+        super.setDisabledState();
+        this.close();
+    }
+    /**
+     * @deprecated use `{{ countryIsoCode | tuiIsoToCountryCode }}`
+     * TODO drop in v4.0
+     */
+    isoToCountryCode(isoCode) {
+        return tuiIsoToCountryCode(this.countriesMasks, isoCode);
+    }
+    /** @deprecated use 'value' setter */
+    onModelChange(value) {
+        this.value = value;
+    }
+    onActiveZone(active) {
+        this.updateFocused(active);
+    }
+    getFallbackValue() {
+        return '';
+    }
+    calculateMaskAfterCountryCode(mask, countryCode) {
+        return mask.replace(countryCode, '').trim();
+    }
+    close() {
+        this.open = false;
+    }
+    updateCountryIsoCode(code) {
+        this.countryIsoCode = code;
+        this.countryIsoCodeChange.emit(code);
+    }
+}
+TuiInputPhoneInternationalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: TUI_COUNTRIES }, { token: TUI_COUNTRIES_MASKS }, { token: TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS }, { token: TuiFlagPipe }, { token: TuiToCountryCodePipe }, { token: TUI_TEXTFIELD_SIZE }], target: i0.ɵɵFactoryTarget.Component });
+TuiInputPhoneInternationalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiInputPhoneInternationalComponent, selector: "tui-input-phone-international", inputs: { isoCode: ["countryIsoCode", "isoCode"], countries: "countries" }, outputs: { countryIsoCodeChange: "countryIsoCodeChange" }, host: { listeners: { "paste.capture.prevent.stop": "onPaste($event)", "drop.capture.prevent.stop": "onPaste($event)" }, properties: { "attr.data-size": "this.size" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiInputPhoneInternationalComponent),
+        tuiAsControl(TuiInputPhoneInternationalComponent),
+        // TODO: for backward compatibility only. Drop in v4.0
+        TuiFlagPipe,
+        TuiToCountryCodePipe,
+    ], viewQueries: [{ propertyName: "inputPhoneComponent", first: true, predicate: TuiInputPhoneComponent, descendants: true }, { propertyName: "primitiveTextfield", first: true, predicate: TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-hosted-dropdown\n    *ngIf=\"countriesNames$ | async as countriesNames\"\n    class=\"t-hosted-dropdown\"\n    [canOpen]=\"!readOnly\"\n    [content]=\"dropdown\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <div tuiGroup>\n        <tui-primitive-textfield\n            tuiHintContent=\"\"\n            tuiTextfieldPostfix=\"\"\n            tuiTextfieldPrefix=\"\"\n            class=\"t-country-select tui-group__auto-width-item\"\n            [disabled]=\"disabled\"\n            [editable]=\"false\"\n            [focusable]=\"focusable\"\n            [pseudoFocus]=\"open || null\"\n            [readOnly]=\"readOnly\"\n            [tuiTextfieldCustomContent]=\"countryValueContent\"\n            [tuiTextfieldIcon]=\"icon\"\n            [tuiTextfieldLabelOutside]=\"true\"\n        ></tui-primitive-textfield>\n        <tui-input-phone\n            class=\"t-input-phone tui-group__auto-width-item\"\n            [countryCode]=\"inputPhoneCountryCode\"\n            [disabled]=\"disabled\"\n            [focusable]=\"focusable\"\n            [phoneMaskAfterCountryCode]=\"phoneMaskAfterCountryCode\"\n            [pseudoFocus]=\"pseudoFocus\"\n            [pseudoHover]=\"pseudoHover\"\n            [pseudoInvalid]=\"computedInvalid\"\n            [readOnly]=\"readOnly\"\n            [(ngModel)]=\"value\"\n        >\n            <ng-content></ng-content>\n            <input\n                autocomplete=\"new-password\"\n                tuiTextfield\n            />\n        </tui-input-phone>\n    </div>\n\n    <ng-template #dropdown>\n        <tui-data-list>\n            <button\n                *ngFor=\"let item of countries\"\n                tuiOption\n                (click)=\"onItemClick(item)\"\n            >\n                <img\n                    alt=\"\"\n                    class=\"t-country-item-flag\"\n                    [src]=\"item | tuiFlag\"\n                />\n                <span class=\"t-country-item-name\">\n                    {{ countriesNames[item] }}\n                </span>\n                <span class=\"t-country-item-code\">\n                    {{ item | tuiMapper: isoToCountryCodeMapper }}\n                </span>\n            </button>\n        </tui-data-list>\n    </ng-template>\n\n    <ng-template #countryValueContent>\n        <img\n            class=\"t-flag\"\n            [alt]=\"countriesNames[countryIsoCode]\"\n            [src]=\"countryIsoCode | tuiFlag\"\n        />\n    </ng-template>\n\n    <ng-template #icon>\n        <div\n            appearance=\"icon\"\n            tuiWrapper\n        >\n            <ng-container *polymorpheusOutlet=\"arrow\"></ng-container>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n", styles: [":host{display:block}:host._disabled{pointer-events:none}.t-hosted-dropdown{display:block}.t-country-select{width:5.625rem}.t-country-select:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}.t-country-select._readonly ::ng-deep input{cursor:default}.t-country-select[data-size=m]{width:5.5rem}.t-country-select[data-size=s]{width:2rem}.t-country-select[data-size=s] .t-flag{margin-left:-1rem}.t-arrow-icon{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}:host._readonly .t-arrow-icon,:host._disabled .t-arrow-icon{pointer-events:none}.t-arrow-icon_open{transform:rotate(180deg)}.t-input-phone{flex:1}.t-flag{width:1.75rem;height:1.25rem;margin-left:-.5rem}.t-country-item-flag{width:1.75rem;height:1.25rem}.t-country-item-name{margin-left:.75rem;margin-right:auto}.t-country-item-code{color:var(--tui-text-02);margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i4.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["countryCode", "phoneMaskAfterCountryCode", "allowText", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i4.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: i5.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "directive", type: i5.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { kind: "component", type: i5.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }, { kind: "directive", type: i5.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { kind: "directive", type: i5.TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: ["tuiTextfieldCustomContent"] }, { kind: "directive", type: i5.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: i5.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { kind: "directive", type: i5.TuiTextfieldPrefixDirective, selector: "[tuiTextfieldPrefix]", inputs: ["tuiTextfieldPrefix"] }, { kind: "directive", type: i5.TuiTextfieldPostfixDirective, selector: "[tuiTextfieldPostfix]", inputs: ["tuiTextfieldPostfix"] }, { kind: "directive", type: i5.TuiHintOptionsDirective, selector: "[tuiHintContent]", inputs: ["tuiHintContent", "tuiHintDirection", "tuiHintAppearance", "tuiHintShowDelay", "tuiHintHideDelay"] }, { kind: "component", type: i5.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "sided", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { kind: "component", type: i5.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i5.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "directive", type: i5.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { kind: "directive", type: i6.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TuiMapperPipe, name: "tuiMapper" }, { kind: "pipe", type: i5.TuiFlagPipe, name: "tuiFlag" }], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    tuiPure
+], TuiInputPhoneInternationalComponent.prototype, "calculateMaskAfterCountryCode", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-input-phone-international', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsFocusableItemAccessor(TuiInputPhoneInternationalComponent),
+                        tuiAsControl(TuiInputPhoneInternationalComponent),
+                        // TODO: for backward compatibility only. Drop in v4.0
+                        TuiFlagPipe,
+                        TuiToCountryCodePipe,
+                    ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], template: "<tui-hosted-dropdown\n    *ngIf=\"countriesNames$ | async as countriesNames\"\n    class=\"t-hosted-dropdown\"\n    [canOpen]=\"!readOnly\"\n    [content]=\"dropdown\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <div tuiGroup>\n        <tui-primitive-textfield\n            tuiHintContent=\"\"\n            tuiTextfieldPostfix=\"\"\n            tuiTextfieldPrefix=\"\"\n            class=\"t-country-select tui-group__auto-width-item\"\n            [disabled]=\"disabled\"\n            [editable]=\"false\"\n            [focusable]=\"focusable\"\n            [pseudoFocus]=\"open || null\"\n            [readOnly]=\"readOnly\"\n            [tuiTextfieldCustomContent]=\"countryValueContent\"\n            [tuiTextfieldIcon]=\"icon\"\n            [tuiTextfieldLabelOutside]=\"true\"\n        ></tui-primitive-textfield>\n        <tui-input-phone\n            class=\"t-input-phone tui-group__auto-width-item\"\n            [countryCode]=\"inputPhoneCountryCode\"\n            [disabled]=\"disabled\"\n            [focusable]=\"focusable\"\n            [phoneMaskAfterCountryCode]=\"phoneMaskAfterCountryCode\"\n            [pseudoFocus]=\"pseudoFocus\"\n            [pseudoHover]=\"pseudoHover\"\n            [pseudoInvalid]=\"computedInvalid\"\n            [readOnly]=\"readOnly\"\n            [(ngModel)]=\"value\"\n        >\n            <ng-content></ng-content>\n            <input\n                autocomplete=\"new-password\"\n                tuiTextfield\n            />\n        </tui-input-phone>\n    </div>\n\n    <ng-template #dropdown>\n        <tui-data-list>\n            <button\n                *ngFor=\"let item of countries\"\n                tuiOption\n                (click)=\"onItemClick(item)\"\n            >\n                <img\n                    alt=\"\"\n                    class=\"t-country-item-flag\"\n                    [src]=\"item | tuiFlag\"\n                />\n                <span class=\"t-country-item-name\">\n                    {{ countriesNames[item] }}\n                </span>\n                <span class=\"t-country-item-code\">\n                    {{ item | tuiMapper: isoToCountryCodeMapper }}\n                </span>\n            </button>\n        </tui-data-list>\n    </ng-template>\n\n    <ng-template #countryValueContent>\n        <img\n            class=\"t-flag\"\n            [alt]=\"countriesNames[countryIsoCode]\"\n            [src]=\"countryIsoCode | tuiFlag\"\n        />\n    </ng-template>\n\n    <ng-template #icon>\n        <div\n            appearance=\"icon\"\n            tuiWrapper\n        >\n            <ng-container *polymorpheusOutlet=\"arrow\"></ng-container>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n", styles: [":host{display:block}:host._disabled{pointer-events:none}.t-hosted-dropdown{display:block}.t-country-select{width:5.625rem}.t-country-select:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}.t-country-select._readonly ::ng-deep input{cursor:default}.t-country-select[data-size=m]{width:5.5rem}.t-country-select[data-size=s]{width:2rem}.t-country-select[data-size=s] .t-flag{margin-left:-1rem}.t-arrow-icon{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}:host._readonly .t-arrow-icon,:host._disabled .t-arrow-icon{pointer-events:none}.t-arrow-icon_open{transform:rotate(180deg)}.t-input-phone{flex:1}.t-flag{width:1.75rem;height:1.25rem;margin-left:-.5rem}.t-country-item-flag{width:1.75rem;height:1.25rem}.t-country-item-name{margin-left:.75rem;margin-right:auto}.t-country-item-code{color:var(--tui-text-02);margin-right:.25rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i2.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: i7.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_COUNTRIES]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_COUNTRIES_MASKS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS]
+                    }] }, { type: i5.TuiFlagPipe, decorators: [{
+                        type: Inject,
+                        args: [TuiFlagPipe]
+                    }] }, { type: i8.TuiToCountryCodePipe, decorators: [{
+                        type: Inject,
+                        args: [TuiToCountryCodePipe]
+                    }] }, { type: i5.TuiTextfieldSizeDirective, decorators: [{
+                        type: Inject,
+                        args: [TUI_TEXTFIELD_SIZE]
+                    }] }];
+    }, propDecorators: { inputPhoneComponent: [{
+                type: ViewChild,
+                args: [TuiInputPhoneComponent]
+            }], primitiveTextfield: [{
+                type: ViewChild,
+                args: [TuiPrimitiveTextfieldComponent]
+            }], isoCode: [{
+                type: Input,
+                args: ['countryIsoCode']
+            }], countries: [{
+                type: Input
+            }], countryIsoCodeChange: [{
+                type: Output
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste.capture.prevent.stop', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['drop.capture.prevent.stop', ['$event']]
+            }], calculateMaskAfterCountryCode: [] } });
+
+class TuiInputPhoneInternationalModule {
+}
+TuiInputPhoneInternationalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiInputPhoneInternationalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalModule, declarations: [TuiInputPhoneInternationalComponent], imports: [CommonModule,
+        FormsModule,
+        PolymorpheusModule,
+        TuiSvgModule,
+        TuiInputPhoneModule,
+        TuiGroupModule,
+        TuiPrimitiveTextfieldModule,
+        TuiTextfieldControllerModule,
+        TuiHintModule,
+        TuiHostedDropdownModule,
+        TuiDataListModule,
+        TuiArrowModule,
+        TuiWrapperModule,
+        TuiLetModule,
+        TuiMapperPipeModule,
+        TuiActiveZoneModule,
+        TuiFlagPipeModule], exports: [TuiInputPhoneInternationalComponent] });
+TuiInputPhoneInternationalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalModule, imports: [CommonModule,
+        FormsModule,
+        PolymorpheusModule,
+        TuiSvgModule,
+        TuiInputPhoneModule,
+        TuiGroupModule,
+        TuiPrimitiveTextfieldModule,
+        TuiTextfieldControllerModule,
+        TuiHintModule,
+        TuiHostedDropdownModule,
+        TuiDataListModule,
+        TuiArrowModule,
+        TuiWrapperModule,
+        TuiLetModule,
+        TuiMapperPipeModule,
+        TuiActiveZoneModule,
+        TuiFlagPipeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiInputPhoneInternationalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        PolymorpheusModule,
+                        TuiSvgModule,
+                        TuiInputPhoneModule,
+                        TuiGroupModule,
+                        TuiPrimitiveTextfieldModule,
+                        TuiTextfieldControllerModule,
+                        TuiHintModule,
+                        TuiHostedDropdownModule,
+                        TuiDataListModule,
+                        TuiArrowModule,
+                        TuiWrapperModule,
+                        TuiLetModule,
+                        TuiMapperPipeModule,
+                        TuiActiveZoneModule,
+                        TuiFlagPipeModule,
+                    ],
+                    declarations: [TuiInputPhoneInternationalComponent],
+                    exports: [TuiInputPhoneInternationalComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS, TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS, TuiInputPhoneInternationalComponent, TuiInputPhoneInternationalModule, tuiExtractValueFromEvent, tuiInputPhoneInternationalOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-input-phone-international.mjs.map