design-angular-kit 1.0.0-0 → 1.0.0-10

package/README.md

@@ -1,39 +1,86 @@
-[![NPM](https://img.shields.io/npm/v/design-angular-kit.svg)](https://www.npmjs.com/package/design-angular-kit)
-[![Build](https://github.com/italia/design-angular-kit/actions/workflows/ci.yml/badge.svg)](https://github.com/italia/design-angular-kit/actions)
-[![codecov](https://codecov.io/gh/italia/design-angular-kit/branch/main/graph/badge.svg?token=0Ud6YSFi0r)](https://codecov.io/gh/italia/design-angular-kit)
-[![License](https://img.shields.io/github/license/italia/design-angular-kit.svg)](https://github.com/italia/design-angular-kit/blob/main/LICENSE)
-[![GitHub issues](https://img.shields.io/github/issues/italia/design-angular-kit.svg)](https://github.com/italia/design-angular-kit/issues)
-[![Join the #design channel](https://img.shields.io/badge/Slack%20channel-%23design-blue.svg)](https://developersitalia.slack.com/messages/C7VPAUVB3/)
-[![Get invited](https://slack.developers.italia.it/badge.svg)](https://slack.developers.italia.it/)
+<h1 align="center">Design Angular Kit</h1>
+
+<p align="center">
+  <img src=".github/angular_design_kit.png" alt="angular-logo" width="120px" height="120px"/>
+  <br>
+  <i>Design Angular Kit è un toolkit basato su Bootstrap Italia 
+    <br> per la creazione di applicazioni web sviluppate con Angular.</i>
+  <br>
+</p>
+
+<p align="center">
+  <a href="https://italia.github.io/design-angular-kit"><strong>italia.github.io/design-angular-kit</strong></a>
+  <br>
+</p>
+
+<p align="center">
+    <a href="https://www.npmjs.com/package/design-angular-kit"><img src="https://img.shields.io/npm/v/design-angular-kit/unstable.svg" alt="NPM"></a>
+    <a href="https://github.com/italia/design-angular-kit/actions"><img src="https://github.com/italia/design-angular-kit/actions/workflows/ci.yml/badge.svg" alt="Build"></a>
+    <a href="https://codecov.io/gh/italia/design-angular-kit"><img src="https://codecov.io/gh/italia/design-angular-kit/branch/main/graph/badge.svg?token=0Ud6YSFi0r" alt="codecov"></a>
+    <a href="https://github.com/italia/design-angular-kit/blob/main/LICENSE"><img src="https://img.shields.io/github/license/italia/design-angular-kit.svg" alt="License"></a>
+    <a href="https://github.com/italia/design-angular-kit/issues"><img src="https://img.shields.io/github/issues/italia/design-angular-kit.svg" alt="GitHub issues"></a>
+</p>
+
+<p align="center">
+  <a href="https://developersitalia.slack.com/messages/C04H3C19D52/">
+    <img src="https://img.shields.io/badge/Slack%20channel-%23design--dev--angular-blue.svg" alt="Join the #design-dev-angular channel" />
+  </a>
+  <a href="https://slack.developers.italia.it/">
+    <img src="https://slack.developers.italia.it/badge.svg" alt="Get invited" />
+  </a>
+</p>
+
+_⚠️ Attenzione: questo codice è ancora in fase di sviluppo e non è pronto per essere utilizzato! Stiamo lavorando all'aggiornamento per portare il kit alla versione 1.0.0, commenti e contributi di tutta la community sono più che benvenuti! Se si necessita della vecchia versione il codice e la sua documentazione possono essere reperiti [qua](https://github.com/italia/design-angular-kit/tree/0.x)._
+
+## Verso la versione 1.0.0 📣 
+
+Sono partite le lavorazioni per l'aggiornamento del kit Angular a Bootstrap Italia 2 (basato su Bootstrap 5). 
+Sul branch `main` potete trovare il codice dei lavori in corso e nella [milestone Version 1.0.0](https://github.com/italia/design-angular-kit/milestone/3) un piano preliminare delle attività. La vecchia versione è da considerarsi deprecata.
+
+👉🏻 È possibile contribuire a questa nuova versione in vari modi:
+
+*   Con il proprio codice, prendendo in carico una issue tra quelle aperte e non già assegnate tra [le issue](https://github.com/italia/design-angular-kit/issues) di Angular Kit (è sufficiente anche un commento sulla issue per notificare la volontà di presa in carico).
+*   Attraverso la segnalazione di bug o miglioramenti al [repository ufficiale](https://github.com/italia/design-angular-kit/) di Angular Kit.
+*   Scrivendoci sul [canale dedicato](https://developersitalia.slack.com/messages/C04H3C19D52/) di Slack.
+
+**Commenti e contributi di tutta la community sono più che benvenuti!** 🎉
+
+## Link utili
+- [Video Meetup Angular Roma: Angular, Bootstrap Italia e non solo..](https://www.youtube.com/live/asGk-mYU-zM?feature=share)
+- [Demo Design Angular Kit](https://github.com/cri99/demo-design-angular-kit)
+- [Preview di Vercel (aggiornata ad ogni commit)](https://design-angular-kit.vercel.app/)
+- [Discussione sulla nuova release](https://github.com/italia/design-angular-kit/discussions/127)
+- [Milestone 1.0.0](https://github.com/italia/design-angular-kit/milestone/3)
 
-# Design Angular Kit
-
-Design Angular Kit è un toolkit basato su Bootstrap Italia per la creazione di applicazioni web sviluppate con Angular.
+## Come iniziare
 
-_⚠️ Attenzione: questo codice è ancora in fase di sviluppo e non è pronto per essere utilizzato! Se si necessita della vecchia versione il codice e la sua documentazione possono essere reperiti [qua](https://github.com/italia/design-angular-kit/tree/0.x)._
+Design Angular Kit è disponibile su NPM, per installarlo su una applicazione esistente sulla quale provare la libreria (attualmente non stabile) esegui il comando
 
-#### Link veloci
-[Preview di Vercel (aggiornata ad ogni commit)](https://design-angular-kit.vercel.app/) |
-[Discussione sulla nuova release](https://github.com/italia/design-angular-kit/discussions/127) |
-[Contribuire](https://github.com/italia/design-angular-kit/blob/main/CONTRIBUTING.md)
+```
+npm install design-angular-kit@unstable --save
+```
 
-## Come iniziare
+Procedi a registrare `DesignAngularKitModule` nel tuo **app.module.ts**.
 
-Design Angular Kit è disponibile su NPM, se hai una applicazione esistente esegui il comando seguente per scaricarlo nel tuo progetto.
-```
-npm install design-angular-kit --save
+```typescript
+@NgModule({
+  imports: [
+    ...
+    DesignAngularKitModule
+  ]
+})
 ```
 
-#### Importazione stili bootstrap-italia
+### Importazione stili bootstrap-italia
 Configura gli stili richiesti nel file `styles.scss`. Importa la libreria SCSS come mostrato nell'esempio qui sotto.
 
 ```scss
 // Importazione libreria SCSS di bootstrap-italia
-@import '../node_modules/bootstrap-italia/src/scss/bootstrap-italia.scss';
-
+@import "bootstrap-italia/src/scss/bootstrap-italia";
 ```
 
-#### Come personalizzare e sovrascrivere le variabili di default della libreria (es. colori, font-family, misure, ecc.)
+<details>
+  <summary>Come personalizzare e sovrascrivere le variabili di default della libreria (es. colori, font-family, misure, ecc.)</summary>
 
 Bootstrap Italia eredita ed estende tutte le variabili di default di Bootstrap, sovrascrivendo 
 alcuni valori in fase di compilazione e impostandone di nuovi all’occorenza. Un esempio fra tutti è 
@@ -65,10 +112,106 @@ $font-family-sans-serif: 'Custom Font', Arial, Helvetica, sans-serif;
 $font-family-monospace: 'Custom Font', 'Courier New', Courier, monospace;
 
 // Importazione libreria SCSS di bootstrap-italia
-@import '../node_modules/bootstrap-italia/src/scss/bootstrap-italia.scss';
+@import 'bootstrap-italia/src/scss/bootstrap-italia';
+```
+</details>
+
+### Supporto icone e assets
+
+Per aggiungere il supporto icone/assets, modifica il tuo `angular.json` aggiungendo:
+
+```
+ "assets": [
+    ...
+    {
+      "glob": "**/*",
+      "input": "./node_modules/bootstrap-italia/",
+      "output": "/bootstrap-italia/"
+    }
+  ]
+ ```
+
+### Supporto i18n (localizzazione)
+
+La libreria usa [ngx-translate](https://github.com/ngx-translate/core) per aggiungere le localizazioni i18n.
+
+Modifica il tuo `angular.json` aggiungendo:
+
+```
+ "assets": [
+    ...
+    {
+      "glob": "**/*",
+      "input": "./node_modules/design-angular-kit/assets/i18n",
+      "output": "/bootstrap-italia/i18n/"
+    }
+  ]
+ ```
+
+#### Localizzazione esistente
+
+Se utilizzi già i file di localizzazione nella tua app, puoi utilizzare la libreria [ngx-translate-multi-http-loader](https://www.npmjs.com/package/ngx-translate-multi-http-loader)
+per caricare i file di localizzazione dell'app e di `design-angular-kit`
+
+Modifica nel tuo `app.module.ts`:
+
+```typescript
+@NgModule({
+  imports: [
+    ...
+    HttpClientModule,
+    TranslateModule.forRoot({
+      loader: {
+        provide: TranslateLoader,
+        useFactory: (http: HttpBackend) => new MultiTranslateHttpLoader(http, [
+          './bootstrap-italia/i18n/', // Load library translations first, so you can edit the keys in your localization file
+          './assets/i18n/' // Your i18n location
+        ]),
+        deps: [HttpBackend]
+      },      
+      defaultLanguage: 'it'
+    }),
+    DesignAngularKitModule
+  ]
+})
 ```
 
+Se vuoi personalizzare le nostre label puoi aggiungere le localizzazioni nei tuoi file json, sovrascrivendo le [chiavi del json della libreria](projects/design-angular-kit/assets/i18n/it.json).
 
+Puoi utilizzare le label localizzate di `design-angular-kit` nella tua applicazione, ad esempio `{{'it.errors.required-field' | translate}}`. [Vedi le nostre label](projects/design-angular-kit/assets/i18n/it.json)
+
+#### Localizzazione non esistente
+
+Se non utilizzi i file di localizzazione nella tua app, devi aggiungere il provider `TranslateStore` nel tuo `app.module.ts`:
+
+```typescript
+@NgModule({
+  imports: [
+    ...
+    DesignAngularKitModule,
+  ],
+  providers: [
+    TranslateStore
+  ],
+})
+```
+
+Se vuoi personalizzare le nostre label:  
+- Non includere il supporto i18n nel tuo `angular.json` ma crea i tuoi file di localizzazione personalizzati nella tua cartella `assets/bootstrap-italia/i18n/` (crea il percorso se non esiste). 
+- Il json deve avere [questo formato](projects/design-angular-kit/assets/i18n/it.json).
+
+### Supporto animazione
+
+La libreria usa BrowserAnimationsModule per gestire alcune animazioni.
+
+Per abilitarle, bisogna aggiungere al tuo `app.module.ts` il modulo :
+
+```typescript
+imports: [
+  ...
+  BrowserAnimationsModule
+]
+```
 
 ## Segnalazione bug e richieste di aiuto
 
@@ -112,3 +255,19 @@ npm run start
 ```
 npm run test
 ```
+
+# Contributor della libreria
+
+Un grazie speciale a chi ha reso possibile lo sviluppo di questa nuova versione!
+
+[![Cristian Borelli](https://github.com/cri99.png?size=100)](https://github.com/cri99) | [![Antonino Bonanno](https://github.com/AntoninoBonanno.png?size=100)](https://github.com/AntoninoBonanno) | [![NetService](https://www.net-serv.it/css/internet/agid/images/svg/logo-netservicesrl.svg)](https://www.net-serv.it/) | [![Alessio Napolitano](https://github.com/alenap93.png?size=100)](https://github.com/alenap93) |
+--- | --- | --- | --- |
+Cristian Borelli | Antonino Bonanno | NetService | Alessio Napolitano |
+
+---
+
+Tutti i contributor (*made with [contributors-img](https://contrib.rocks)*)
+
+<a href = "https://github.com/italia/design-angular-kit/graphs/contributors">
+  <img src = "https://contrib.rocks/image?repo=italia/design-angular-kit"/>
+</a>

package/assets/i18n/en.json

@@ -0,0 +1,93 @@
+{
+  "it": {
+    "general": {
+      "save": "Save",
+      "send": "Send",
+      "abort": "Abort",
+      "close": "Close",
+      "continue": "Continue",
+      "edit": "Edit",
+      "show-all": "Show all",
+      "details": "Details"
+    },
+    "errors": {
+      "generic": "An error has occurred",
+      "generic-support-message": "There was an unexpected error. Please try again later or contact support.",
+      "invalid-field": "This field is invalid",
+      "required-field": "This field is required",
+      "check-all-fields": "Check that you have filled in all the fields correctly",
+      "min-invalid": "The minimum value for this field is: {{min}}",
+      "max-invalid": "The maximum value for this field is: {{max}}",
+      "min-length-invalid": "The minimum length for this field is: {{min}}",
+      "max-length-invalid": "The minimum length for this field is: {{max}}",
+      "email-invalid": "Enter a valid email",
+      "tel-invalid": "Please enter a valid phone number format",
+      "url-invalid": "Please enter a valid URL",
+      "tax-code-invalid": "Enter a valid tax code",
+      "vat-number-invalid": "Enter a valid VAT number",
+      "cap-invalid": "Enter a valid zip code",
+      "regex-invalid": "Please enter a valid REGEX expression",
+      "pattern-invalid": "The field must have the pattern {{pattern}}",
+      "password-no-match": "Passwords must match",
+      "password-min-length": "Password must contain at least {{minLength}} characters!",
+      "password-number": "The password must have at least 1 number!",
+      "password-capital-case": "The password should contain at least 1 uppercase character!",
+      "password-small-case": "Password must contain at least 1 lowercase character!",
+      "password-special-character": "Password must contain at least 1 special character!"
+    },
+    "core": {
+      "close-modal": "Close modal window",
+      "close-notification": "Close Notification: {{title}}",
+      "close-alert": "Close alert",
+      "page": "Page",
+      "previous-page": "Previous page",
+      "next-page": "Next page",
+      "progress": "Progress",
+      "loading": "Loading",
+      "active": "Active",
+      "remove": "Delete",
+      "confirm": "Confirm",
+      "confirmed": "Confirmed",
+      "step": "Step",
+      "step-of": "Step {{current}} of {{available}}",
+      "back": "Back",
+      "forward": "Forward",
+      "rate-star": "Rate {{current}} out of {{total}} stars",
+      "rating-star": "Rating {{current}} out of {{total}} stars"
+    },
+    "form": {
+      "increase-value": "Increase value",
+      "decrease-value": "Decrease value",
+      "upload": "Upload",
+      "upload-drag-file": "Drag the file to upload it",
+      "upload-loading": "Loading...",
+      "upload-complete": "Upload completed",
+      "upload-or": "or",
+      "upload-select-device": "select it from the device",
+      "uploaded-file": "File uploaded: {{name}}",
+      "delete-file": "Delete file {{name}}"
+    },
+    "navigation": {
+      "home": "Home",
+      "go-back": "Go back",
+      "upper-level": "Upper level",
+      "secondary-navigation": "Secondary navigation",
+      "login": "Log in",
+      "full-login": "Access the personal area",
+      "search": "Search",
+      "website-search": "Search in the site",
+      "navigation-path": "Navigation path"
+    },
+    "utils": {
+      "selected": "Selected",
+      "language-selection": "Language selection: {{lang}}",
+      "select-language": "Select a language",
+      "404": {
+        "title": "Resource not found",
+        "description": "Oops! The resource you are looking for was not found, go back to the homepage and use the menu to continue browsing.",
+        "go-back": "Go back",
+        "go-to-homepage": "Return to homepage"
+      }
+    }
+  }
+}

package/assets/i18n/it.json

@@ -0,0 +1,93 @@
+{
+  "it": {
+    "general": {
+      "save": "Salva",
+      "send": "Invia",
+      "abort": "Annulla",
+      "close": "Chiudi",
+      "continue": "Continua",
+      "edit": "Modifica",
+      "show-all": "Mostra tutto",
+      "details": "Dettagli"
+    },
+    "errors": {
+      "generic": "Si è verificato un errore",
+      "generic-support-message": "Si è verificato un errore imprevisto. Riprova più tardi o contatta il supporto.",
+      "invalid-field": "Questo campo non è valido",
+      "required-field": "Questo campo è obbligatorio",
+      "check-all-fields": "Verifica di aver compilato correttamente tutti i campi",
+      "min-invalid": "Il valore minimo per questo campo è: {{min}}",
+      "max-invalid": "Il valore massimo per questo campo è: {{max}}",
+      "min-length-invalid": "La lunghezza minima per questo campo è: {{min}}",
+      "max-length-invalid": "La lunghezza minima per questo campo è: {{max}}",
+      "email-invalid": "Inserisci un email valida",
+      "tel-invalid": "Inserisci un formato telefonico valido",
+      "url-invalid": "Inserisci un url valido",
+      "tax-code-invalid": "Inserisci un codice fiscale valido",
+      "vat-number-invalid": "Inserisci una partita iva valida",
+      "cap-invalid": "Inserisci un CAP valido",
+      "regex-invalid": "Inserisci un espressione REGEX valida",
+      "pattern-invalid": "Il campo deve avere il pattern {{pattern}}",
+      "password-no-match": "Le password devono essere identiche",
+      "password-min-length": "La password deve contenere almeno {{minLength}} caratteri!",
+      "password-number": "La password deve avere almeno 1 numero!",
+      "password-capital-case": "La password deve contenere almeno 1 carattere maiuscolo!",
+      "password-small-case": "La password deve contenere almeno 1 carattere minuscolo!",
+      "password-special-character": "La password deve contenere almeno 1 carattere speciale!"
+    },
+    "core": {
+      "close-modal": "Chiudi finestra modale",
+      "close-notification": "Chiudi notifica: {{title}}",
+      "close-alert": "Chiudi avviso",
+      "page": "Pagina",
+      "previous-page": "Pagina precedente",
+      "next-page": "Pagina successiva",
+      "progress": "Progresso",
+      "loading": "Caricamento",
+      "active": "Attivo",
+      "remove": "Elimina",
+      "confirm": "Conferma",
+      "confirmed": "Confermato",
+      "step": "Step",
+      "step-of": "Step {{current}} di {{available}}",
+      "back": "Indietro",
+      "forward": "Avanti",
+      "rate-star": "Valuta {{current}} stelle su {{total}}",
+      "rating-star": "Valutazione {{current}} stelle su {{total}}"
+    },
+    "form": {
+      "increase-value": "Aumenta valore",
+      "decrease-value": "Diminuisci valore",
+      "upload": "Upload",
+      "upload-drag-file": "Trascina il file per caricarlo",
+      "upload-loading": "Caricamento in corso...",
+      "upload-complete": "Caricamento completato",
+      "upload-or": "oppure",
+      "upload-select-device": "selezionalo dal dispositivo",
+      "uploaded-file": "File caricato: {{name}}",
+      "delete-file": "Elimina file {{name}}"
+    },
+    "navigation": {
+      "home": "Home",
+      "go-back": "Torna indietro",
+      "upper-level": "Livello superiore",
+      "secondary-navigation": "Navigazione secondaria",
+      "login": "Accedi",
+      "full-login": "Accedi all'area personale",
+      "search": "Cerca",
+      "website-search": "Cerca nel sito",
+      "navigation-path": "Percorso di navigazione"
+    },
+    "utils": {
+      "selected": "Selezionata",
+      "language-selection": "Selezione lingua: {{lang}}",
+      "select-language": "Seleziona una lingua",
+      "404": {
+        "title": "Risorsa non trovata",
+        "description": "Oops! La risorsa che cerchi non è stata trovata, torna alla homepage e utilizza il menu per continuare la navigazione.",
+        "go-back": "Torna indietro",
+        "go-to-homepage": "Torna alla homepage"
+      }
+    }
+  }
+}

package/esm2020/lib/abstracts/abstract-form-component.mjs

@@ -0,0 +1,174 @@
+import { FormControl } from '@angular/forms';
+import { Component, Input, Optional, Self } from '@angular/core';
+import { AbstractComponent } from './abstract.component';
+import { isFalseBooleanInput, isTrueBooleanInput } from '../utils/boolean-input';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@ngx-translate/core";
+export class AbstractFormComponent extends AbstractComponent {
+    constructor(_ngControl, _translateService, _renderer, _elementRef, _changeDetectorRef) {
+        super(_renderer, _elementRef, _changeDetectorRef);
+        this._ngControl = _ngControl;
+        this._translateService = _translateService;
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        /**
+         * Validation color display mode (validation triggered if field is touched or not pristine)
+         * - <b>true</b>: Always show the validation color
+         * - <b>false</b>: Never show validation color
+         * - <b>only-valid</b>: Show only valid validation color
+         * - <b>only-invalid</b>: Show only invalid validation color
+         * @default <b>only-invalid</b>: Show only invalid validation color
+         */
+        this.validationMode = 'only-invalid';
+        this.onChange = (_) => {
+        };
+        this.onTouched = () => {
+        };
+        this.control = new FormControl();
+        this._ngControl && (this._ngControl.valueAccessor = this);
+    }
+    /**
+     * Set the disabled state
+     */
+    set disabled(isDisabled) {
+        this.setDisabledState(isTrueBooleanInput(isDisabled));
+    }
+    /**
+     * Check if field is invalid (Validation failed)
+     */
+    get isInvalid() {
+        if (this.validationMode === 'only-valid' || (this.validationMode !== 'only-invalid' && isFalseBooleanInput(this.validationMode))) {
+            return undefined;
+        }
+        if (this._ngControl) {
+            return this._ngControl.invalid === true && (!this._ngControl.pristine || this._ngControl.touched === true);
+        }
+        return this.control.invalid && (!this.control.pristine || this.control.touched);
+    }
+    /**
+     * Check if field is valid (Validation successful)
+     */
+    get isValid() {
+        if (this.validationMode === 'only-invalid' || (this.validationMode !== 'only-valid' && isFalseBooleanInput(this.validationMode))) {
+            return undefined;
+        }
+        if (this._ngControl) {
+            return this._ngControl.valid === true && (!this._ngControl.pristine || this._ngControl.touched === true);
+        }
+        return this.control.valid && (!this.control.pristine || this.control.touched);
+    }
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage() {
+        if (this.control.hasError('required')) {
+            return this._translateService.get('it.errors.required-field');
+        }
+        return this._translateService.get('it.errors.invalid-field');
+    }
+    ngOnInit() {
+        if (this._ngControl) {
+            this.control.setValidators(this._ngControl.control.validator);
+        }
+    }
+    registerOnChange(fn) {
+        this.control.valueChanges.subscribe(fn);
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            return this.control.disable();
+        }
+        this.control.enable();
+    }
+    writeValue(value) {
+        this.control.setValue(value, { emitEvent: false });
+    }
+    /**
+     * Mark the control as touched
+     */
+    markAsTouched() {
+        if (!this.control.touched) {
+            this.onTouched();
+        }
+    }
+    /**
+     * Fired to check if form control is touched
+     */
+    ngDoCheck() {
+        if (this.control.touched) {
+            return;
+        }
+        if (this._ngControl?.control?.touched) {
+            this.control.markAsTouched();
+        }
+    }
+    /**
+     * Add the validators in control and parent control
+     * @param validators the validators
+     * @protected
+     */
+    addValidators(validators) {
+        if (!Array.isArray(validators)) {
+            validators = [validators];
+        }
+        validators.forEach(validator => {
+            if (!this.control.hasValidator(validator)) {
+                this.control.addValidators(validator);
+            }
+            if (this._ngControl?.control && !this._ngControl.control.hasValidator(validator)) {
+                this._ngControl.control.addValidators(validator);
+            }
+        });
+    }
+    /**
+     * Reports whether the control with the given path has the error specified. <br/>
+     * If the control is not present, false is returned.
+     * @param errorCode The code of the error to check
+     * @param path A list of control names that designates how to move from the current control
+     * to the control that should be queried for errors.
+     * @returns whether the given error is present in the control at the given path.
+     */
+    hasError(errorCode, path) {
+        if (this._ngControl) {
+            return this._ngControl.hasError(errorCode, path);
+        }
+        return this.control.hasError(errorCode, path);
+    }
+    /**
+     * Reports error data for the control with the given path.
+     * @param errorCode The code of the error to check
+     * @param path A list of control names that designates how to move from the current control
+     * to the control that should be queried for errors.
+     * @returns error data for that particular error. If the control or error is not present,
+     * null is returned.
+     */
+    getError(errorCode, path) {
+        if (this._ngControl) {
+            return this._ngControl.getError(errorCode, path);
+        }
+        return this.control.getError(errorCode, path);
+    }
+}
+AbstractFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractFormComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i2.TranslateService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AbstractFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AbstractFormComponent, selector: "ng-component", inputs: { label: "label", validationMode: "validationMode", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractFormComponent, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i2.TranslateService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], validationMode: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtZm9ybS1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9hYnN0cmFjdHMvYWJzdHJhY3QtZm9ybS1jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF3QixXQUFXLEVBQTBCLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0YsT0FBTyxFQUVMLFNBQVMsRUFHVCxLQUFLLEVBRUwsUUFBUSxFQUVSLElBQUksRUFDTCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQWdCLG1CQUFtQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFLL0YsTUFBTSxPQUFPLHFCQUErQixTQUFRLGlCQUFpQjtJQTZCbkUsWUFDeUMsVUFBcUIsRUFDekMsaUJBQW1DLEVBQzFCLFNBQW9CLEVBQ3BCLFdBQXVCLEVBQ3ZCLGtCQUFxQztRQUVqRSxLQUFLLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBTlgsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQUN6QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO1FBQzFCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFDcEIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFDdkIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQTNCbkU7Ozs7Ozs7V0FPRztRQUNNLG1CQUFjLEdBQWlELGNBQWMsQ0FBQztRQXVFdkYsYUFBUSxHQUFHLENBQUMsQ0FBSSxFQUFFLEVBQUU7UUFDcEIsQ0FBQyxDQUFDO1FBRUYsY0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNqQixDQUFDLENBQUM7UUFyREEsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQ2pD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QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNJLFFBQVEsQ0FBQyxTQUFpQixFQUFFLElBQXNDO1FBQ3ZFLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQztTQUNsRDtRQUNELE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7Ozs7OztPQU9HO0lBQ0ksUUFBUSxDQUFDLFNBQWlCLEVBQUUsSUFBc0M7UUFDdkUsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDaEQsQ0FBQzs7a0hBdExVLHFCQUFxQjtzR0FBckIscUJBQXFCLCtKQURYLEVBQUU7MkZBQ1oscUJBQXFCO2tCQURqQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs7MEJBK0J0QixJQUFJOzswQkFBSSxRQUFROzRKQXpCVixLQUFLO3NCQUFiLEtBQUs7Z0JBVUcsY0FBYztzQkFBdEIsS0FBSztnQkFLTyxRQUFRO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOZ0NvbnRyb2wsIFZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRG9DaGVjayxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFJlbmRlcmVyMixcbiAgU2VsZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29tcG9uZW50IH0gZnJvbSAnLi9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc0ZhbHNlQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxuZXhwb3J0IGNsYXNzIEFic3RyYWN0Rm9ybUNvbXBvbmVudDxUID0gYW55PiBleHRlbmRzIEFic3RyYWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgRG9DaGVjayB7XG5cbiAgLyoqXG4gICAqIFRoZSBsYWJlbCBvZiBmb3JtIGNvbnRyb2xcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBWYWxpZGF0aW9uIGNvbG9yIGRpc3BsYXkgbW9kZSAodmFsaWRhdGlvbiB0cmlnZ2VyZWQgaWYgZmllbGQgaXMgdG91Y2hlZCBvciBub3QgcHJpc3RpbmUpXG4gICAqIC0gPGI+dHJ1ZTwvYj46IEFsd2F5cyBzaG93IHRoZSB2YWxpZGF0aW9uIGNvbG9yXG4gICAqIC0gPGI+ZmFsc2U8L2I+OiBOZXZlciBzaG93IHZhbGlkYXRpb24gY29sb3JcbiAgICogLSA8Yj5vbmx5LXZhbGlkPC9iPjogU2hvdyBvbmx5IHZhbGlkIHZhbGlkYXRpb24gY29sb3JcbiAgICogLSA8Yj5vbmx5LWludmFsaWQ8L2I+OiBTaG93IG9ubHkgaW52YWxpZCB2YWxpZGF0aW9uIGNvbG9yXG4gICAqIEBkZWZhdWx0IDxiPm9ubHktaW52YWxpZDwvYj46IFNob3cgb25seSBpbnZhbGlkIHZhbGlkYXRpb24gY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIHZhbGlkYXRpb25Nb2RlOiBCb29sZWFuSW5wdXQgfCAnb25seS12YWxpZCcgfCAnb25seS1pbnZhbGlkJyA9ICdvbmx5LWludmFsaWQnO1xuXG4gIC8qKlxuICAgKiBTZXQgdGhlIGRpc2FibGVkIHN0YXRlXG4gICAqL1xuICBASW5wdXQoKSBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKGlzVHJ1ZUJvb2xlYW5JbnB1dChpc0Rpc2FibGVkKSk7XG4gIH1cblxuICAvKipcbiAgICogSW50ZXJuYWwgZm9ybSBjb250cm9sXG4gICAqL1xuICBjb250cm9sOiBGb3JtQ29udHJvbDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByb3RlY3RlZCByZWFkb25seSBfbmdDb250cm9sOiBOZ0NvbnRyb2wsXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IF90cmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBfcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgc3VwZXIoX3JlbmRlcmVyLCBfZWxlbWVudFJlZiwgX2NoYW5nZURldGVjdG9yUmVmKTtcbiAgICB0aGlzLmNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgICB0aGlzLl9uZ0NvbnRyb2wgJiYgKHRoaXMuX25nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcyk7XG4gIH1cblxuICAvKipcbiAgICogQ2hlY2sgaWYgZmllbGQgaXMgaW52YWxpZCAoVmFsaWRhdGlvbiBmYWlsZWQpXG4gICAqL1xuICBnZXQgaXNJbnZhbGlkKCk6IGJvb2xlYW4gfCB1bmRlZmluZWQge1xuICAgIGlmICh0aGlzLnZhbGlkYXRpb25Nb2RlID09PSAnb25seS12YWxpZCcgfHwgKHRoaXMudmFsaWRhdGlvbk1vZGUgIT09ICdvbmx5LWludmFsaWQnICYmIGlzRmFsc2VCb29sZWFuSW5wdXQodGhpcy52YWxpZGF0aW9uTW9kZSkpKSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9uZ0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wuaW52YWxpZCA9PT0gdHJ1ZSAmJiAoIXRoaXMuX25nQ29udHJvbC5wcmlzdGluZSB8fCB0aGlzLl9uZ0NvbnRyb2wudG91Y2hlZCA9PT0gdHJ1ZSk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLmNvbnRyb2wuaW52YWxpZCAmJiAoIXRoaXMuY29udHJvbC5wcmlzdGluZSB8fCB0aGlzLmNvbnRyb2wudG91Y2hlZCk7XG4gIH1cblxuICAvKipcbiAgICogQ2hlY2sgaWYgZmllbGQgaXMgdmFsaWQgKFZhbGlkYXRpb24gc3VjY2Vzc2Z1bClcbiAgICovXG4gIGdldCBpc1ZhbGlkKCk6IGJvb2xlYW4gfCB1bmRlZmluZWQge1xuICAgIGlmICh0aGlzLnZhbGlkYXRpb25Nb2RlID09PSAnb25seS1pbnZhbGlkJyB8fCAodGhpcy52YWxpZGF0aW9uTW9kZSAhPT0gJ29ubHktdmFsaWQnICYmIGlzRmFsc2VCb29sZWFuSW5wdXQodGhpcy52YWxpZGF0aW9uTW9kZSkpKSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9uZ0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wudmFsaWQgPT09IHRydWUgJiYgKCF0aGlzLl9uZ0NvbnRyb2wucHJpc3RpbmUgfHwgdGhpcy5fbmdDb250cm9sLnRvdWNoZWQgPT09IHRydWUpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5jb250cm9sLnZhbGlkICYmICghdGhpcy5jb250cm9sLnByaXN0aW5lIHx8IHRoaXMuY29udHJvbC50b3VjaGVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm4gdGhlIGludmFsaWQgbWVzc2FnZSBzdHJpbmcgZnJvbSBUcmFuc2xhdGVTZXJ2aWNlXG4gICAqL1xuICBnZXQgaW52YWxpZE1lc3NhZ2UoKTogT2JzZXJ2YWJsZTxzdHJpbmc+IHtcbiAgICBpZiAodGhpcy5jb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgICByZXR1cm4gdGhpcy5fdHJhbnNsYXRlU2VydmljZS5nZXQoJ2l0LmVycm9ycy5yZXF1aXJlZC1maWVsZCcpO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLl90cmFuc2xhdGVTZXJ2aWNlLmdldCgnaXQuZXJyb3JzLmludmFsaWQtZmllbGQnKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9uZ0NvbnRyb2wpIHtcbiAgICAgIHRoaXMuY29udHJvbC5zZXRWYWxpZGF0b3JzKCh0aGlzLl9uZ0NvbnRyb2wuY29udHJvbCBhcyBGb3JtQ29udHJvbCkudmFsaWRhdG9yKTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZSA9IChfOiBUKSA9PiB7XG4gIH07XG5cbiAgb25Ub3VjaGVkID0gKCkgPT4ge1xuICB9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKGZuKTtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChpc0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm4gdGhpcy5jb250cm9sLmRpc2FibGUoKTtcbiAgICB9XG4gICAgdGhpcy5jb250cm9sLmVuYWJsZSgpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVCk6IHZvaWQge1xuICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh2YWx1ZSwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIE1hcmsgdGhlIGNvbnRyb2wgYXMgdG91Y2hlZFxuICAgKi9cbiAgbWFya0FzVG91Y2hlZCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29udHJvbC50b3VjaGVkKSB7XG4gICAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBGaXJlZCB0byBjaGVjayBpZiBmb3JtIGNvbnRyb2wgaXMgdG91Y2hlZFxuICAgKi9cbiAgbmdEb0NoZWNrKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2wudG91Y2hlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy5fbmdDb250cm9sPy5jb250cm9sPy50b3VjaGVkKSB7XG4gICAgICB0aGlzLmNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBBZGQgdGhlIHZhbGlkYXRvcnMgaW4gY29udHJvbCBhbmQgcGFyZW50IGNvbnRyb2xcbiAgICogQHBhcmFtIHZhbGlkYXRvcnMgdGhlIHZhbGlkYXRvcnNcbiAgICogQHByb3RlY3RlZFxuICAgKi9cbiAgcHJvdGVjdGVkIGFkZFZhbGlkYXRvcnModmFsaWRhdG9yczogVmFsaWRhdG9yRm4gfCBWYWxpZGF0b3JGbltdKTogdm9pZCB7XG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHZhbGlkYXRvcnMpKSB7XG4gICAgICB2YWxpZGF0b3JzID0gW3ZhbGlkYXRvcnNdO1xuICAgIH1cblxuICAgIHZhbGlkYXRvcnMuZm9yRWFjaCh2YWxpZGF0b3IgPT4ge1xuICAgICAgaWYgKCF0aGlzLmNvbnRyb2wuaGFzVmFsaWRhdG9yKHZhbGlkYXRvcikpIHtcbiAgICAgICAgdGhpcy5jb250cm9sLmFkZFZhbGlkYXRvcnModmFsaWRhdG9yKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuX25nQ29udHJvbD8uY29udHJvbCAmJiAhdGhpcy5fbmdDb250cm9sLmNvbnRyb2wuaGFzVmFsaWRhdG9yKHZhbGlkYXRvcikpIHtcbiAgICAgICAgdGhpcy5fbmdDb250cm9sLmNvbnRyb2wuYWRkVmFsaWRhdG9ycyh2YWxpZGF0b3IpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlcG9ydHMgd2hldGhlciB0aGUgY29udHJvbCB3aXRoIHRoZSBnaXZlbiBwYXRoIGhhcyB0aGUgZXJyb3Igc3BlY2lmaWVkLiA8YnIvPlxuICAgKiBJZiB0aGUgY29udHJvbCBpcyBub3QgcHJlc2VudCwgZmFsc2UgaXMgcmV0dXJuZWQuXG4gICAqIEBwYXJhbSBlcnJvckNvZGUgVGhlIGNvZGUgb2YgdGhlIGVycm9yIHRvIGNoZWNrXG4gICAqIEBwYXJhbSBwYXRoIEEgbGlzdCBvZiBjb250cm9sIG5hbWVzIHRoYXQgZGVzaWduYXRlcyBob3cgdG8gbW92ZSBmcm9tIHRoZSBjdXJyZW50IGNvbnRyb2xcbiAgICogdG8gdGhlIGNvbnRyb2wgdGhhdCBzaG91bGQgYmUgcXVlcmllZCBmb3IgZXJyb3JzLlxuICAgKiBAcmV0dXJucyB3aGV0aGVyIHRoZSBnaXZlbiBlcnJvciBpcyBwcmVzZW50IGluIHRoZSBjb250cm9sIGF0IHRoZSBnaXZlbiBwYXRoLlxuICAgKi9cbiAgcHVibGljIGhhc0Vycm9yKGVycm9yQ29kZTogc3RyaW5nLCBwYXRoPzogQXJyYXk8c3RyaW5nIHwgbnVtYmVyPiB8IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLl9uZ0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wuaGFzRXJyb3IoZXJyb3JDb2RlLCBwYXRoKTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbC5oYXNFcnJvcihlcnJvckNvZGUsIHBhdGgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlcG9ydHMgZXJyb3IgZGF0YSBmb3IgdGhlIGNvbnRyb2wgd2l0aCB0aGUgZ2l2ZW4gcGF0aC5cbiAgICogQHBhcmFtIGVycm9yQ29kZSBUaGUgY29kZSBvZiB0aGUgZXJyb3IgdG8gY2hlY2tcbiAgICogQHBhcmFtIHBhdGggQSBsaXN0IG9mIGNvbnRyb2wgbmFtZXMgdGhhdCBkZXNpZ25hdGVzIGhvdyB0byBtb3ZlIGZyb20gdGhlIGN1cnJlbnQgY29udHJvbFxuICAgKiB0byB0aGUgY29udHJvbCB0aGF0IHNob3VsZCBiZSBxdWVyaWVkIGZvciBlcnJvcnMuXG4gICAqIEByZXR1cm5zIGVycm9yIGRhdGEgZm9yIHRoYXQgcGFydGljdWxhciBlcnJvci4gSWYgdGhlIGNvbnRyb2wgb3IgZXJyb3IgaXMgbm90IHByZXNlbnQsXG4gICAqIG51bGwgaXMgcmV0dXJuZWQuXG4gICAqL1xuICBwdWJsaWMgZ2V0RXJyb3IoZXJyb3JDb2RlOiBzdHJpbmcsIHBhdGg/OiBBcnJheTxzdHJpbmcgfCBudW1iZXI+IHwgc3RyaW5nKTogYW55IHtcbiAgICBpZiAodGhpcy5fbmdDb250cm9sKSB7XG4gICAgICByZXR1cm4gdGhpcy5fbmdDb250cm9sLmdldEVycm9yKGVycm9yQ29kZSwgcGF0aCk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLmNvbnRyb2wuZ2V0RXJyb3IoZXJyb3JDb2RlLCBwYXRoKTtcbiAgfVxufVxuIl19