@wlcm/angular 17.3.4 → 17.4.0

package/dist/README.md

@@ -0,0 +1,62 @@
+# WlcmCommunity
+
+<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
+
+✨ **This workspace has been generated by [Nx, Smart Monorepos · Fast CI.](https://nx.dev)** ✨
+
+## Integrate with editors
+
+Enhance your Nx experience by installing [Nx Console](https://nx.dev/nx-console) for your favorite editor. Nx Console
+provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and
+comes with a LSP for Vim users.
+
+## Start the application
+
+Run `npx nx serve sandbox` to start the development server. Happy coding!
+
+## Build for production
+
+Run `npx nx build sandbox` to build the application. The build artifacts are stored in the output directory (e.g. `dist/` or `build/`), ready to be deployed.
+
+## Running tasks
+
+To execute tasks with Nx use the following syntax:
+
+```
+npx nx <target> <project> <...options>
+```
+
+You can also run multiple targets:
+
+```
+npx nx run-many -t <target1> <target2>
+```
+
+..or add `-p` to filter specific projects
+
+```
+npx nx run-many -t <target1> <target2> -p <proj1> <proj2>
+```
+
+Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/features/run-tasks).
+
+## Set up CI!
+
+Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.
+
+- [Set up remote caching](https://nx.dev/features/share-your-cache)
+- [Set up task distribution across multiple machines](https://nx.dev/nx-cloud/features/distribute-task-execution)
+- [Learn more how to setup CI](https://nx.dev/recipes/ci)
+
+## Explore the project graph
+
+Run `npx nx graph` to show the graph of the workspace.
+It will show tasks that you can run with Nx.
+
+- [Learn more about Exploring the Project Graph](https://nx.dev/core-features/explore-graph)
+
+## Connect with us!
+
+- [Join the community](https://nx.dev/community)
+- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
+- [Follow us on Twitter](https://twitter.com/nxdevtools)

package/dist/button/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/core/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/date-range-picker/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/filters/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/forms/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@wlcm/angular",
+  "version": "17.4.0",
+  "license": "MIT",
+  "type": "module",
+  "module": "./index.mjs",
+  "typings": "./index.d.ts",
+  "private": false,
+  "exports": {
+    ".": {
+      "sass": "./styles/wlcm.scss",
+      "esm": "./index.mjs",
+      "types": "./index.d.ts",
+      "default": "./index.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./core/esm2022/wlcm-angular-core.mjs",
+      "fesm2022": "./core/fesm2022/wlcm-angular-core.mjs",
+      "default": "./core/fesm2022/wlcm-angular-core.mjs"
+    },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./button/esm2022/wlcm-angular-button.mjs",
+      "fesm2022": "./button/fesm2022/wlcm-angular-button.mjs",
+      "default": "./button/fesm2022/wlcm-angular-button.mjs"
+    },
+    "./filters": {
+      "types": "./filters/index.d.ts",
+      "esm2022": "./filters/esm2022/wlcm-angular-filters.mjs",
+      "fesm2022": "./filters/fesm2022/wlcm-angular-filters.mjs",
+      "default": "./filters/fesm2022/wlcm-angular-filters.mjs"
+    },
+    "./forms": {
+      "types": "./forms/index.d.ts",
+      "esm2022": "./forms/esm2022/wlcm-angular-forms.mjs",
+      "fesm2022": "./forms/fesm2022/wlcm-angular-forms.mjs",
+      "default": "./forms/fesm2022/wlcm-angular-forms.mjs"
+    },
+    "./search-field": {
+      "types": "./search-field/index.d.ts",
+      "esm2022": "./search-field/esm2022/wlcm-angular-search-field.mjs",
+      "fesm2022": "./search-field/fesm2022/wlcm-angular-search-field.mjs",
+      "default": "./search-field/fesm2022/wlcm-angular-search-field.mjs"
+    },
+    "./date-range-picker": {
+      "types": "./date-range-picker/index.d.ts",
+      "esm2022": "./date-range-picker/esm2022/wlcm-angular-date-range-picker.mjs",
+      "fesm2022": "./date-range-picker/fesm2022/wlcm-angular-date-range-picker.mjs",
+      "default": "./date-range-picker/fesm2022/wlcm-angular-date-range-picker.mjs"
+    },
+    "./phone-input": {
+      "types": "./phone-input/index.d.ts",
+      "esm2022": "./phone-input/esm2022/wlcm-angular-phone-input.mjs",
+      "fesm2022": "./phone-input/fesm2022/wlcm-angular-phone-input.mjs",
+      "default": "./phone-input/fesm2022/wlcm-angular-phone-input.mjs"
+    },
+    "./stepper": {
+      "types": "./stepper/index.d.ts",
+      "esm2022": "./stepper/esm2022/wlcm-angular-stepper.mjs",
+      "fesm2022": "./stepper/fesm2022/wlcm-angular-stepper.mjs",
+      "default": "./stepper/fesm2022/wlcm-angular-stepper.mjs"
+    }
+  },
+  "dependencies": {
+    "@angular/animations": "~17.3.0",
+    "@angular/cdk": "^17.3.5",
+    "@angular/common": "~17.3.0",
+    "@angular/compiler": "~17.3.0",
+    "@angular/core": "~17.3.0",
+    "@angular/forms": "~17.3.0",
+    "@angular/material": "^17.3.5",
+    "@angular/material-date-fns-adapter": "^17.3.10",
+    "@angular/material-moment-adapter": "^17.3.10",
+    "@angular/platform-browser": "~17.3.0",
+    "@angular/platform-browser-dynamic": "~17.3.0",
+    "@angular/router": "~17.3.0",
+    "@ngneat/until-destroy": "^10.0.0",
+    "@nx/angular": "18.3.2",
+    "@rx-angular/template": "^17.1.0",
+    "countries-list": "^3.1.0",
+    "date-fns": "^3.6.0",
+    "imask": "^7.6.1",
+    "libphonenumber-js": "^1.11.3",
+    "moment": "^2.30.1",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "uuid": "^9.0.1",
+    "zone.js": "~0.14.3"
+  },
+  "devDependencies": {}
+}

package/dist/phone-input/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

package/dist/phone-input/esm2022/lib/components/country-code-select/country-code-select.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Inject, ViewChild, input, output } from '@angular/core';
+import { WlcmFormsModule, WlcmSelectComponent } from '@wlcm/angular/forms';
+import { CommonModule } from '@angular/common';
+import { WLCM_COUNTRY_CODE_OPTIONS } from '../../constants/country-code-options.constants';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { PhoneCodePipe } from '../../pipes/phone-code.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@wlcm/angular/forms";
+import * as i2 from "@angular/forms";
+export class WlcmCountryCodeSelectComponent {
+    constructor(options) {
+        this.options = options;
+        this.changed = output();
+        this.control = input(new FormControl('US'));
+    }
+    get selectComponent() {
+        return this.wlcmSelect.matSelect;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCountryCodeSelectComponent, deps: [{ token: WLCM_COUNTRY_CODE_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.5", type: WlcmCountryCodeSelectComponent, isStandalone: true, selector: "wlcm-country-code-select", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { classAttribute: "wlcm-country-code-select" }, viewQueries: [{ propertyName: "wlcmSelect", first: true, predicate: WlcmSelectComponent, descendants: true }], ngImport: i0, template: "<wlcm-select\n  [options]=\"options\"\n  [formControl]=\"control()\"\n  [optionTemplate]=\"optionTemplate\"\n  [triggerTemplate]=\"triggerTemplate\"\n  (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n  <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n  {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n  <div class=\"wlcm-country-code-select-trigger\">\n    +{{ selected?.value | phoneCode }}\n  </div>\n</ng-template>\n", styles: [".emoji-flag{font-size:20px;vertical-align:bottom;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmSelectComponent, selector: "wlcm-select", inputs: ["multiple", "placeholder", "options", "optionTemplate", "triggerTemplate"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: PhoneCodePipe, name: "phoneCode" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCountryCodeSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wlcm-country-code-select', host: { class: 'wlcm-country-code-select' }, standalone: true, imports: [CommonModule, WlcmFormsModule, ReactiveFormsModule, PhoneCodePipe], template: "<wlcm-select\n  [options]=\"options\"\n  [formControl]=\"control()\"\n  [optionTemplate]=\"optionTemplate\"\n  [triggerTemplate]=\"triggerTemplate\"\n  (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n  <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n  {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n  <div class=\"wlcm-country-code-select-trigger\">\n    +{{ selected?.value | phoneCode }}\n  </div>\n</ng-template>\n", styles: [".emoji-flag{font-size:20px;vertical-align:bottom;margin-right:8px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WLCM_COUNTRY_CODE_OPTIONS]
+                }] }], propDecorators: { wlcmSelect: [{
+                type: ViewChild,
+                args: [WlcmSelectComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291bnRyeS1jb2RlLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3Bob25lLWlucHV0L3NyYy9saWIvY29tcG9uZW50cy9jb3VudHJ5LWNvZGUtc2VsZWN0L2NvdW50cnktY29kZS1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9waG9uZS1pbnB1dC9zcmMvbGliL2NvbXBvbmVudHMvY291bnRyeS1jb2RlLXNlbGVjdC9jb3VudHJ5LWNvZGUtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFpQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRTNGLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7QUFXNUQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QyxZQUF5RCxPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtRQU56RixZQUFPLEdBQTBCLE1BQU0sRUFBRSxDQUFDO1FBRTFDLFlBQU8sR0FBNkIsS0FBSyxDQUFDLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFJMkIsQ0FBQztJQUU3RixJQUFJLGVBQWU7UUFDakIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQztJQUNuQyxDQUFDOzhHQVhVLDhCQUE4QixrQkFPckIseUJBQXlCO2tHQVBsQyw4QkFBOEIsaVdBSzlCLG1CQUFtQixnREN2QmhDLGdoQkFtQkEsNkhETFksWUFBWSw4QkFBRSxlQUFlLCtOQUFFLG1CQUFtQixxVEFBRSxhQUFhOzsyRkFJaEUsOEJBQThCO2tCQVIxQyxTQUFTOytCQUNFLDBCQUEwQixRQUM5QixFQUFFLEtBQUssRUFBRSwwQkFBMEIsRUFBRSxjQUMvQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLGFBQWEsQ0FBQzs7MEJBVy9ELE1BQU07MkJBQUMseUJBQXlCO3lDQUZMLFVBQVU7c0JBQWpELFNBQVM7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0U2lnbmFsLCBPdXRwdXRFbWl0dGVyUmVmLCBWaWV3Q2hpbGQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdsY21Gb3Jtc01vZHVsZSwgV2xjbVNlbGVjdENvbXBvbmVudCB9IGZyb20gJ0B3bGNtL2FuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgV0xDTV9DT1VOVFJZX0NPREVfT1BUSU9OUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9jb3VudHJ5LWNvZGUtb3B0aW9ucy5jb25zdGFudHMnO1xuaW1wb3J0IHsgV2xjbUNvdW50cnlDb2RlT3B0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NvdW50cnktY29kZS5tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBQaG9uZUNvZGVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvcGhvbmUtY29kZS5waXBlJztcbmltcG9ydCB7IE1hdFNlbGVjdCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tY291bnRyeS1jb2RlLXNlbGVjdCcsXG4gIGhvc3Q6IHsgY2xhc3M6ICd3bGNtLWNvdW50cnktY29kZS1zZWxlY3QnIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFdsY21Gb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgUGhvbmVDb2RlUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3VudHJ5LWNvZGUtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvdW50cnktY29kZS1zZWxlY3QuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtQ291bnRyeUNvZGVTZWxlY3RDb21wb25lbnQge1xuICBjaGFuZ2VkOiBPdXRwdXRFbWl0dGVyUmVmPGFueT4gPSBvdXRwdXQoKTtcblxuICBjb250cm9sOiBJbnB1dFNpZ25hbDxGb3JtQ29udHJvbD4gPSBpbnB1dChuZXcgRm9ybUNvbnRyb2woJ1VTJykpO1xuXG4gIEBWaWV3Q2hpbGQoV2xjbVNlbGVjdENvbXBvbmVudCkgcHJpdmF0ZSB3bGNtU2VsZWN0ITogV2xjbVNlbGVjdENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFdMQ01fQ09VTlRSWV9DT0RFX09QVElPTlMpIHByb3RlY3RlZCBvcHRpb25zOiBXbGNtQ291bnRyeUNvZGVPcHRpb25bXSkge31cblxuICBnZXQgc2VsZWN0Q29tcG9uZW50KCk6IE1hdFNlbGVjdCB7XG4gICAgcmV0dXJuIHRoaXMud2xjbVNlbGVjdC5tYXRTZWxlY3Q7XG4gIH1cbn1cbiIsIjx3bGNtLXNlbGVjdFxuICBbb3B0aW9uc109XCJvcHRpb25zXCJcbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2woKVwiXG4gIFtvcHRpb25UZW1wbGF0ZV09XCJvcHRpb25UZW1wbGF0ZVwiXG4gIFt0cmlnZ2VyVGVtcGxhdGVdPVwidHJpZ2dlclRlbXBsYXRlXCJcbiAgKHNlbGVjdGlvbkNoYW5nZSk9XCJjaGFuZ2VkLmVtaXQoJGV2ZW50KVwiXG4+PC93bGNtLXNlbGVjdD5cblxuPG5nLXRlbXBsYXRlICNvcHRpb25UZW1wbGF0ZSBsZXQtb3B0aW9uPlxuICA8c3BhbiBjbGFzcz1cImVtb2ppLWZsYWdcIj57eyBvcHRpb24uZW1vamlGbGFnIH19PC9zcGFuPlxuXG4gIHt7IG9wdGlvbi52aWV3VmFsdWUgfX1cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdHJpZ2dlclRlbXBsYXRlIGxldC1zZWxlY3RlZD5cbiAgPGRpdiBjbGFzcz1cIndsY20tY291bnRyeS1jb2RlLXNlbGVjdC10cmlnZ2VyXCI+XG4gICAgK3t7IHNlbGVjdGVkPy52YWx1ZSB8IHBob25lQ29kZSB9fVxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/dist/phone-input/esm2022/lib/components/phone-input-container/phone-input-container.component.mjs

@@ -0,0 +1,103 @@
+import { __decorate, __metadata } from "tslib";
+import { CommonModule } from '@angular/common';
+import { Component, ContentChild, NgZone, ViewChild, forwardRef, inject } from '@angular/core';
+import { WlcmPhoneInputDirective } from '../../directives/phone-input.directive';
+import { WLCM_INPUT_BINDER } from '@wlcm/angular/forms';
+import { WLCM_PHONE_ADAPTER } from '../../constants/phone-adapter.constants';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { Subject, fromEvent, merge, tap } from 'rxjs';
+import { AsYouType, getPhoneCode, isValidNumber, parsePhoneNumber } from 'libphonenumber-js';
+import { WlcmCountryCodeSelectComponent } from '../country-code-select/country-code-select.component';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+let WlcmPhoneInputContainerComponent = class WlcmPhoneInputContainerComponent {
+    constructor(_zone) {
+        this._zone = _zone;
+        this._focusStream$ = new Subject();
+        this._blurStream$ = new Subject();
+        this.focus$ = this._focusStream$.asObservable();
+        this.blur$ = this._blurStream$.asObservable();
+        this.control = new FormControl('US');
+        this._asYouType = new AsYouType('US');
+        this.parseValue = (value) => {
+            if (!value || value.length === 0)
+                return '';
+            if (isValidNumber(value)) {
+                const result = parsePhoneNumber(value, 'US');
+                if (result.country)
+                    this.control.setValue(result.country);
+                return result.nationalNumber;
+            }
+            return value;
+        };
+        this.formatValue = (value) => {
+            this._asYouType.reset();
+            this._asYouType.input(`+${this.currentCallingCode}${value}`);
+            const countryCode = this._asYouType.getCountry();
+            if (countryCode)
+                this.control.setValue(countryCode);
+            return this._asYouType.getNumber()?.number ?? '';
+        };
+    }
+    ngAfterContentInit() {
+        if (!this.phoneInput) {
+            throw new Error('The [wlcmPhoneInput] directive must be provided.');
+        }
+        this.handleInputEvents();
+    }
+    isFocused() {
+        return this.phoneInput.element === document.activeElement || this.codeSelect?.selectComponent.panelOpen;
+    }
+    focus() {
+        this.phoneInput.element.focus();
+    }
+    handleCountryChange() {
+        this.phoneInput._updateControl();
+    }
+    get currentCallingCode() {
+        return getPhoneCode(this.control.value);
+    }
+    handleInputEvents() {
+        this._zone.runOutsideAngular(() => {
+            merge(fromEvent(this.phoneInput.element, 'focus').pipe(tap(() => this._focusStream$.next())), fromEvent(this.phoneInput.element, 'blur').pipe(tap(() => this._blurStream$.next())))
+                .pipe(untilDestroyed(this))
+                .subscribe();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmPhoneInputContainerComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmPhoneInputContainerComponent, isStandalone: true, selector: "wlcm-phone-input-container", host: { classAttribute: "wlcm-phone-input-container" }, providers: [
+            {
+                provide: WLCM_INPUT_BINDER,
+                useFactory: () => {
+                    const container = inject(WlcmPhoneInputContainerComponent, { self: true });
+                    return { bind: () => container };
+                },
+            },
+            { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },
+        ], queries: [{ propertyName: "phoneInput", first: true, predicate: WlcmPhoneInputDirective, descendants: true }], viewQueries: [{ propertyName: "codeSelect", first: true, predicate: WlcmCountryCodeSelectComponent, descendants: true }], ngImport: i0, template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n  (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WlcmCountryCodeSelectComponent, selector: "wlcm-country-code-select", inputs: ["control"], outputs: ["changed"] }] }); }
+};
+WlcmPhoneInputContainerComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [NgZone])
+], WlcmPhoneInputContainerComponent);
+export { WlcmPhoneInputContainerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmPhoneInputContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wlcm-phone-input-container', host: { class: 'wlcm-phone-input-container' }, standalone: true, imports: [CommonModule, WlcmCountryCodeSelectComponent], providers: [
+                        {
+                            provide: WLCM_INPUT_BINDER,
+                            useFactory: () => {
+                                const container = inject(WlcmPhoneInputContainerComponent, { self: true });
+                                return { bind: () => container };
+                            },
+                        },
+                        { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },
+                    ], template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n  (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n" }]
+        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { codeSelect: [{
+                type: ViewChild,
+                args: [WlcmCountryCodeSelectComponent]
+            }], phoneInput: [{
+                type: ContentChild,
+                args: [WlcmPhoneInputDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtaW5wdXQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvcGhvbmUtaW5wdXQvc3JjL2xpYi9jb21wb25lbnRzL3Bob25lLWlucHV0LWNvbnRhaW5lci9waG9uZS1pbnB1dC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9waG9uZS1pbnB1dC9zcmMvbGliL2NvbXBvbmVudHMvcGhvbmUtaW5wdXQtY29udGFpbmVyL3Bob25lLWlucHV0LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakgsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFzQixNQUFNLHFCQUFxQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckUsT0FBTyxFQUFjLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVsRSxPQUFPLEVBQUUsU0FBUyxFQUE0QixZQUFZLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdkgsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDdEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFn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TSxTQUFTLEdBQXFDLE1BQU0sbUNBQW1DLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7Z0NBRTdHLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUMsU0FBUyxFQUFFLENBQUM7NEJBQ25DLENBQUM7eUJBQ0Y7d0JBQ0QsRUFBRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUNBQWlDLENBQUMsRUFBRTtxQkFDakc7MkVBV2tELFVBQVU7c0JBQTVELFNBQVM7dUJBQUMsOEJBQThCO2dCQUVNLFVBQVU7c0JBQXhELFlBQVk7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBOZ1pvbmUsIFZpZXdDaGlsZCwgZm9yd2FyZFJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBXbGNtUGhvbmVJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvcGhvbmUtaW5wdXQuZGlyZWN0aXZlJztcbmltcG9ydCB7IFdMQ01fSU5QVVRfQklOREVSLCBXbGNtRm9ybUZpZWxkSW5wdXQgfSBmcm9tICdAd2xjbS9hbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFdMQ01fUEhPTkVfQURBUFRFUiB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9waG9uZS1hZGFwdGVyLmNvbnN0YW50cyc7XG5pbXBvcnQgeyBVbnRpbERlc3Ryb3ksIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG5nbmVhdC91bnRpbC1kZXN0cm95JztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QsIGZyb21FdmVudCwgbWVyZ2UsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgV2xjbVBob25lQWRhcHRlciB9IGZyb20gJy4uLy4uL21vZGVscy9waG9uZS1hZGFwdGVyLm1vZGVscyc7XG5pbXBvcnQgeyBBc1lvdVR5cGUsIENvdW50cnlDb2RlLCBQaG9uZU51bWJlciwgZ2V0UGhvbmVDb2RlLCBpc1ZhbGlkTnVtYmVyLCBwYXJzZVBob25lTnVtYmVyIH0gZnJvbSAnbGlicGhvbmVudW1iZXItanMnO1xuaW1wb3J0IHsgV2xjbUNvdW50cnlDb2RlU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi4vY291bnRyeS1jb2RlLXNlbGVjdC9jb3VudHJ5LWNvZGUtc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQFVudGlsRGVzdHJveSgpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3bGNtLXBob25lLWlucHV0LWNvbnRhaW5lcicsXG4gIGhvc3Q6IHsgY2xhc3M6ICd3bGNtLXBob25lLWlucHV0LWNvbnRhaW5lcicgfSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV2xjbUNvdW50cnlDb2RlU2VsZWN0Q29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Bob25lLWlucHV0LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9waG9uZS1pbnB1dC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBXTENNX0lOUFVUX0JJTkRFUixcbiAgICAgIHVzZUZhY3Rvcnk6ICgpID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyOiBXbGNtUGhvbmVJbnB1dENvbnRhaW5lckNvbXBvbmVudCA9IGluamVjdChXbGNtUGhvbmVJbnB1dENvbnRhaW5lckNvbXBvbmVudCwgeyBzZWxmOiB0cnVlIH0pO1xuXG4gICAgICAgIHJldHVybiB7IGJpbmQ6ICgpID0+IGNvbnRhaW5lciB9O1xuICAgICAgfSxcbiAgICB9LFxuICAgIHsgcHJvdmlkZTogV0xDTV9QSE9ORV9BREFQVEVSLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBXbGNtUGhvbmVJbnB1dENvbnRhaW5lckNvbXBvbmVudCkgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVBob25lSW5wdXRDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBXbGNtRm9ybUZpZWxkSW5wdXQsIFdsY21QaG9uZUFkYXB0ZXIge1xuICBwcml2YXRlIHJlYWRvbmx5IF9mb2N1c1N0cmVhbSQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2JsdXJTdHJlYW0kOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3QoKTtcblxuICBmb2N1cyQ6IE9ic2VydmFibGU8dm9pZD4gPSB0aGlzLl9mb2N1c1N0cmVhbSQuYXNPYnNlcnZhYmxlKCk7XG5cbiAgYmx1ciQ6IE9ic2VydmFibGU8dm9pZD4gPSB0aGlzLl9ibHVyU3RyZWFtJC5hc09ic2VydmFibGUoKTtcblxuICBAVmlld0NoaWxkKFdsY21Db3VudHJ5Q29kZVNlbGVjdENvbXBvbmVudCkgcHJpdmF0ZSBjb2RlU2VsZWN0ITogV2xjbUNvdW50cnlDb2RlU2VsZWN0Q29tcG9uZW50O1xuXG4gIEBDb250ZW50Q2hpbGQoV2xjbVBob25lSW5wdXREaXJlY3RpdmUpIHByaXZhdGUgcGhvbmVJbnB1dCE6IFdsY21QaG9uZUlucHV0RGlyZWN0aXZlO1xuXG4gIHJlYWRvbmx5IGNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCdVUycpO1xuXG4gIHByaXZhdGUgX2FzWW91VHlwZSA9IG5ldyBBc1lvdVR5cGUoJ1VTJyk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfem9uZTogTmdab25lKSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMucGhvbmVJbnB1dCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdUaGUgW3dsY21QaG9uZUlucHV0XSBkaXJlY3RpdmUgbXVzdCBiZSBwcm92aWRlZC4nKTtcbiAgICB9XG5cbiAgICB0aGlzLmhhbmRsZUlucHV0RXZlbnRzKCk7XG4gIH1cblxuICBpc0ZvY3VzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucGhvbmVJbnB1dC5lbGVtZW50ID09PSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IHx8IHRoaXMuY29kZVNlbGVjdD8uc2VsZWN0Q29tcG9uZW50LnBhbmVsT3BlbjtcbiAgfVxuXG4gIGZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMucGhvbmVJbnB1dC5lbGVtZW50LmZvY3VzKCk7XG4gIH1cblxuICBwYXJzZVZhbHVlID0gKHZhbHVlOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICAgIGlmICghdmFsdWUgfHwgdmFsdWUubGVuZ3RoID09PSAwKSByZXR1cm4gJyc7XG5cbiAgICBpZiAoaXNWYWxpZE51bWJlcih2YWx1ZSkpIHtcbiAgICAgIGNvbnN0IHJlc3VsdDogUGhvbmVOdW1iZXIgPSBwYXJzZVBob25lTnVtYmVyKHZhbHVlLCAnVVMnKTtcblxuICAgICAgaWYgKHJlc3VsdC5jb3VudHJ5KSB0aGlzLmNvbnRyb2wuc2V0VmFsdWUocmVzdWx0LmNvdW50cnkpO1xuXG4gICAgICByZXR1cm4gcmVzdWx0Lm5hdGlvbmFsTnVtYmVyO1xuICAgIH1cblxuICAgIHJldHVybiB2YWx1ZTtcbiAgfTtcblxuICBmb3JtYXRWYWx1ZSA9ICh2YWx1ZTogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICB0aGlzLl9hc1lvdVR5cGUucmVzZXQoKTtcblxuICAgIHRoaXMuX2FzWW91VHlwZS5pbnB1dChgKyR7dGhpcy5jdXJyZW50Q2FsbGluZ0NvZGV9JHt2YWx1ZX1gKTtcblxuICAgIGNvbnN0IGNvdW50cnlDb2RlOiBDb3VudHJ5Q29kZSB8IHVuZGVmaW5lZCA9IHRoaXMuX2FzWW91VHlwZS5nZXRDb3VudHJ5KCk7XG5cbiAgICBpZiAoY291bnRyeUNvZGUpIHRoaXMuY29udHJvbC5zZXRWYWx1ZShjb3VudHJ5Q29kZSk7XG5cbiAgICByZXR1cm4gdGhpcy5fYXNZb3VUeXBlLmdldE51bWJlcigpPy5udW1iZXIgPz8gJyc7XG4gIH07XG5cbiAgaGFuZGxlQ291bnRyeUNoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLnBob25lSW5wdXQuX3VwZGF0ZUNvbnRyb2woKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IGN1cnJlbnRDYWxsaW5nQ29kZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBnZXRQaG9uZUNvZGUodGhpcy5jb250cm9sLnZhbHVlKTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlSW5wdXRFdmVudHMoKTogdm9pZCB7XG4gICAgdGhpcy5fem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBtZXJnZShcbiAgICAgICAgZnJvbUV2ZW50KHRoaXMucGhvbmVJbnB1dC5lbGVtZW50LCAnZm9jdXMnKS5waXBlKHRhcCgoKSA9PiB0aGlzLl9mb2N1c1N0cmVhbSQubmV4dCgpKSksXG4gICAgICAgIGZyb21FdmVudCh0aGlzLnBob25lSW5wdXQuZWxlbWVudCwgJ2JsdXInKS5waXBlKHRhcCgoKSA9PiB0aGlzLl9ibHVyU3RyZWFtJC5uZXh0KCkpKVxuICAgICAgKVxuICAgICAgICAucGlwZSh1bnRpbERlc3Ryb3llZCh0aGlzKSlcbiAgICAgICAgLnN1YnNjcmliZSgpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8d2xjbS1jb3VudHJ5LWNvZGUtc2VsZWN0XG4gIFtjb250cm9sXT1cImNvbnRyb2xcIlxuICAoY2hhbmdlZCk9XCJoYW5kbGVDb3VudHJ5Q2hhbmdlKClcIlxuICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbj48L3dsY20tY291bnRyeS1jb2RlLXNlbGVjdD5cblxuPGRpdiBjbGFzcz1cIndsY20tcGhvbmUtaW5wdXQtY29udGFpbmVyLWRpdmlkZXJcIj48L2Rpdj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3dsY21QaG9uZUlucHV0XVwiPjwvbmctY29udGVudD5cbiJdfQ==

package/dist/phone-input/esm2022/lib/directives/phone-input.directive.mjs

@@ -0,0 +1,124 @@
+import { Directive, ElementRef, HostListener, Inject, effect, forwardRef, input, } from '@angular/core';
+import { FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
+import IMask from 'imask';
+import { WLCM_PHONE_ADAPTER } from '../constants/phone-adapter.constants';
+import { WlcmPhoneAdapter } from '../models/phone-adapter.models';
+import { Subject, fromEvent, takeUntil } from 'rxjs';
+import { WlcmPhoneValidationErrorType } from '../models/phone.models';
+import { isValidNumber } from 'libphonenumber-js';
+import * as i0 from "@angular/core";
+import * as i1 from "../models/phone-adapter.models";
+export class WlcmPhoneInputDirective {
+    handleBlur() {
+        this._touched?.();
+    }
+    constructor(_elementRef, phoneAdapter) {
+        this._elementRef = _elementRef;
+        this.phoneAdapter = phoneAdapter;
+        this.control = new FormControl();
+        this.destroyInputObserver$ = new Subject();
+        this.mask = input('', { alias: 'wlcmPhoneInputMask' });
+        effect(() => {
+            const maskPattern = this.mask();
+            if (maskPattern) {
+                if (!this._imaskRef)
+                    this.initializeMask();
+                this._imaskRef.mask = maskPattern;
+                this._imaskRef.updateControl();
+                this._imaskRef.on('accept', () => this.handleInput());
+            }
+            else {
+                this.subscribeToInputEvent();
+            }
+        });
+        this.subscribeToPasteEvent();
+    }
+    ngOnDestroy() {
+        this.destroyInputObserver$.next();
+        this.destroyInputObserver$.complete();
+    }
+    writeValue(value) {
+        const parsedValue = this.phoneAdapter.parseValue(value);
+        if (this._imaskRef) {
+            this._imaskRef.value = parsedValue;
+        }
+        else {
+            this.element.value = parsedValue;
+        }
+    }
+    registerOnChange(callback) {
+        this._changed = callback;
+    }
+    registerOnTouched(callback) {
+        this._touched = callback;
+    }
+    registerOnValidatorChange(callback) {
+        this._validatorChanged = callback;
+    }
+    validate(control) {
+        const isValid = isValidNumber(control.value ?? '');
+        if (!isValid) {
+            return { [WlcmPhoneValidationErrorType.InvalidPhoneNumber]: true };
+        }
+        return null;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            return this.control.disable();
+        }
+        this.control.enable();
+    }
+    _updateControl() {
+        this.handleInput();
+    }
+    get element() {
+        return this._elementRef.nativeElement;
+    }
+    handleInput() {
+        const value = this.element.value;
+        this._changed?.(this.phoneAdapter.formatValue(value));
+    }
+    handlePaste(event) {
+        event.preventDefault();
+        const value = event.clipboardData?.getData('text') ?? '';
+        this.writeValue(value);
+        this.handleInput();
+    }
+    initializeMask() {
+        this._imaskRef = IMask(this.element, { mask: Number });
+    }
+    subscribeToInputEvent() {
+        fromEvent(this.element, 'input')
+            .pipe(takeUntil(this.destroyInputObserver$))
+            .subscribe(() => this.handleInput());
+    }
+    subscribeToPasteEvent() {
+        fromEvent(this.element, 'paste')
+            .pipe(takeUntil(this.destroyInputObserver$))
+            .subscribe((event) => this.handlePaste(event));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmPhoneInputDirective, deps: [{ token: i0.ElementRef }, { token: WLCM_PHONE_ADAPTER }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.5", type: WlcmPhoneInputDirective, isStandalone: true, selector: "[wlcmPhoneInput]", inputs: { mask: { classPropertyName: "mask", publicName: "wlcmPhoneInputMask", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "handleBlur($event)" }, classAttribute: "wlcm-form-field-input" }, providers: [
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmPhoneInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wlcmPhoneInput]',
+                    host: { class: 'wlcm-form-field-input' },
+                    standalone: true,
+                    providers: [
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.WlcmPhoneAdapter, decorators: [{
+                    type: Inject,
+                    args: [WLCM_PHONE_ADAPTER]
+                }] }], propDecorators: { handleBlur: [{
+                type: HostListener,
+                args: ['blur', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9waG9uZS1pbnB1dC9zcmMvbGliL2RpcmVjdGl2ZXMvcGhvbmUtaW5wdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBR04sTUFBTSxFQUNOLFVBQVUsRUFDVixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUdMLFdBQVcsRUFDWCxhQUFhLEVBQ2IsaUJBQWlCLEdBR2xCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7QUFXbEQsTUFBTSxPQUFPLHVCQUF1QjtJQWVBLFVBQVU7UUFDMUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQ1UsV0FBeUMsRUFDYixZQUE4QjtRQUQxRCxnQkFBVyxHQUFYLFdBQVcsQ0FBOEI7UUFDYixpQkFBWSxHQUFaLFlBQVksQ0FBa0I7UUFwQjNELFlBQU8sR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQVExQywwQkFBcUIsR0FBa0IsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUk3RCxTQUFJLEdBQXdCLEtBQUssQ0FBQyxFQUFFLEVBQUUsRUFB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OzsyRkFFVSx1QkFBdUI7a0JBVG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFO29CQUN4QyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7d0JBQy9GLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtxQkFDcEc7aUJBQ0Y7OzBCQXNCSSxNQUFNOzJCQUFDLGtCQUFrQjt5Q0FOTSxVQUFVO3NCQUEzQyxZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0U2lnbmFsLFxuICBPbkRlc3Ryb3ksXG4gIGVmZmVjdCxcbiAgZm9yd2FyZFJlZixcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQWJzdHJhY3RDb250cm9sLFxuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgRm9ybUNvbnRyb2wsXG4gIE5HX1ZBTElEQVRPUlMsXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxuICBWYWxpZGF0aW9uRXJyb3JzLFxuICBWYWxpZGF0b3IsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCBJTWFzaywgeyBJbnB1dE1hc2sgfSBmcm9tICdpbWFzayc7XG5pbXBvcnQgeyBXTENNX1BIT05FX0FEQVBURVIgfSBmcm9tICcuLi9jb25zdGFudHMvcGhvbmUtYWRhcHRlci5jb25zdGFudHMnO1xuaW1wb3J0IHsgV2xjbVBob25lQWRhcHRlciB9IGZyb20gJy4uL21vZGVscy9waG9uZS1hZGFwdGVyLm1vZGVscyc7XG5pbXBvcnQgeyBTdWJqZWN0LCBmcm9tRXZlbnQsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgV2xjbVBob25lVmFsaWRhdGlvbkVycm9yVHlwZSB9IGZyb20gJy4uL21vZGVscy9waG9uZS5tb2RlbHMnO1xuaW1wb3J0IHsgaXNWYWxpZE51bWJlciB9IGZyb20gJ2xpYnBob25lbnVtYmVyLWpzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3dsY21QaG9uZUlucHV0XScsXG4gIGhvc3Q6IHsgY2xhc3M6ICd3bGNtLWZvcm0tZmllbGQtaW5wdXQnIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogTkdfVkFMSURBVE9SUywgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV2xjbVBob25lSW5wdXREaXJlY3RpdmUpLCBtdWx0aTogdHJ1ZSB9LFxuICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdsY21QaG9uZUlucHV0RGlyZWN0aXZlKSwgbXVsdGk6IHRydWUgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVBob25lSW5wdXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3Ige1xuICByZWFkb25seSBjb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuXG4gIHByaXZhdGUgX2NoYW5nZWQ/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcblxuICBwcml2YXRlIF90b3VjaGVkPzogKCkgPT4gdm9pZDtcblxuICBwcml2YXRlIF92YWxpZGF0b3JDaGFuZ2VkPzogKCkgPT4gdm9pZDtcblxuICBwcml2YXRlIGRlc3Ryb3lJbnB1dE9ic2VydmVyJDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgcHJpdmF0ZSBfaW1hc2tSZWY/OiBJbnB1dE1hc2s7XG5cbiAgbWFzazogSW5wdXRTaWduYWw8c3RyaW5nPiA9IGlucHV0KCcnLCB7IGFsaWFzOiAnd2xjbVBob25lSW5wdXRNYXNrJyB9KTtcblxuICBASG9zdExpc3RlbmVyKCdibHVyJywgWyckZXZlbnQnXSkgaGFuZGxlQmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLl90b3VjaGVkPy4oKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4sXG4gICAgQEluamVjdChXTENNX1BIT05FX0FEQVBURVIpIHByaXZhdGUgcGhvbmVBZGFwdGVyOiBXbGNtUGhvbmVBZGFwdGVyXG4gICkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBtYXNrUGF0dGVybjogc3RyaW5nID0gdGhpcy5tYXNrKCk7XG5cbiAgICAgIGlmIChtYXNrUGF0dGVybikge1xuICAgICAgICBpZiAoIXRoaXMuX2ltYXNrUmVmKSB0aGlzLmluaXRpYWxpemVNYXNrKCk7XG5cbiAgICAgICAgdGhpcy5faW1hc2tSZWYhLm1hc2sgPSBtYXNrUGF0dGVybjtcblxuICAgICAgICB0aGlzLl9pbWFza1JlZiEudXBkYXRlQ29udHJvbCgpO1xuXG4gICAgICAgIHRoaXMuX2ltYXNrUmVmIS5vbignYWNjZXB0JywgKCkgPT4gdGhpcy5oYW5kbGVJbnB1dCgpKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaWJlVG9JbnB1dEV2ZW50KCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLnN1YnNjcmliZVRvUGFzdGVFdmVudCgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95SW5wdXRPYnNlcnZlciQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveUlucHV0T2JzZXJ2ZXIkLmNvbXBsZXRlKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBjb25zdCBwYXJzZWRWYWx1ZTogc3RyaW5nID0gdGhpcy5waG9uZUFkYXB0ZXIucGFyc2VWYWx1ZSh2YWx1ZSk7XG5cbiAgICBpZiAodGhpcy5faW1hc2tSZWYpIHtcbiAgICAgIHRoaXMuX2ltYXNrUmVmLnZhbHVlID0gcGFyc2VkVmFsdWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZWxlbWVudC52YWx1ZSA9IHBhcnNlZFZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoY2FsbGJhY2s6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhbmdlZCA9IGNhbGxiYWNrO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoY2FsbGJhY2s6ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLl90b3VjaGVkID0gY2FsbGJhY2s7XG4gIH1cblxuICByZWdpc3Rlck9uVmFsaWRhdG9yQ2hhbmdlKGNhbGxiYWNrOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5fdmFsaWRhdG9yQ2hhbmdlZCA9IGNhbGxiYWNrO1xuICB9XG5cbiAgdmFsaWRhdGUoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwge1xuICAgIGNvbnN0IGlzVmFsaWQ6IGJvb2xlYW4gPSBpc1ZhbGlkTnVtYmVyKGNvbnRyb2wudmFsdWUgPz8gJycpO1xuXG4gICAgaWYgKCFpc1ZhbGlkKSB7XG4gICAgICByZXR1cm4geyBbV2xjbVBob25lVmFsaWRhdGlvbkVycm9yVHlwZS5JbnZhbGlkUGhvbmVOdW1iZXJdOiB0cnVlIH07XG4gICAgfVxuXG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoaXNEaXNhYmxlZCkge1xuICAgICAgcmV0dXJuIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgfVxuXG4gICAgdGhpcy5jb250cm9sLmVuYWJsZSgpO1xuICB9XG5cbiAgX3VwZGF0ZUNvbnRyb2woKTogdm9pZCB7XG4gICAgdGhpcy5oYW5kbGVJbnB1dCgpO1xuICB9XG5cbiAgZ2V0IGVsZW1lbnQoKTogSFRNTElucHV0RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlSW5wdXQoKTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWU6IHN0cmluZyA9IHRoaXMuZWxlbWVudC52YWx1ZTtcblxuICAgIHRoaXMuX2NoYW5nZWQ/Lih0aGlzLnBob25lQWRhcHRlci5mb3JtYXRWYWx1ZSh2YWx1ZSkpO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVQYXN0ZShldmVudDogQ2xpcGJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgY29uc3QgdmFsdWU6IHN0cmluZyA9IGV2ZW50LmNsaXBib2FyZERhdGE/LmdldERhdGEoJ3RleHQnKSA/PyAnJztcblxuICAgIHRoaXMud3JpdGVWYWx1ZSh2YWx1ZSk7XG5cbiAgICB0aGlzLmhhbmRsZUlucHV0KCk7XG4gIH1cblxuICBwcml2YXRlIGluaXRpYWxpemVNYXNrKCk6IHZvaWQge1xuICAgIHRoaXMuX2ltYXNrUmVmID0gSU1hc2sodGhpcy5lbGVtZW50LCB7IG1hc2s6IE51bWJlciB9KTtcbiAgfVxuXG4gIHByaXZhdGUgc3Vic2NyaWJlVG9JbnB1dEV2ZW50KCk6IHZvaWQge1xuICAgIGZyb21FdmVudCh0aGlzLmVsZW1lbnQsICdpbnB1dCcpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95SW5wdXRPYnNlcnZlciQpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLmhhbmRsZUlucHV0KCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBzdWJzY3JpYmVUb1Bhc3RlRXZlbnQoKTogdm9pZCB7XG4gICAgZnJvbUV2ZW50PENsaXBib2FyZEV2ZW50Pih0aGlzLmVsZW1lbnQsICdwYXN0ZScpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95SW5wdXRPYnNlcnZlciQpKVxuICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IENsaXBib2FyZEV2ZW50KSA9PiB0aGlzLmhhbmRsZVBhc3RlKGV2ZW50KSk7XG4gIH1cbn1cbiJdfQ==

package/{phone-input → dist/phone-input}/fesm2022/wlcm-angular-phone-input.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, input, effect, forwardRef, Directive, Inject, HostListener, Pipe, output, Component, inject, NgZone, ViewChild, ContentChild, NgModule } from '@angular/core';
+import { InjectionToken, input, effect, forwardRef, Directive, Inject, HostListener, Pipe, output, Component, ViewChild, inject, NgZone, ContentChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
 import * as i2 from '@angular/forms';
@@ -8,7 +8,7 @@ import IMask from 'imask';
 import { Subject, fromEvent, takeUntil, merge, tap } from 'rxjs';
 import { isValidNumber, getCountries, getPhoneCode, AsYouType, parsePhoneNumber } from 'libphonenumber-js';
 import * as i1 from '@wlcm/angular/forms';
-import { WlcmFormsModule, WLCM_INPUT_BINDER } from '@wlcm/angular/forms';
+import { WlcmSelectComponent, WlcmFormsModule, WLCM_INPUT_BINDER } from '@wlcm/angular/forms';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import { WlcmOption } from '@wlcm/angular/core';
 import { countries, getEmojiFlag, getCountryCode } from 'countries-list';
@@ -54,7 +54,12 @@ class WlcmPhoneInputDirective {
     }
     writeValue(value) {
         const parsedValue = this.phoneAdapter.parseValue(value);
-        this.element.value = parsedValue;
+        if (this._imaskRef) {
+            this._imaskRef.value = parsedValue;
+        }
+        else {
+            this.element.value = parsedValue;
+        }
     }
     registerOnChange(callback) {
         this._changed = callback;
@@ -178,8 +183,11 @@ class WlcmCountryCodeSelectComponent {
         this.changed = output();
         this.control = input(new FormControl('US'));
     }
+    get selectComponent() {
+        return this.wlcmSelect.matSelect;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCountryCodeSelectComponent, deps: [{ token: WLCM_COUNTRY_CODE_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.5", type: WlcmCountryCodeSelectComponent, isStandalone: true, selector: "wlcm-country-code-select", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { classAttribute: "wlcm-country-code-select" }, ngImport: i0, template: "<wlcm-select\n  [options]=\"options\"\n  [formControl]=\"control()\"\n  [optionTemplate]=\"optionTemplate\"\n  [triggerTemplate]=\"triggerTemplate\"\n  (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n  <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n  {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n  <div class=\"wlcm-country-code-select-trigger\">\n    +{{ selected?.value | phoneCode }}\n  </div>\n</ng-template>\n", styles: [".emoji-flag{font-size:20px;vertical-align:bottom;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmSelectComponent, selector: "wlcm-select", inputs: ["multiple", "placeholder", "options", "optionTemplate", "triggerTemplate"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: PhoneCodePipe, name: "phoneCode" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.5", type: WlcmCountryCodeSelectComponent, isStandalone: true, selector: "wlcm-country-code-select", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { classAttribute: "wlcm-country-code-select" }, viewQueries: [{ propertyName: "wlcmSelect", first: true, predicate: WlcmSelectComponent, descendants: true }], ngImport: i0, template: "<wlcm-select\n  [options]=\"options\"\n  [formControl]=\"control()\"\n  [optionTemplate]=\"optionTemplate\"\n  [triggerTemplate]=\"triggerTemplate\"\n  (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n  <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n  {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n  <div class=\"wlcm-country-code-select-trigger\">\n    +{{ selected?.value | phoneCode }}\n  </div>\n</ng-template>\n", styles: [".emoji-flag{font-size:20px;vertical-align:bottom;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmSelectComponent, selector: "wlcm-select", inputs: ["multiple", "placeholder", "options", "optionTemplate", "triggerTemplate"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: PhoneCodePipe, name: "phoneCode" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmCountryCodeSelectComponent, decorators: [{
             type: Component,
@@ -187,7 +195,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [WLCM_COUNTRY_CODE_OPTIONS]
-                }] }] });
+                }] }], propDecorators: { wlcmSelect: [{
+                type: ViewChild,
+                args: [WlcmSelectComponent]
+            }] } });
 
 let WlcmPhoneInputContainerComponent = class WlcmPhoneInputContainerComponent {
     constructor(_zone) {
@@ -225,7 +236,7 @@ let WlcmPhoneInputContainerComponent = class WlcmPhoneInputContainerComponent {
         this.handleInputEvents();
     }
     isFocused() {
-        return this.phoneInput.element === document.activeElement;
+        return this.phoneInput.element === document.activeElement || this.codeSelect?.selectComponent.panelOpen;
     }
     focus() {
         this.phoneInput.element.focus();
@@ -253,7 +264,7 @@ let WlcmPhoneInputContainerComponent = class WlcmPhoneInputContainerComponent {
                 },
             },
             { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },
-        ], queries: [{ propertyName: "phoneInput", first: true, predicate: WlcmPhoneInputDirective, descendants: true }], viewQueries: [{ propertyName: "codeSelect", first: true, predicate: WlcmCountryCodeSelectComponent, descendants: true }], ngImport: i0, template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WlcmCountryCodeSelectComponent, selector: "wlcm-country-code-select", inputs: ["control"], outputs: ["changed"] }] }); }
+        ], queries: [{ propertyName: "phoneInput", first: true, predicate: WlcmPhoneInputDirective, descendants: true }], viewQueries: [{ propertyName: "codeSelect", first: true, predicate: WlcmCountryCodeSelectComponent, descendants: true }], ngImport: i0, template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n  (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WlcmCountryCodeSelectComponent, selector: "wlcm-country-code-select", inputs: ["control"], outputs: ["changed"] }] }); }
 };
 WlcmPhoneInputContainerComponent = __decorate([
     UntilDestroy(),
@@ -270,7 +281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                             },
                         },
                         { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },
-                    ], template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n" }]
+                    ], template: "<wlcm-country-code-select\n  [control]=\"control\"\n  (changed)=\"handleCountryChange()\"\n  (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { codeSelect: [{
                 type: ViewChild,
                 args: [WlcmCountryCodeSelectComponent]