Merge pull request #56 from mpalourdio/standalone

chore: migrate to standalone components API

Author: mpalourdio

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## v0.13.0
+- Embrace standalone components and get rid of `NgModule`.
+
 ## v0.12.0
 
 - `angular 18` migration.

README.md

@@ -15,7 +15,7 @@ Use the fork, Luke. PR without tests will likely not be merged.
 
 ## What is it ?
 
-It's an angular component to easily integrate [intl-tel-input](https://github.com/jackocnr/intl-tel-input).
+It's an angular standalone component to easily integrate [intl-tel-input](https://github.com/jackocnr/intl-tel-input).
 
 ## Installation
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input-ng",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "scripts": {
     "ng": "ng",
     "build": "ng build",

package.json

@@ -1,4 +1,6 @@
-<label [attr.for]="name" [ngClass]="labelCssClass" *ngIf="label && name" >{{label}}</label>
+@if (label && name) {
+    <label [attr.for]="name" [ngClass]="labelCssClass" >{{ label }}</label>
+}
 <input
     type="text"
     [ngClass]="cssClass"

src/lib/components/intl-tel-input.component.html

@@ -18,10 +18,8 @@ describe('IntlTelInputComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                IntlTelInputComponent,
-            ],
             imports: [
+                IntlTelInputComponent,
                 FormsModule,
             ],
             providers: [

src/lib/components/intl-tel-input.component.spec.ts

@@ -8,15 +8,18 @@
  */
 
 import { AfterViewInit, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { ControlContainer, NgForm } from '@angular/forms';
+import { ControlContainer, FormsModule, NgForm } from '@angular/forms';
 import intlTelInput from 'intl-tel-input';
 import { IntlTelInputOptions } from '../model/intl-tel-input-options';
 import { IntlTelInput } from "../model/intl-tel-input";
+import { NgClass } from "@angular/common";
 
 @Component({
     selector: 'intl-tel-input',
+    standalone: true,
     templateUrl: './intl-tel-input.component.html',
     styleUrls: ['./intl-tel-input.component.scss'],
+    imports: [NgClass, FormsModule],
     viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]
 })
 export class IntlTelInputComponent implements AfterViewInit {

src/lib/components/intl-tel-input.component.ts

@@ -5,4 +5,3 @@
 export * from './lib/components/intl-tel-input.component';
 export * from './lib/model/intl-tel-input-options';
 export * from './lib/model/intl-tel-input';
-export * from './lib/intl-tel-input-ng.module';