@taiga-ui/experimental 4.17.0 → 4.18.0-canary.08f924d

package/components/index.d.ts

@@ -0,0 +1 @@
+export * from '@taiga-ui/experimental/components/input-phone-international';

package/components/input-phone-international/index.d.ts

@@ -0,0 +1 @@
+export * from './input-phone-international.component';

package/components/input-phone-international/input-phone-international.component.d.ts

@@ -0,0 +1,46 @@
+import type { QueryList } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import type { MaskitoOptions } from '@maskito/core';
+import { TuiControl } from '@taiga-ui/cdk/classes';
+import type { TuiCountryIsoCode } from '@taiga-ui/i18n/types';
+import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import type { MetadataJson } from 'libphonenumber-js/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@maskito/angular";
+import * as i2 from "@taiga-ui/core/components/textfield";
+export declare class TuiInputPhoneInternational extends TuiControl<string> {
+    protected readonly list: QueryList<ElementRef<HTMLButtonElement>>;
+    protected readonly el: HTMLInputElement;
+    protected readonly ios: boolean;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly options: import("@taiga-ui/kit/components/input-phone-international").TuiInputPhoneInternationalOptions;
+    protected readonly countries: import("@angular/core").WritableSignal<readonly TuiCountryIsoCode[]>;
+    protected readonly code: import("@angular/core").WritableSignal<TuiCountryIsoCode>;
+    protected readonly label: import("@angular/core").Signal<string | undefined>;
+    protected readonly metadata: import("@angular/core").Signal<MetadataJson | undefined>;
+    protected readonly names: import("@angular/core").Signal<Record<TuiCountryIsoCode, string> | undefined>;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    protected readonly dropdown: import("@angular/core").WritableSignal<import("@taiga-ui/polymorpheus").PolymorpheusComponent<unknown> | import("@taiga-ui/polymorpheus").PolymorpheusPrimitive | import("@taiga-ui/polymorpheus").PolymorpheusHandler<any> | import("@taiga-ui/polymorpheus").PolymorpheusTemplate<"" | Partial<any>> | TemplateRef<Partial<any>>>;
+    protected readonly search: import("@angular/core").WritableSignal<string>;
+    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
+    protected readonly mask: import("@angular/core").Signal<MaskitoOptions | null>;
+    protected readonly masked: import("@angular/core").Signal<string>;
+    protected readonly filtered: import("@angular/core").Signal<{
+        iso: TuiCountryIsoCode;
+        name: string;
+        code: string;
+    }[]>;
+    protected readonly enabled: import("@angular/core").Signal<boolean>;
+    protected readonly $: import("rxjs").Subscription;
+    countrySearch: boolean;
+    readonly countryIsoCodeChange: import("rxjs").Observable<TuiCountryIsoCode>;
+    set countriesValue(value: readonly TuiCountryIsoCode[]);
+    set isoCode(code: TuiCountryIsoCode);
+    protected set template(template: PolymorpheusContent);
+    protected onInput(): void;
+    protected onPaste(event: Event): void;
+    protected onItemClick(isoCode: TuiCountryIsoCode): void;
+    private computeMask;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPhoneInternational, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPhoneInternational, "input[tuiInputPhoneInternational]", never, { "countrySearch": { "alias": "countrySearch"; "required": false; }; "countriesValue": { "alias": "countries"; "required": false; }; "isoCode": { "alias": "countryIsoCode"; "required": false; }; }, { "countryIsoCodeChange": "countryIsoCodeChange"; }, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+}

package/esm2022/components/index.mjs

@@ -0,0 +1,2 @@
+export * from '@taiga-ui/experimental/components/input-phone-international';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZEQUE2RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2lucHV0LXBob25lLWludGVybmF0aW9uYWwnO1xuIl19

package/esm2022/components/input-phone-international/index.mjs

@@ -0,0 +1,2 @@
+export * from './input-phone-international.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbnB1dC1waG9uZS1pbnRlcm5hdGlvbmFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2lucHV0LXBob25lLWludGVybmF0aW9uYWwuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/components/input-phone-international/input-phone-international.component.mjs

@@ -0,0 +1,179 @@
+import { NgForOf, NgIf } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, Input, Output, signal, TemplateRef, ViewChild, ViewChildren, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
+import { MaskitoDirective } from '@maskito/angular';
+import { MASKITO_DEFAULT_OPTIONS, maskitoInitialCalibrationPlugin, maskitoTransform, } from '@maskito/core';
+import { maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator } from '@maskito/phone';
+import { tuiAsControl, TuiControl } from '@taiga-ui/cdk/classes';
+import { CHAR_PLUS, EMPTY_QUERY, TUI_DEFAULT_MATCHER } from '@taiga-ui/cdk/constants';
+import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
+import { TuiAutoFocus, tuiAutoFocusOptionsProvider, } from '@taiga-ui/cdk/directives/auto-focus';
+import { TUI_IS_IOS, tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
+import { tuiInjectElement, tuiIsInputEvent } from '@taiga-ui/cdk/utils/dom';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TuiButton } from '@taiga-ui/core/components/button';
+import { TuiDataList, TuiOption } from '@taiga-ui/core/components/data-list';
+import { TuiIcon } from '@taiga-ui/core/components/icon';
+import { TUI_TEXTFIELD_OPTIONS, TuiTextfield, TuiTextfieldContent, TuiTextfieldDropdownDirective, TuiWithTextfield, } from '@taiga-ui/core/components/textfield';
+import { tuiDropdown, TuiDropdownOpen, tuiDropdownOpen, } from '@taiga-ui/core/directives/dropdown';
+import { TuiTitle } from '@taiga-ui/core/directives/title';
+import { TuiFlagPipe } from '@taiga-ui/core/pipes';
+import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
+import { TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS } from '@taiga-ui/kit/components/input-phone-international';
+import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
+import { TUI_COUNTRIES, TUI_INTERNATIONAL_SEARCH } from '@taiga-ui/kit/tokens';
+import { tuiGetCallingCode, tuiMaskito } from '@taiga-ui/kit/utils';
+import { TuiCell } from '@taiga-ui/layout/components/cell';
+import { validatePhoneNumberLength } from 'libphonenumber-js';
+import { filter, from, skip } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@maskito/angular";
+import * as i2 from "@taiga-ui/core/components/textfield";
+import * as i3 from "@angular/forms";
+import * as i4 from "@taiga-ui/core/components/data-list";
+const NOT_FORM_CONTROL_SYMBOLS = /[^+\d]/g;
+class TuiInputPhoneInternational extends TuiControl {
+    constructor() {
+        super(...arguments);
+        this.list = EMPTY_QUERY;
+        this.el = tuiInjectElement();
+        this.ios = inject(TUI_IS_IOS);
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);
+        this.countries = signal(this.options.countries);
+        this.code = signal(this.options.countryIsoCode);
+        this.label = toSignal(inject(TUI_INTERNATIONAL_SEARCH));
+        this.metadata = toSignal(from(this.options.metadata));
+        this.names = toSignal(inject(TUI_COUNTRIES));
+        this.open = tuiDropdownOpen();
+        this.dropdown = tuiDropdown(null);
+        this.search = signal('');
+        this.size = inject(TUI_TEXTFIELD_OPTIONS).size;
+        this.mask = tuiMaskito(computed(() => this.computeMask(this.code(), this.metadata())));
+        this.masked = computed(() => maskitoTransform(this.value(), this.mask() || MASKITO_DEFAULT_OPTIONS) ||
+            this.el.value);
+        this.filtered = computed(() => this.countries()
+            .map((iso) => ({
+            iso,
+            name: this.names()?.[iso] || '',
+            code: tuiGetCallingCode(iso, this.metadata()),
+        }))
+            .filter(({ name, code }) => TUI_DEFAULT_MATCHER(name + code, this.search())));
+        this.enabled = tuiDirectiveBinding(TuiDropdownOpen, 'tuiDropdownEnabled', this.interactive, {});
+        this.$ = inject(TuiActiveZone)
+            .tuiActiveZoneChange.pipe(filter(() => !this.readOnly()), takeUntilDestroyed())
+            .subscribe((active) => {
+            const prefix = `${tuiGetCallingCode(this.code(), this.metadata())} `;
+            const fallback = active ? this.el.value || prefix : this.el.value;
+            this.search.set('');
+            this.el.value = this.el.value === prefix ? '' : fallback;
+        });
+        this.countrySearch = false;
+        this.countryIsoCodeChange = toObservable(this.code).pipe(skip(1));
+    }
+    set countriesValue(value) {
+        this.countries.set(value);
+    }
+    set isoCode(code) {
+        this.code.set(code);
+    }
+    set template(template) {
+        this.dropdown.set(template);
+    }
+    onInput() {
+        const value = this.el.value.replaceAll(NOT_FORM_CONTROL_SYMBOLS, '');
+        this.onChange(value === tuiGetCallingCode(this.code(), this.metadata()) ? '' : value);
+    }
+    onPaste(event) {
+        const metadata = this.metadata();
+        const data = tuiIsInputEvent(event) && event.data;
+        if (!data ||
+            !metadata ||
+            (!event.inputType.includes('Drop') && !event.inputType.includes('Paste'))) {
+            return;
+        }
+        const value = data.startsWith(CHAR_PLUS) ? data : CHAR_PLUS + data;
+        const code = maskitoGetCountryFromNumber(value, metadata);
+        if (code && validatePhoneNumberLength(value) !== 'TOO_SHORT') {
+            this.code.set(code);
+        }
+    }
+    onItemClick(isoCode) {
+        this.el.focus();
+        this.el.value = this.el.value || tuiGetCallingCode(this.code(), this.metadata());
+        this.open.set(false);
+        this.code.set(isoCode);
+        this.search.set('');
+    }
+    computeMask(countryIsoCode, metadata) {
+        if (!metadata) {
+            return null;
+        }
+        const { plugins, ...options } = maskitoPhoneOptionsGenerator({
+            countryIsoCode,
+            metadata,
+            separator: this.options.separator,
+        });
+        return {
+            ...options,
+            plugins: [...plugins, maskitoInitialCalibrationPlugin()],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputPhoneInternational, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputPhoneInternational, isStandalone: true, selector: "input[tuiInputPhoneInternational]", inputs: { countrySearch: "countrySearch", countriesValue: ["countries", "countriesValue"], isoCode: ["countryIsoCode", "isoCode"] }, outputs: { countryIsoCodeChange: "countryIsoCodeChange" }, host: { attributes: { "type": "tel" }, listeners: { "blur": "onTouched()", "input": "onInput()", "click": "open.set(false)", "beforeinput.capture": "onPaste($event)" }, properties: { "attr.readonly": "readOnly() || null", "attr.inputmode": "!ios && open() ? \"none\" : null", "disabled": "disabled()", "value": "masked()" } }, providers: [
+            tuiAsControl(TuiInputPhoneInternational),
+            tuiFallbackValueProvider(''),
+            tuiAutoFocusOptionsProvider({ preventScroll: true }),
+        ], viewQueries: [{ propertyName: "template", first: true, predicate: TuiTextfieldDropdownDirective, descendants: true, read: TemplateRef }, { propertyName: "list", predicate: TuiOption, descendants: true, read: ElementRef }], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: "<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (mousedown.prevent)=\"interactive() && open.set(!open())\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()?.[code()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"code() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-container *tuiTextfieldDropdown>\n    <div\n        *ngIf=\"countrySearch\"\n        #element\n        class=\"t-ipi-search\"\n    >\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiTextfield\n                type=\"text\"\n                [focused]=\"true\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!!element.closest('tui-dropdown-mobile')\"\n                (keydown.arrowDown)=\"list.get(0)?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n\n    <tui-data-list class=\"t-ipi-options\">\n        <button\n            *ngFor=\"let item of filtered()\"\n            tuiOption\n            type=\"button\"\n            [tuiCell]=\"size()\"\n            (click)=\"onItemClick(item.iso)\"\n        >\n            <img\n                alt=\"\"\n                class=\"t-ipi-flag\"\n                [class.t-ipi-flag_small]=\"size() === 's'\"\n                [src]=\"item.iso | tuiFlag\"\n            />\n            <span tuiTitle>{{ item.name }}</span>\n            <span class=\"t-ipi-code\">{{ item.code }}</span>\n        </button>\n    </tui-data-list>\n</ng-container>\n", styles: ["[tuiInputPhoneInternational][tuiInputPhoneInternational]{left:var(--t-offset);border-start-start-radius:0;border-end-start-radius:0;inline-size:calc(100% - var(--t-offset))}tui-root:has(tui-dropdown-mobile) [tuiInputPhoneInternational][tuiInputPhoneInternational]{caret-color:transparent}[tuiInputPhoneInternational][tuiInputPhoneInternational]+label{padding-left:var(--t-offset)}tui-textfield[data-size=s]{--t-offset: 4.125rem}tui-textfield[data-size=s] .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]{--t-offset: 4.875rem}tui-textfield[data-size=m] .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]{--t-offset: 5.25rem}tui-textfield[data-size=l] .t-ipi-flag{margin:0 -.1875rem}.t-ipi-select{position:absolute;left:0;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}.t-ipi-select_readonly{pointer-events:none}.t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}.t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}.t-ipi-code{color:var(--tui-text-secondary)}.t-ipi-search{position:sticky;top:0;z-index:1;background:var(--tui-background-elevation-3);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){.t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}tui-dropdown-mobile .t-ipi-search{background:var(--tui-background-elevation-1)}tui-dropdown-mobile .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i4.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "pipe", type: TuiFlagPipe, name: "tuiFlag" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["stringify", "content", "filler"] }, { kind: "directive", type: i2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { TuiInputPhoneInternational };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputPhoneInternational, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'input[tuiInputPhoneInternational]', imports: [
+                        FormsModule,
+                        NgForOf,
+                        NgIf,
+                        TuiAutoFocus,
+                        TuiButton,
+                        TuiCell,
+                        TuiChevron,
+                        TuiDataList,
+                        TuiFlagPipe,
+                        TuiIcon,
+                        TuiTextfield,
+                        TuiTextfieldContent,
+                        TuiTitle,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsControl(TuiInputPhoneInternational),
+                        tuiFallbackValueProvider(''),
+                        tuiAutoFocusOptionsProvider({ preventScroll: true }),
+                    ], hostDirectives: [MaskitoDirective, TuiWithTextfield], host: {
+                        type: 'tel',
+                        '[attr.readonly]': 'readOnly() || null',
+                        '[attr.inputmode]': '!ios && open() ? "none" : null',
+                        '[disabled]': 'disabled()',
+                        '[value]': 'masked()',
+                        '(blur)': 'onTouched()',
+                        '(input)': 'onInput()',
+                        '(click)': 'open.set(false)',
+                        '(beforeinput.capture)': 'onPaste($event)',
+                    }, template: "<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (mousedown.prevent)=\"interactive() && open.set(!open())\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()?.[code()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"code() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-container *tuiTextfieldDropdown>\n    <div\n        *ngIf=\"countrySearch\"\n        #element\n        class=\"t-ipi-search\"\n    >\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiTextfield\n                type=\"text\"\n                [focused]=\"true\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!!element.closest('tui-dropdown-mobile')\"\n                (keydown.arrowDown)=\"list.get(0)?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n\n    <tui-data-list class=\"t-ipi-options\">\n        <button\n            *ngFor=\"let item of filtered()\"\n            tuiOption\n            type=\"button\"\n            [tuiCell]=\"size()\"\n            (click)=\"onItemClick(item.iso)\"\n        >\n            <img\n                alt=\"\"\n                class=\"t-ipi-flag\"\n                [class.t-ipi-flag_small]=\"size() === 's'\"\n                [src]=\"item.iso | tuiFlag\"\n            />\n            <span tuiTitle>{{ item.name }}</span>\n            <span class=\"t-ipi-code\">{{ item.code }}</span>\n        </button>\n    </tui-data-list>\n</ng-container>\n", styles: ["[tuiInputPhoneInternational][tuiInputPhoneInternational]{left:var(--t-offset);border-start-start-radius:0;border-end-start-radius:0;inline-size:calc(100% - var(--t-offset))}tui-root:has(tui-dropdown-mobile) [tuiInputPhoneInternational][tuiInputPhoneInternational]{caret-color:transparent}[tuiInputPhoneInternational][tuiInputPhoneInternational]+label{padding-left:var(--t-offset)}tui-textfield[data-size=s]{--t-offset: 4.125rem}tui-textfield[data-size=s] .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]{--t-offset: 4.875rem}tui-textfield[data-size=m] .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]{--t-offset: 5.25rem}tui-textfield[data-size=l] .t-ipi-flag{margin:0 -.1875rem}.t-ipi-select{position:absolute;left:0;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}.t-ipi-select_readonly{pointer-events:none}.t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}.t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}.t-ipi-code{color:var(--tui-text-secondary)}.t-ipi-search{position:sticky;top:0;z-index:1;background:var(--tui-background-elevation-3);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){.t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}tui-dropdown-mobile .t-ipi-search{background:var(--tui-background-elevation-1)}tui-dropdown-mobile .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}\n"] }]
+        }], propDecorators: { list: [{
+                type: ViewChildren,
+                args: [TuiOption, { read: ElementRef }]
+            }], countrySearch: [{
+                type: Input
+            }], countryIsoCodeChange: [{
+                type: Output
+            }], countriesValue: [{
+                type: Input,
+                args: ['countries']
+            }], isoCode: [{
+                type: Input,
+                args: ['countryIsoCode']
+            }], template: [{
+                type: ViewChild,
+                args: [TuiTextfieldDropdownDirective, { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcGhvbmUtaW50ZXJuYXRpb25hbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbnB1dC1waG9uZS1pbnRlcm5hdGlvbmFsL2lucHV0LXBob25lLWludGVybmF0aW9uYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvaW5wdXQtcGhvbmUtaW50ZXJuYXRpb25hbC9pbnB1dC1waG9uZS1pbnRlcm5hdGlvbmFsLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUU5QyxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULFlBQVksRUFDWixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGtCQUFrQixFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFFbEQsT0FBTyxFQUNILHVCQUF1QixFQUN2QiwrQkFBK0IsRUFDL0IsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQywyQkFBMkIsRUFBRSw0QkFBNEIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3pGLE9BQU8sRUFBQyxZQUFZLEVBQUUsVUFBVSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDL0QsT0FBTyxFQUFD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QUFXLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nRm9yT2YsIE5nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgdHlwZSB7UXVlcnlMaXN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGNvbXB1dGVkLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBzaWduYWwsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdDaGlsZHJlbixcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3Rha2VVbnRpbERlc3Ryb3llZCwgdG9PYnNlcnZhYmxlLCB0b1NpZ25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtNYXNraXRvRGlyZWN0aXZlfSBmcm9tICdAbWFza2l0by9hbmd1bGFyJztcbmltcG9ydCB0eXBlIHtNYXNraXRvT3B0aW9uc30gZnJvbSAnQG1hc2tpdG8vY29yZSc7XG5pbXBvcnQge1xuICAgIE1BU0tJVE9fREVGQVVMVF9PUFRJT05TLFxuICAgIG1hc2tpdG9Jbml0aWFsQ2FsaWJyYXRpb25QbHVnaW4sXG4gICAgbWFza2l0b1RyYW5zZm9ybSxcbn0gZnJvbSAnQG1hc2tpdG8vY29yZSc7XG5pbXBvcnQge21hc2tpdG9HZXRDb3VudHJ5RnJvbU51bWJlciwgbWFza2l0b1Bob25lT3B0aW9uc0dlbmVyYXRvcn0gZnJvbSAnQG1hc2tpdG8vcGhvbmUnO1xuaW1wb3J0IHt0dWlBc0NvbnRyb2wsIFR1aUNvbnRyb2x9IGZyb20gJ0B0YWlnYS11aS9jZGsvY2xhc3Nlcyc7XG5pbXBvcnQge0NIQVJfUExVUywgRU1QVFlfUVVFUlksIFRVSV9ERUZBVUxUX01BVENIRVJ9IGZyb20gJ0B0YWlnYS11aS9jZGsvY29uc3RhbnRzJztcbmltcG9ydCB7VHVpQWN0aXZlWm9uZX0gZnJvbSAnQHRhaWdhLXVpL2Nkay9kaXJlY3RpdmVzL2FjdGl2ZS16b25lJztcbmltcG9ydCB7XG4gICAgVHVpQXV0b0ZvY3VzLFxuICAgIHR1aUF1dG9Gb2N1c09wdGlvbnNQcm92aWRlcixcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkay9kaXJlY3RpdmVzL2F1dG8tZm9jdXMnO1xuaW1wb3J0IHtUVUlfSVNfSU9TLCB0dWlGYWxsYmFja1ZhbHVlUHJvdmlkZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsvdG9rZW5zJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudCwgdHVpSXNJbnB1dEV2ZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RvbSc7XG5pbXBvcnQge3R1aURpcmVjdGl2ZUJpbmRpbmd9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQge1R1aUJ1dHRvbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlEYXRhTGlzdCwgVHVpT3B0aW9ufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2RhdGEtbGlzdCc7XG5pbXBvcnQge1R1aUljb259IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQge1xuICAgIFRVSV9URVhURklFTERfT1BUSU9OUyxcbiAgICBUdWlUZXh0ZmllbGQsXG4gICAgVHVpVGV4dGZpZWxkQ29udGVudCxcbiAgICBUdWlUZXh0ZmllbGREcm9wZG93bkRpcmVjdGl2ZSxcbiAgICBUdWlXaXRoVGV4dGZpZWxkLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZCc7XG5pbXBvcnQge1xuICAgIHR1aURyb3Bkb3duLFxuICAgIFR1aURyb3Bkb3duT3BlbixcbiAgICB0dWlEcm9wZG93bk9wZW4sXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvZHJvcGRvd24nO1xuaW1wb3J0IHtUdWlUaXRsZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy90aXRsZSc7XG5pbXBvcnQge1R1aUZsYWdQaXBlfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9waXBlcyc7XG5pbXBvcnQge1RVSV9DT01NT05fSUNPTlN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQgdHlwZSB7VHVpQ291bnRyeUlzb0NvZGV9IGZyb20gJ0B0YWlnYS11aS9pMThuL3R5cGVzJztcbmltcG9ydCB7VFVJX0lOUFVUX1BIT05FX0lOVEVSTkFUSU9OQUxfT1BUSU9OU30gZnJvbSAnQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL2lucHV0LXBob25lLWludGVybmF0aW9uYWwnO1xuaW1wb3J0IHtUdWlDaGV2cm9ufSBmcm9tICdAdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvY2hldnJvbic7XG5pbXBvcnQge1RVSV9DT1VOVFJJRVMsIFRVSV9JTlRFUk5BVElPTkFMX1NFQVJDSH0gZnJvbSAnQHRhaWdhLXVpL2tpdC90b2tlbnMnO1xuaW1wb3J0IHt0dWlHZXRDYWxsaW5nQ29kZSwgdHVpTWFza2l0b30gZnJvbSAnQHRhaWdhLXVpL2tpdC91dGlscyc7XG5pbXBvcnQge1R1aUNlbGx9IGZyb20gJ0B0YWlnYS11aS9sYXlvdXQvY29tcG9uZW50cy9jZWxsJztcbmltcG9ydCB0eXBlIHtQb2x5bW9ycGhldXNDb250ZW50fSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcbmltcG9ydCB7dmFsaWRhdGVQaG9uZU51bWJlckxlbmd0aH0gZnJvbSAnbGlicGhvbmVudW1iZXItanMnO1xuaW1wb3J0IHR5cGUge01ldGFkYXRhSnNvbn0gZnJvbSAnbGlicGhvbmVudW1iZXItanMvY29yZSc7XG5pbXBvcnQge2ZpbHRlciwgZnJvbSwgc2tpcH0gZnJvbSAncnhqcyc7XG5cbmNvbnN0IE5PVF9GT1JNX0NPTlRST0xfU1lNQk9MUyA9IC9bXitcXGRdL2c7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdpbnB1dFt0dWlJbnB1dFBob25lSW50ZXJuYXRpb25hbF0nLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgRm9ybXNNb2R1bGUsXG4gICAgICAgIE5nRm9yT2YsXG4gICAgICAgIE5nSWYsXG4gICAgICAgIFR1aUF1dG9Gb2N1cyxcbiAgICAgICAgVHVpQnV0dG9uLFxuICAgICAgICBUdWlDZWxsLFxuICAgICAgICBUdWlDaGV2cm9uLFxuICAgICAgICBUdWlEYXRhTGlzdCxcbiAgICAgICAgVHVpRmxhZ1BpcGUsXG4gICAgICAgIFR1aUljb24sXG4gICAgICAgIFR1aVRleHRmaWVsZCxcbiAgICAgICAgVHVpVGV4dGZpZWxkQ29udGVudCxcbiAgICAgICAgVHVpVGl0bGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtcGhvbmUtaW50ZXJuYXRpb25hbC50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbnB1dC1waG9uZS1pbnRlcm5hdGlvbmFsLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB0dWlBc0NvbnRyb2woVHVpSW5wdXRQaG9uZUludGVybmF0aW9uYWwpLFxuICAgICAgICB0dWlGYWxsYmFja1ZhbHVlUHJvdmlkZXIoJycpLFxuICAgICAgICB0dWlBdXRvRm9jdXNPcHRpb25zUHJvdmlkZXIoe3ByZXZlbnRTY3JvbGw6IHRydWV9KSxcbiAgICBdLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbTWFza2l0b0RpcmVjdGl2ZSwgVHVpV2l0aFRleHRmaWVsZF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0eXBlOiAndGVsJyxcbiAgICAgICAgJ1thdHRyLnJlYWRvbmx5XSc6ICdyZWFkT25seSgpIHx8IG51bGwnLFxuICAgICAgICAnW2F0dHIuaW5wdXRtb2RlXSc6ICchaW9zICYmIG9wZW4oKSA/IFwibm9uZVwiIDogbnVsbCcsXG4gICAgICAgICdbZGlzYWJsZWRdJzogJ2Rpc2FibGVkKCknLFxuICAgICAgICAnW3ZhbHVlXSc6ICdtYXNrZWQoKScsXG4gICAgICAgICcoYmx1ciknOiAnb25Ub3VjaGVkKCknLFxuICAgICAgICAnKGlucHV0KSc6ICdvbklucHV0KCknLFxuICAgICAgICAnKGNsaWNrKSc6ICdvcGVuLnNldChmYWxzZSknLFxuICAgICAgICAnKGJlZm9yZWlucHV0LmNhcHR1cmUpJzogJ29uUGFzdGUoJGV2ZW50KScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSW5wdXRQaG9uZUludGVybmF0aW9uYWwgZXh0ZW5kcyBUdWlDb250cm9sPHN0cmluZz4ge1xuICAgIEBWaWV3Q2hpbGRyZW4oVHVpT3B0aW9uLCB7cmVhZDogRWxlbWVudFJlZn0pXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGxpc3Q6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50Pj4gPSBFTVBUWV9RVUVSWTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBlbCA9IHR1aUluamVjdEVsZW1lbnQ8SFRNTElucHV0RWxlbWVudD4oKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaW9zID0gaW5qZWN0KFRVSV9JU19JT1MpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBpY29ucyA9IGluamVjdChUVUlfQ09NTU9OX0lDT05TKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChUVUlfSU5QVVRfUEhPTkVfSU5URVJOQVRJT05BTF9PUFRJT05TKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY291bnRyaWVzID0gc2lnbmFsKHRoaXMub3B0aW9ucy5jb3VudHJpZXMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBjb2RlID0gc2lnbmFsKHRoaXMub3B0aW9ucy5jb3VudHJ5SXNvQ29kZSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGxhYmVsID0gdG9TaWduYWwoaW5qZWN0KFRVSV9JTlRFUk5BVElPTkFMX1NFQVJDSCkpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBtZXRhZGF0YSA9IHRvU2lnbmFsKGZyb20odGhpcy5vcHRpb25zLm1ldGFkYXRhKSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5hbWVzID0gdG9TaWduYWwoaW5qZWN0KFRVSV9DT1VOVFJJRVMpKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3BlbiA9IHR1aURyb3Bkb3duT3BlbigpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBkcm9wZG93biA9IHR1aURyb3Bkb3duKG51bGwpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBzZWFyY2ggPSBzaWduYWw8c3RyaW5nPignJyk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHNpemUgPSBpbmplY3QoVFVJX1RFWFRGSUVMRF9PUFRJT05TKS5zaXplO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG1hc2sgPSB0dWlNYXNraXRvKFxuICAgICAgICBjb21wdXRlZCgoKSA9PiB0aGlzLmNvbXB1dGVNYXNrKHRoaXMuY29kZSgpLCB0aGlzLm1ldGFkYXRhKCkpKSxcbiAgICApO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG1hc2tlZCA9IGNvbXB1dGVkKFxuICAgICAgICAoKSA9PlxuICAgICAgICAgICAgbWFza2l0b1RyYW5zZm9ybSh0aGlzLnZhbHVlKCksIHRoaXMubWFzaygpIHx8IE1BU0tJVE9fREVGQVVMVF9PUFRJT05TKSB8fFxuICAgICAgICAgICAgdGhpcy5lbC52YWx1ZSxcbiAgICApO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGZpbHRlcmVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgdGhpcy5jb3VudHJpZXMoKVxuICAgICAgICAgICAgLm1hcCgoaXNvKSA9PiAoe1xuICAgICAgICAgICAgICAgIGlzbyxcbiAgICAgICAgICAgICAgICBuYW1lOiB0aGlzLm5hbWVzKCk/Lltpc29dIHx8ICcnLFxuICAgICAgICAgICAgICAgIGNvZGU6IHR1aUdldENhbGxpbmdDb2RlKGlzbywgdGhpcy5tZXRhZGF0YSgpKSxcbiAgICAgICAgICAgIH0pKVxuICAgICAgICAgICAgLmZpbHRlcigoe25hbWUsIGNvZGV9KSA9PiBUVUlfREVGQVVMVF9NQVRDSEVSKG5hbWUgKyBjb2RlLCB0aGlzLnNlYXJjaCgpKSksXG4gICAgKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBlbmFibGVkID0gdHVpRGlyZWN0aXZlQmluZGluZyhcbiAgICAgICAgVHVpRHJvcGRvd25PcGVuLFxuICAgICAgICAndHVpRHJvcGRvd25FbmFibGVkJyxcbiAgICAgICAgdGhpcy5pbnRlcmFjdGl2ZSxcbiAgICAgICAge30sXG4gICAgKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSAkID0gaW5qZWN0KFR1aUFjdGl2ZVpvbmUpXG4gICAgICAgIC50dWlBY3RpdmVab25lQ2hhbmdlLnBpcGUoXG4gICAgICAgICAgICBmaWx0ZXIoKCkgPT4gIXRoaXMucmVhZE9ubHkoKSksXG4gICAgICAgICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKChhY3RpdmUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHByZWZpeCA9IGAke3R1aUdldENhbGxpbmdDb2RlKHRoaXMuY29kZSgpLCB0aGlzLm1ldGFkYXRhKCkpfSBgO1xuICAgICAgICAgICAgY29uc3QgZmFsbGJhY2sgPSBhY3RpdmUgPyB0aGlzLmVsLnZhbHVlIHx8IHByZWZpeCA6IHRoaXMuZWwudmFsdWU7XG5cbiAgICAgICAgICAgIHRoaXMuc2VhcmNoLnNldCgnJyk7XG4gICAgICAgICAgICB0aGlzLmVsLnZhbHVlID0gdGhpcy5lbC52YWx1ZSA9PT0gcHJlZml4ID8gJycgOiBmYWxsYmFjaztcbiAgICAgICAgfSk7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjb3VudHJ5U2VhcmNoID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgcmVhZG9ubHkgY291bnRyeUlzb0NvZGVDaGFuZ2UgPSB0b09ic2VydmFibGUodGhpcy5jb2RlKS5waXBlKHNraXAoMSkpO1xuXG4gICAgQElucHV0KCdjb3VudHJpZXMnKVxuICAgIHB1YmxpYyBzZXQgY291bnRyaWVzVmFsdWUodmFsdWU6IHJlYWRvbmx5IFR1aUNvdW50cnlJc29Db2RlW10pIHtcbiAgICAgICAgdGhpcy5jb3VudHJpZXMuc2V0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBASW5wdXQoJ2NvdW50cnlJc29Db2RlJylcbiAgICBwdWJsaWMgc2V0IGlzb0NvZGUoY29kZTogVHVpQ291bnRyeUlzb0NvZGUpIHtcbiAgICAgICAgdGhpcy5jb2RlLnNldChjb2RlKTtcbiAgICB9XG5cbiAgICBAVmlld0NoaWxkKFR1aVRleHRmaWVsZERyb3Bkb3duRGlyZWN0aXZlLCB7cmVhZDogVGVtcGxhdGVSZWZ9KVxuICAgIHByb3RlY3RlZCBzZXQgdGVtcGxhdGUodGVtcGxhdGU6IFBvbHltb3JwaGV1c0NvbnRlbnQpIHtcbiAgICAgICAgdGhpcy5kcm9wZG93bi5zZXQodGVtcGxhdGUpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbklucHV0KCk6IHZvaWQge1xuICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZWwudmFsdWUucmVwbGFjZUFsbChOT1RfRk9STV9DT05UUk9MX1NZTUJPTFMsICcnKTtcblxuICAgICAgICB0aGlzLm9uQ2hhbmdlKFxuICAgICAgICAgICAgdmFsdWUgPT09IHR1aUdldENhbGxpbmdDb2RlKHRoaXMuY29kZSgpLCB0aGlzLm1ldGFkYXRhKCkpID8gJycgOiB2YWx1ZSxcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25QYXN0ZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgbWV0YWRhdGEgPSB0aGlzLm1ldGFkYXRhKCk7XG4gICAgICAgIGNvbnN0IGRhdGEgPSB0dWlJc0lucHV0RXZlbnQoZXZlbnQpICYmIGV2ZW50LmRhdGE7XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgIWRhdGEgfHxcbiAgICAgICAgICAgICFtZXRhZGF0YSB8fFxuICAgICAgICAgICAgKCFldmVudC5pbnB1dFR5cGUuaW5jbHVkZXMoJ0Ryb3AnKSAmJiAhZXZlbnQuaW5wdXRUeXBlLmluY2x1ZGVzKCdQYXN0ZScpKVxuICAgICAgICApIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHZhbHVlID0gZGF0YS5zdGFydHNXaXRoKENIQVJfUExVUykgPyBkYXRhIDogQ0hBUl9QTFVTICsgZGF0YTtcbiAgICAgICAgY29uc3QgY29kZSA9IG1hc2tpdG9HZXRDb3VudHJ5RnJvbU51bWJlcih2YWx1ZSwgbWV0YWRhdGEpO1xuXG4gICAgICAgIGlmIChjb2RlICYmIHZhbGlkYXRlUGhvbmVOdW1iZXJMZW5ndGgodmFsdWUpICE9PSAnVE9PX1NIT1JUJykge1xuICAgICAgICAgICAgdGhpcy5jb2RlLnNldChjb2RlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkl0ZW1DbGljayhpc29Db2RlOiBUdWlDb3VudHJ5SXNvQ29kZSk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsLmZvY3VzKCk7XG4gICAgICAgIHRoaXMuZWwudmFsdWUgPSB0aGlzLmVsLnZhbHVlIHx8IHR1aUdldENhbGxpbmdDb2RlKHRoaXMuY29kZSgpLCB0aGlzLm1ldGFkYXRhKCkpO1xuICAgICAgICB0aGlzLm9wZW4uc2V0KGZhbHNlKTtcbiAgICAgICAgdGhpcy5jb2RlLnNldChpc29Db2RlKTtcbiAgICAgICAgdGhpcy5zZWFyY2guc2V0KCcnKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNvbXB1dGVNYXNrKFxuICAgICAgICBjb3VudHJ5SXNvQ29kZTogVHVpQ291bnRyeUlzb0NvZGUsXG4gICAgICAgIG1ldGFkYXRhPzogTWV0YWRhdGFKc29uLFxuICAgICk6IE1hc2tpdG9PcHRpb25zIHwgbnVsbCB7XG4gICAgICAgIGlmICghbWV0YWRhdGEpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3Qge3BsdWdpbnMsIC4uLm9wdGlvbnN9ID0gbWFza2l0b1Bob25lT3B0aW9uc0dlbmVyYXRvcih7XG4gICAgICAgICAgICBjb3VudHJ5SXNvQ29kZSxcbiAgICAgICAgICAgIG1ldGFkYXRhLFxuICAgICAgICAgICAgc2VwYXJhdG9yOiB0aGlzLm9wdGlvbnMuc2VwYXJhdG9yLFxuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4ub3B0aW9ucyxcbiAgICAgICAgICAgIHBsdWdpbnM6IFsuLi5wbHVnaW5zLCBtYXNraXRvSW5pdGlhbENhbGlicmF0aW9uUGx1Z2luKCldLFxuICAgICAgICB9O1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKnR1aVRleHRmaWVsZENvbnRlbnQ+XG4gICAgPGJ1dHRvblxuICAgICAgICBhcHBlYXJhbmNlPVwidGV4dGZpZWxkXCJcbiAgICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICB0dWlDaGV2cm9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cInQtaXBpLXNlbGVjdFwiXG4gICAgICAgIFthdHRyLmRhdGEtbW9kZV09XCJtb2RlKClcIlxuICAgICAgICBbY2xhc3MudC1pcGktc2VsZWN0X3JlYWRvbmx5XT1cInJlYWRPbmx5KClcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICAgIFtzaXplXT1cInNpemUoKVwiXG4gICAgICAgIFt0dWlBcHBlYXJhbmNlRm9jdXNdPVwib3BlbigpXCJcbiAgICAgICAgKG1vdXNlZG93bi5wcmV2ZW50KT1cImludGVyYWN0aXZlKCkgJiYgb3Blbi5zZXQoIW9wZW4oKSlcIlxuICAgID5cbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgY2xhc3M9XCJ0LWlwaS1mbGFnXCJcbiAgICAgICAgICAgIFthbHRdPVwibmFtZXMoKT8uW2NvZGUoKV1cIlxuICAgICAgICAgICAgW2NsYXNzLnQtaXBpLWZsYWdfc21hbGxdPVwic2l6ZSgpID09PSAncydcIlxuICAgICAgICAgICAgW3NyY109XCJjb2RlKCkgfCB0dWlGbGFnXCJcbiAgICAgICAgLz5cbiAgICA8L2J1dHRvbj5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqdHVpVGV4dGZpZWxkRHJvcGRvd24+XG4gICAgPGRpdlxuICAgICAgICAqbmdJZj1cImNvdW50cnlTZWFyY2hcIlxuICAgICAgICAjZWxlbWVudFxuICAgICAgICBjbGFzcz1cInQtaXBpLXNlYXJjaFwiXG4gICAgPlxuICAgICAgICA8dHVpLXRleHRmaWVsZFxuICAgICAgICAgICAgW2ljb25TdGFydF09XCJpY29ucy5zZWFyY2hcIlxuICAgICAgICAgICAgW3R1aVRleHRmaWVsZFNpemVdPVwic2l6ZSgpID09PSAncycgPyAncycgOiAnbSdcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgIHR1aVRleHRmaWVsZFxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBbZm9jdXNlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJzZWFyY2goKVwiXG4gICAgICAgICAgICAgICAgW25nTW9kZWxPcHRpb25zXT1cIntzdGFuZGFsb25lOiB0cnVlfVwiXG4gICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImxhYmVsKClcIlxuICAgICAgICAgICAgICAgIFt0dWlBdXRvRm9jdXNdPVwiISFlbGVtZW50LmNsb3Nlc3QoJ3R1aS1kcm9wZG93bi1tb2JpbGUnKVwiXG4gICAgICAgICAgICAgICAgKGtleWRvd24uYXJyb3dEb3duKT1cImxpc3QuZ2V0KDApPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpXCJcbiAgICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2guc2V0KCRldmVudClcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC90dWktdGV4dGZpZWxkPlxuICAgIDwvZGl2PlxuXG4gICAgPHR1aS1kYXRhLWxpc3QgY2xhc3M9XCJ0LWlwaS1vcHRpb25zXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGZpbHRlcmVkKClcIlxuICAgICAgICAgICAgdHVpT3B0aW9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIFt0dWlDZWxsXT1cInNpemUoKVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25JdGVtQ2xpY2soaXRlbS5pc28pXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgIGFsdD1cIlwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWlwaS1mbGFnXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MudC1pcGktZmxhZ19zbWFsbF09XCJzaXplKCkgPT09ICdzJ1wiXG4gICAgICAgICAgICAgICAgW3NyY109XCJpdGVtLmlzbyB8IHR1aUZsYWdcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxzcGFuIHR1aVRpdGxlPnt7IGl0ZW0ubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidC1pcGktY29kZVwiPnt7IGl0ZW0uY29kZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC90dWktZGF0YS1saXN0PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtaW5wdXQtcGhvbmUtaW50ZXJuYXRpb25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2lucHV0LXBob25lLWludGVybmF0aW9uYWwvdGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtaW5wdXQtcGhvbmUtaW50ZXJuYXRpb25hbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/components/taiga-ui-experimental-components.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy90YWlnYS11aS1leHBlcmltZW50YWwtY29tcG9uZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/index.mjs

@@ -1,2 +1,2 @@
-export const NOTHING = 'to see here, move along';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IE5PVEhJTkcgPSAndG8gc2VlIGhlcmUsIG1vdmUgYWxvbmcnO1xuIl19
+export * from '@taiga-ui/experimental/components';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cyc7XG4iXX0=

package/fesm2022/taiga-ui-experimental-components-input-phone-international.mjs

@@ -0,0 +1,185 @@
+import { NgForOf, NgIf } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, computed, TemplateRef, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, Input, Output, ViewChild } from '@angular/core';
+import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1 from '@maskito/angular';
+import { MaskitoDirective } from '@maskito/angular';
+import { maskitoTransform, MASKITO_DEFAULT_OPTIONS, maskitoInitialCalibrationPlugin } from '@maskito/core';
+import { maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator } from '@maskito/phone';
+import { TuiControl, tuiAsControl } from '@taiga-ui/cdk/classes';
+import { EMPTY_QUERY, TUI_DEFAULT_MATCHER, CHAR_PLUS } from '@taiga-ui/cdk/constants';
+import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
+import { tuiAutoFocusOptionsProvider, TuiAutoFocus } from '@taiga-ui/cdk/directives/auto-focus';
+import { TUI_IS_IOS, tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
+import { tuiInjectElement, tuiIsInputEvent } from '@taiga-ui/cdk/utils/dom';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TuiButton } from '@taiga-ui/core/components/button';
+import * as i4 from '@taiga-ui/core/components/data-list';
+import { TuiOption, TuiDataList } from '@taiga-ui/core/components/data-list';
+import { TuiIcon } from '@taiga-ui/core/components/icon';
+import * as i2 from '@taiga-ui/core/components/textfield';
+import { TUI_TEXTFIELD_OPTIONS, TuiTextfieldDropdownDirective, TuiTextfieldContent, TuiTextfield, TuiWithTextfield } from '@taiga-ui/core/components/textfield';
+import { tuiDropdownOpen, tuiDropdown, TuiDropdownOpen } from '@taiga-ui/core/directives/dropdown';
+import { TuiTitle } from '@taiga-ui/core/directives/title';
+import { TuiFlagPipe } from '@taiga-ui/core/pipes';
+import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
+import { TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS } from '@taiga-ui/kit/components/input-phone-international';
+import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
+import { TUI_INTERNATIONAL_SEARCH, TUI_COUNTRIES } from '@taiga-ui/kit/tokens';
+import { tuiMaskito, tuiGetCallingCode } from '@taiga-ui/kit/utils';
+import { TuiCell } from '@taiga-ui/layout/components/cell';
+import { validatePhoneNumberLength } from 'libphonenumber-js';
+import { from, filter, skip } from 'rxjs';
+
+const NOT_FORM_CONTROL_SYMBOLS = /[^+\d]/g;
+class TuiInputPhoneInternational extends TuiControl {
+    constructor() {
+        super(...arguments);
+        this.list = EMPTY_QUERY;
+        this.el = tuiInjectElement();
+        this.ios = inject(TUI_IS_IOS);
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);
+        this.countries = signal(this.options.countries);
+        this.code = signal(this.options.countryIsoCode);
+        this.label = toSignal(inject(TUI_INTERNATIONAL_SEARCH));
+        this.metadata = toSignal(from(this.options.metadata));
+        this.names = toSignal(inject(TUI_COUNTRIES));
+        this.open = tuiDropdownOpen();
+        this.dropdown = tuiDropdown(null);
+        this.search = signal('');
+        this.size = inject(TUI_TEXTFIELD_OPTIONS).size;
+        this.mask = tuiMaskito(computed(() => this.computeMask(this.code(), this.metadata())));
+        this.masked = computed(() => maskitoTransform(this.value(), this.mask() || MASKITO_DEFAULT_OPTIONS) ||
+            this.el.value);
+        this.filtered = computed(() => this.countries()
+            .map((iso) => ({
+            iso,
+            name: this.names()?.[iso] || '',
+            code: tuiGetCallingCode(iso, this.metadata()),
+        }))
+            .filter(({ name, code }) => TUI_DEFAULT_MATCHER(name + code, this.search())));
+        this.enabled = tuiDirectiveBinding(TuiDropdownOpen, 'tuiDropdownEnabled', this.interactive, {});
+        this.$ = inject(TuiActiveZone)
+            .tuiActiveZoneChange.pipe(filter(() => !this.readOnly()), takeUntilDestroyed())
+            .subscribe((active) => {
+            const prefix = `${tuiGetCallingCode(this.code(), this.metadata())} `;
+            const fallback = active ? this.el.value || prefix : this.el.value;
+            this.search.set('');
+            this.el.value = this.el.value === prefix ? '' : fallback;
+        });
+        this.countrySearch = false;
+        this.countryIsoCodeChange = toObservable(this.code).pipe(skip(1));
+    }
+    set countriesValue(value) {
+        this.countries.set(value);
+    }
+    set isoCode(code) {
+        this.code.set(code);
+    }
+    set template(template) {
+        this.dropdown.set(template);
+    }
+    onInput() {
+        const value = this.el.value.replaceAll(NOT_FORM_CONTROL_SYMBOLS, '');
+        this.onChange(value === tuiGetCallingCode(this.code(), this.metadata()) ? '' : value);
+    }
+    onPaste(event) {
+        const metadata = this.metadata();
+        const data = tuiIsInputEvent(event) && event.data;
+        if (!data ||
+            !metadata ||
+            (!event.inputType.includes('Drop') && !event.inputType.includes('Paste'))) {
+            return;
+        }
+        const value = data.startsWith(CHAR_PLUS) ? data : CHAR_PLUS + data;
+        const code = maskitoGetCountryFromNumber(value, metadata);
+        if (code && validatePhoneNumberLength(value) !== 'TOO_SHORT') {
+            this.code.set(code);
+        }
+    }
+    onItemClick(isoCode) {
+        this.el.focus();
+        this.el.value = this.el.value || tuiGetCallingCode(this.code(), this.metadata());
+        this.open.set(false);
+        this.code.set(isoCode);
+        this.search.set('');
+    }
+    computeMask(countryIsoCode, metadata) {
+        if (!metadata) {
+            return null;
+        }
+        const { plugins, ...options } = maskitoPhoneOptionsGenerator({
+            countryIsoCode,
+            metadata,
+            separator: this.options.separator,
+        });
+        return {
+            ...options,
+            plugins: [...plugins, maskitoInitialCalibrationPlugin()],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputPhoneInternational, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputPhoneInternational, isStandalone: true, selector: "input[tuiInputPhoneInternational]", inputs: { countrySearch: "countrySearch", countriesValue: ["countries", "countriesValue"], isoCode: ["countryIsoCode", "isoCode"] }, outputs: { countryIsoCodeChange: "countryIsoCodeChange" }, host: { attributes: { "type": "tel" }, listeners: { "blur": "onTouched()", "input": "onInput()", "click": "open.set(false)", "beforeinput.capture": "onPaste($event)" }, properties: { "attr.readonly": "readOnly() || null", "attr.inputmode": "!ios && open() ? \"none\" : null", "disabled": "disabled()", "value": "masked()" } }, providers: [
+            tuiAsControl(TuiInputPhoneInternational),
+            tuiFallbackValueProvider(''),
+            tuiAutoFocusOptionsProvider({ preventScroll: true }),
+        ], viewQueries: [{ propertyName: "template", first: true, predicate: TuiTextfieldDropdownDirective, descendants: true, read: TemplateRef }, { propertyName: "list", predicate: TuiOption, descendants: true, read: ElementRef }], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: "<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (mousedown.prevent)=\"interactive() && open.set(!open())\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()?.[code()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"code() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-container *tuiTextfieldDropdown>\n    <div\n        *ngIf=\"countrySearch\"\n        #element\n        class=\"t-ipi-search\"\n    >\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiTextfield\n                type=\"text\"\n                [focused]=\"true\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!!element.closest('tui-dropdown-mobile')\"\n                (keydown.arrowDown)=\"list.get(0)?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n\n    <tui-data-list class=\"t-ipi-options\">\n        <button\n            *ngFor=\"let item of filtered()\"\n            tuiOption\n            type=\"button\"\n            [tuiCell]=\"size()\"\n            (click)=\"onItemClick(item.iso)\"\n        >\n            <img\n                alt=\"\"\n                class=\"t-ipi-flag\"\n                [class.t-ipi-flag_small]=\"size() === 's'\"\n                [src]=\"item.iso | tuiFlag\"\n            />\n            <span tuiTitle>{{ item.name }}</span>\n            <span class=\"t-ipi-code\">{{ item.code }}</span>\n        </button>\n    </tui-data-list>\n</ng-container>\n", styles: ["[tuiInputPhoneInternational][tuiInputPhoneInternational]{left:var(--t-offset);border-start-start-radius:0;border-end-start-radius:0;inline-size:calc(100% - var(--t-offset))}tui-root:has(tui-dropdown-mobile) [tuiInputPhoneInternational][tuiInputPhoneInternational]{caret-color:transparent}[tuiInputPhoneInternational][tuiInputPhoneInternational]+label{padding-left:var(--t-offset)}tui-textfield[data-size=s]{--t-offset: 4.125rem}tui-textfield[data-size=s] .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]{--t-offset: 4.875rem}tui-textfield[data-size=m] .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]{--t-offset: 5.25rem}tui-textfield[data-size=l] .t-ipi-flag{margin:0 -.1875rem}.t-ipi-select{position:absolute;left:0;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}.t-ipi-select_readonly{pointer-events:none}.t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}.t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}.t-ipi-code{color:var(--tui-text-secondary)}.t-ipi-search{position:sticky;top:0;z-index:1;background:var(--tui-background-elevation-3);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){.t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}tui-dropdown-mobile .t-ipi-search{background:var(--tui-background-elevation-1)}tui-dropdown-mobile .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i4.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "pipe", type: TuiFlagPipe, name: "tuiFlag" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["stringify", "content", "filler"] }, { kind: "directive", type: i2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputPhoneInternational, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'input[tuiInputPhoneInternational]', imports: [
+                        FormsModule,
+                        NgForOf,
+                        NgIf,
+                        TuiAutoFocus,
+                        TuiButton,
+                        TuiCell,
+                        TuiChevron,
+                        TuiDataList,
+                        TuiFlagPipe,
+                        TuiIcon,
+                        TuiTextfield,
+                        TuiTextfieldContent,
+                        TuiTitle,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsControl(TuiInputPhoneInternational),
+                        tuiFallbackValueProvider(''),
+                        tuiAutoFocusOptionsProvider({ preventScroll: true }),
+                    ], hostDirectives: [MaskitoDirective, TuiWithTextfield], host: {
+                        type: 'tel',
+                        '[attr.readonly]': 'readOnly() || null',
+                        '[attr.inputmode]': '!ios && open() ? "none" : null',
+                        '[disabled]': 'disabled()',
+                        '[value]': 'masked()',
+                        '(blur)': 'onTouched()',
+                        '(input)': 'onInput()',
+                        '(click)': 'open.set(false)',
+                        '(beforeinput.capture)': 'onPaste($event)',
+                    }, template: "<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (mousedown.prevent)=\"interactive() && open.set(!open())\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()?.[code()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"code() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-container *tuiTextfieldDropdown>\n    <div\n        *ngIf=\"countrySearch\"\n        #element\n        class=\"t-ipi-search\"\n    >\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiTextfield\n                type=\"text\"\n                [focused]=\"true\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!!element.closest('tui-dropdown-mobile')\"\n                (keydown.arrowDown)=\"list.get(0)?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n\n    <tui-data-list class=\"t-ipi-options\">\n        <button\n            *ngFor=\"let item of filtered()\"\n            tuiOption\n            type=\"button\"\n            [tuiCell]=\"size()\"\n            (click)=\"onItemClick(item.iso)\"\n        >\n            <img\n                alt=\"\"\n                class=\"t-ipi-flag\"\n                [class.t-ipi-flag_small]=\"size() === 's'\"\n                [src]=\"item.iso | tuiFlag\"\n            />\n            <span tuiTitle>{{ item.name }}</span>\n            <span class=\"t-ipi-code\">{{ item.code }}</span>\n        </button>\n    </tui-data-list>\n</ng-container>\n", styles: ["[tuiInputPhoneInternational][tuiInputPhoneInternational]{left:var(--t-offset);border-start-start-radius:0;border-end-start-radius:0;inline-size:calc(100% - var(--t-offset))}tui-root:has(tui-dropdown-mobile) [tuiInputPhoneInternational][tuiInputPhoneInternational]{caret-color:transparent}[tuiInputPhoneInternational][tuiInputPhoneInternational]+label{padding-left:var(--t-offset)}tui-textfield[data-size=s]{--t-offset: 4.125rem}tui-textfield[data-size=s] .t-ipi-flag{margin:0 .1875rem}tui-textfield[data-size=m]{--t-offset: 4.875rem}tui-textfield[data-size=m] .t-ipi-flag{margin:0 -.1875rem}tui-textfield[data-size=l]{--t-offset: 5.25rem}tui-textfield[data-size=l] .t-ipi-flag{margin:0 -.1875rem}.t-ipi-select{position:absolute;left:0;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}.t-ipi-select_readonly{pointer-events:none}.t-ipi-flag{inline-size:1.75rem;block-size:1.75rem;border-radius:100%}.t-ipi-flag_small{inline-size:1.25rem;block-size:1.25rem}.t-ipi-code{color:var(--tui-text-secondary)}.t-ipi-search{position:sticky;top:0;z-index:1;background:var(--tui-background-elevation-3);padding:.375rem .375rem 0}@supports (-webkit-touch-callout: none){.t-ipi-search input:focus{animation:tuiPreventIOSScroll 1ms}}@keyframes tuiPreventIOSScroll{0%{opacity:0}to{opacity:1}}tui-dropdown-mobile .t-ipi-search{background:var(--tui-background-elevation-1)}tui-dropdown-mobile .t-ipi-options:not(:first-child){min-block-size:calc(100 * var(--tui-viewport-vh) - 8.75rem)}\n"] }]
+        }], propDecorators: { list: [{
+                type: ViewChildren,
+                args: [TuiOption, { read: ElementRef }]
+            }], countrySearch: [{
+                type: Input
+            }], countryIsoCodeChange: [{
+                type: Output
+            }], countriesValue: [{
+                type: Input,
+                args: ['countries']
+            }], isoCode: [{
+                type: Input,
+                args: ['countryIsoCode']
+            }], template: [{
+                type: ViewChild,
+                args: [TuiTextfieldDropdownDirective, { read: TemplateRef }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiInputPhoneInternational };
+//# sourceMappingURL=taiga-ui-experimental-components-input-phone-international.mjs.map

package/fesm2022/taiga-ui-experimental-components-input-phone-international.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-input-phone-international.mjs","sources":["../../../projects/experimental/components/input-phone-international/input-phone-international.component.ts","../../../projects/experimental/components/input-phone-international/input-phone-international.template.html","../../../projects/experimental/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.ts"],"sourcesContent":["import {NgForOf, NgIf} from '@angular/common';\nimport type {QueryList} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    inject,\n    Input,\n    Output,\n    signal,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed, toObservable, toSignal} from '@angular/core/rxjs-interop';\nimport {FormsModule} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport type {MaskitoOptions} from '@maskito/core';\nimport {\n    MASKITO_DEFAULT_OPTIONS,\n    maskitoInitialCalibrationPlugin,\n    maskitoTransform,\n} from '@maskito/core';\nimport {maskitoGetCountryFromNumber, maskitoPhoneOptionsGenerator} from '@maskito/phone';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {CHAR_PLUS, EMPTY_QUERY, TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk/constants';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {\n    TuiAutoFocus,\n    tuiAutoFocusOptionsProvider,\n} from '@taiga-ui/cdk/directives/auto-focus';\nimport {TUI_IS_IOS, tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement, tuiIsInputEvent} from '@taiga-ui/cdk/utils/dom';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiDataList, TuiOption} from '@taiga-ui/core/components/data-list';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfield,\n    TuiTextfieldContent,\n    TuiTextfieldDropdownDirective,\n    TuiWithTextfield,\n} from '@taiga-ui/core/components/textfield';\nimport {\n    tuiDropdown,\n    TuiDropdownOpen,\n    tuiDropdownOpen,\n} from '@taiga-ui/core/directives/dropdown';\nimport {TuiTitle} from '@taiga-ui/core/directives/title';\nimport {TuiFlagPipe} from '@taiga-ui/core/pipes';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport type {TuiCountryIsoCode} from '@taiga-ui/i18n/types';\nimport {TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS} from '@taiga-ui/kit/components/input-phone-international';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TUI_COUNTRIES, TUI_INTERNATIONAL_SEARCH} from '@taiga-ui/kit/tokens';\nimport {tuiGetCallingCode, tuiMaskito} from '@taiga-ui/kit/utils';\nimport {TuiCell} from '@taiga-ui/layout/components/cell';\nimport type {PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {validatePhoneNumberLength} from 'libphonenumber-js';\nimport type {MetadataJson} from 'libphonenumber-js/core';\nimport {filter, from, skip} from 'rxjs';\n\nconst NOT_FORM_CONTROL_SYMBOLS = /[^+\\d]/g;\n\n@Component({\n    standalone: true,\n    selector: 'input[tuiInputPhoneInternational]',\n    imports: [\n        FormsModule,\n        NgForOf,\n        NgIf,\n        TuiAutoFocus,\n        TuiButton,\n        TuiCell,\n        TuiChevron,\n        TuiDataList,\n        TuiFlagPipe,\n        TuiIcon,\n        TuiTextfield,\n        TuiTextfieldContent,\n        TuiTitle,\n    ],\n    templateUrl: './input-phone-international.template.html',\n    styleUrls: ['./input-phone-international.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsControl(TuiInputPhoneInternational),\n        tuiFallbackValueProvider(''),\n        tuiAutoFocusOptionsProvider({preventScroll: true}),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithTextfield],\n    host: {\n        type: 'tel',\n        '[attr.readonly]': 'readOnly() || null',\n        '[attr.inputmode]': '!ios && open() ? \"none\" : null',\n        '[disabled]': 'disabled()',\n        '[value]': 'masked()',\n        '(blur)': 'onTouched()',\n        '(input)': 'onInput()',\n        '(click)': 'open.set(false)',\n        '(beforeinput.capture)': 'onPaste($event)',\n    },\n})\nexport class TuiInputPhoneInternational extends TuiControl<string> {\n    @ViewChildren(TuiOption, {read: ElementRef})\n    protected readonly list: QueryList<ElementRef<HTMLButtonElement>> = EMPTY_QUERY;\n\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly ios = inject(TUI_IS_IOS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);\n    protected readonly countries = signal(this.options.countries);\n    protected readonly code = signal(this.options.countryIsoCode);\n    protected readonly label = toSignal(inject(TUI_INTERNATIONAL_SEARCH));\n    protected readonly metadata = toSignal(from(this.options.metadata));\n    protected readonly names = toSignal(inject(TUI_COUNTRIES));\n    protected readonly open = tuiDropdownOpen();\n    protected readonly dropdown = tuiDropdown(null);\n    protected readonly search = signal<string>('');\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n\n    protected readonly mask = tuiMaskito(\n        computed(() => this.computeMask(this.code(), this.metadata())),\n    );\n\n    protected readonly masked = computed(\n        () =>\n            maskitoTransform(this.value(), this.mask() || MASKITO_DEFAULT_OPTIONS) ||\n            this.el.value,\n    );\n\n    protected readonly filtered = computed(() =>\n        this.countries()\n            .map((iso) => ({\n                iso,\n                name: this.names()?.[iso] || '',\n                code: tuiGetCallingCode(iso, this.metadata()),\n            }))\n            .filter(({name, code}) => TUI_DEFAULT_MATCHER(name + code, this.search())),\n    );\n\n    protected readonly enabled = tuiDirectiveBinding(\n        TuiDropdownOpen,\n        'tuiDropdownEnabled',\n        this.interactive,\n        {},\n    );\n\n    protected readonly $ = inject(TuiActiveZone)\n        .tuiActiveZoneChange.pipe(\n            filter(() => !this.readOnly()),\n            takeUntilDestroyed(),\n        )\n        .subscribe((active) => {\n            const prefix = `${tuiGetCallingCode(this.code(), this.metadata())} `;\n            const fallback = active ? this.el.value || prefix : this.el.value;\n\n            this.search.set('');\n            this.el.value = this.el.value === prefix ? '' : fallback;\n        });\n\n    @Input()\n    public countrySearch = false;\n\n    @Output()\n    public readonly countryIsoCodeChange = toObservable(this.code).pipe(skip(1));\n\n    @Input('countries')\n    public set countriesValue(value: readonly TuiCountryIsoCode[]) {\n        this.countries.set(value);\n    }\n\n    @Input('countryIsoCode')\n    public set isoCode(code: TuiCountryIsoCode) {\n        this.code.set(code);\n    }\n\n    @ViewChild(TuiTextfieldDropdownDirective, {read: TemplateRef})\n    protected set template(template: PolymorpheusContent) {\n        this.dropdown.set(template);\n    }\n\n    protected onInput(): void {\n        const value = this.el.value.replaceAll(NOT_FORM_CONTROL_SYMBOLS, '');\n\n        this.onChange(\n            value === tuiGetCallingCode(this.code(), this.metadata()) ? '' : value,\n        );\n    }\n\n    protected onPaste(event: Event): void {\n        const metadata = this.metadata();\n        const data = tuiIsInputEvent(event) && event.data;\n\n        if (\n            !data ||\n            !metadata ||\n            (!event.inputType.includes('Drop') && !event.inputType.includes('Paste'))\n        ) {\n            return;\n        }\n\n        const value = data.startsWith(CHAR_PLUS) ? data : CHAR_PLUS + data;\n        const code = maskitoGetCountryFromNumber(value, metadata);\n\n        if (code && validatePhoneNumberLength(value) !== 'TOO_SHORT') {\n            this.code.set(code);\n        }\n    }\n\n    protected onItemClick(isoCode: TuiCountryIsoCode): void {\n        this.el.focus();\n        this.el.value = this.el.value || tuiGetCallingCode(this.code(), this.metadata());\n        this.open.set(false);\n        this.code.set(isoCode);\n        this.search.set('');\n    }\n\n    private computeMask(\n        countryIsoCode: TuiCountryIsoCode,\n        metadata?: MetadataJson,\n    ): MaskitoOptions | null {\n        if (!metadata) {\n            return null;\n        }\n\n        const {plugins, ...options} = maskitoPhoneOptionsGenerator({\n            countryIsoCode,\n            metadata,\n            separator: this.options.separator,\n        });\n\n        return {\n            ...options,\n            plugins: [...plugins, maskitoInitialCalibrationPlugin()],\n        };\n    }\n}\n","<ng-container *tuiTextfieldContent>\n    <button\n        appearance=\"textfield\"\n        tabindex=\"-1\"\n        tuiButton\n        tuiChevron\n        type=\"button\"\n        class=\"t-ipi-select\"\n        [attr.data-mode]=\"mode()\"\n        [class.t-ipi-select_readonly]=\"readOnly()\"\n        [disabled]=\"disabled()\"\n        [size]=\"size()\"\n        [tuiAppearanceFocus]=\"open()\"\n        (mousedown.prevent)=\"interactive() && open.set(!open())\"\n    >\n        <img\n            class=\"t-ipi-flag\"\n            [alt]=\"names()?.[code()]\"\n            [class.t-ipi-flag_small]=\"size() === 's'\"\n            [src]=\"code() | tuiFlag\"\n        />\n    </button>\n</ng-container>\n<ng-container *tuiTextfieldDropdown>\n    <div\n        *ngIf=\"countrySearch\"\n        #element\n        class=\"t-ipi-search\"\n    >\n        <tui-textfield\n            [iconStart]=\"icons.search\"\n            [tuiTextfieldSize]=\"size() === 's' ? 's' : 'm'\"\n        >\n            <input\n                autocomplete=\"off\"\n                tuiTextfield\n                type=\"text\"\n                [focused]=\"true\"\n                [ngModel]=\"search()\"\n                [ngModelOptions]=\"{standalone: true}\"\n                [placeholder]=\"label()\"\n                [tuiAutoFocus]=\"!!element.closest('tui-dropdown-mobile')\"\n                (keydown.arrowDown)=\"list.get(0)?.nativeElement?.focus()\"\n                (ngModelChange)=\"search.set($event)\"\n            />\n        </tui-textfield>\n    </div>\n\n    <tui-data-list class=\"t-ipi-options\">\n        <button\n            *ngFor=\"let item of filtered()\"\n            tuiOption\n            type=\"button\"\n            [tuiCell]=\"size()\"\n            (click)=\"onItemClick(item.iso)\"\n        >\n            <img\n                alt=\"\"\n                class=\"t-ipi-flag\"\n                [class.t-ipi-flag_small]=\"size() === 's'\"\n                [src]=\"item.iso | tuiFlag\"\n            />\n            <span tuiTitle>{{ item.name }}</span>\n            <span class=\"t-ipi-code\">{{ item.code }}</span>\n        </button>\n    </tui-data-list>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-experimental-components.mjs

@@ -0,0 +1,6 @@
+export * from '@taiga-ui/experimental/components/input-phone-international';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=taiga-ui-experimental-components.mjs.map

package/fesm2022/taiga-ui-experimental-components.mjs.map

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

package/fesm2022/taiga-ui-experimental.mjs

@@ -1,8 +1,6 @@
-const NOTHING = 'to see here, move along';
+export * from '@taiga-ui/experimental/components';
 
 /**
  * Generated bundle index. Do not edit.
  */
-
-export { NOTHING };
 //# sourceMappingURL=taiga-ui-experimental.mjs.map

package/fesm2022/taiga-ui-experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental.mjs","sources":["../../../projects/experimental/index.ts","../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["export const NOTHING = 'to see here, move along';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG;;ACAvB;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-experimental.mjs","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/index.d.ts

@@ -1 +1 @@
-export declare const NOTHING = "to see here, move along";
+export * from '@taiga-ui/experimental/components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "4.17.0",
+  "version": "4.18.0-canary.08f924d",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -13,10 +13,10 @@
   "peerDependencies": {
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
-    "@taiga-ui/addon-commerce": "^4.17.0",
-    "@taiga-ui/cdk": "^4.17.0",
-    "@taiga-ui/core": "^4.17.0",
-    "@taiga-ui/kit": "^4.17.0",
+    "@taiga-ui/addon-commerce": "^4.18.0",
+    "@taiga-ui/cdk": "^4.18.0",
+    "@taiga-ui/core": "^4.18.0",
+    "@taiga-ui/kit": "^4.18.0",
     "@taiga-ui/polymorpheus": "^4.7.4",
     "rxjs": ">=7.0.0"
   },
@@ -31,6 +31,18 @@
       "esm2022": "./esm2022/taiga-ui-experimental.mjs",
       "esm": "./esm2022/taiga-ui-experimental.mjs",
       "default": "./fesm2022/taiga-ui-experimental.mjs"
+    },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "esm2022": "./esm2022/components/taiga-ui-experimental-components.mjs",
+      "esm": "./esm2022/components/taiga-ui-experimental-components.mjs",
+      "default": "./fesm2022/taiga-ui-experimental-components.mjs"
+    },
+    "./components/input-phone-international": {
+      "types": "./components/input-phone-international/index.d.ts",
+      "esm2022": "./esm2022/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.mjs",
+      "esm": "./esm2022/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.mjs",
+      "default": "./fesm2022/taiga-ui-experimental-components-input-phone-international.mjs"
     }
   },
   "sideEffects": false,