ngx-dial-input 1.0.0

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,27 @@
+# CountryPhoneInput
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.2.3.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/angular.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "phone-input": {
+      "projectType": "library",
+      "root": "projects/phone-input",
+      "sourceRoot": "projects/phone-input/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/phone-input/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/phone-input/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/phone-input/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/phone-input/src/test.ts",
+            "tsConfig": "projects/phone-input/tsconfig.spec.json",
+            "karmaConfig": "projects/phone-input/karma.conf.js"
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": "9ebb98a1-9245-4e95-a454-fed795444981"
+  }
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "ngx-dial-input",
+  "version": "1.0.0",
+  "description": "Allows users to select a country and automatically formats the phone number input based on the selected country.",
+  "author": "CroemInc",
+  "license": "MIT",
+  "main": "bundles/phone-input.umd.js",
+  "module": "fesm2015/phone-input.js",
+  "es2015": "fesm2015/phone-input.js",
+  "typings": "phone-input.d.ts",
+  "keywords": ["angular", "phone", "input", "country", "flag","international","phone regex","phone number","croem"],
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "pack": "ng-packagr -p ng-package.json && cd dist && npm pack"
+  },
+  "private": false,
+  "peerDependencies": {
+    "@angular/animations": "^15.1.1",
+    "@angular/common": "15.2.10",
+    "@angular/compiler": "^15.1.1",
+    "@angular/core": "15.2.10",
+    "@angular/forms": "^15.1.1",
+    "@angular/platform-browser": "^15.1.1",
+    "@angular/platform-browser-dynamic": "^15.1.1",
+    "@angular/router": "^15.1.1",
+    "rxjs": "^6.6.0 || ^7.8.0",
+    "zone.js": "~0.11.4"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^15.1.2",
+    "@angular/cli": "^15.1.2",
+    "@angular/compiler-cli": "^15.1.1",
+    "@types/jasmine": "~3.6.0",
+    "jasmine-core": "~3.6.0",
+    "karma": "~6.3.4",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
+    "ng-packagr": "^15.0.2",
+    "typescript": "4.8.4"
+  }
+}

package/projects/phone-input/README.md

@@ -0,0 +1,24 @@
+# PhoneInput
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project phone-input` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project phone-input`.
+> Note: Don't forget to add `--project phone-input` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build phone-input` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build phone-input`, go to the dist folder `cd dist/phone-input` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test phone-input` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/projects/phone-input/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/phone-input",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/projects/phone-input/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "phone-input",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "15.1.1",
+    "@angular/core": "15.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

package/projects/phone-input/src/data/countries.model.ts

@@ -0,0 +1,9 @@
+export interface CountriesPhoneInputData {
+  name : string;
+  native : string;
+  iso2 : string;
+  dialCode : string;
+  flag : string;
+  format : string;
+  phoneLength: number;
+}