keevo-components 1.8.126 → 1.8.127

package/ng-package.json

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

package/package.json

@@ -1,43 +1,30 @@
-{
-  "name": "keevo-components",
-  "version": "1.8.126",
-  "peerDependencies": {
-    "@angular/common": "^17.3.8",
-    "@angular/core": "^17.3.8",
-    "@types/d3": "^7.4.3",
-    "@types/d3-org-chart": "^3.1.2",
-    "chart.js": "^4.4.2",
-    "d3": "^7.9.0",
-    "d3-org-chart": "^3.1.1",
-    "ngx-loading": "^17.0.0",
-    "primeflex": "^3.3.1",
-    "primeicons": "^7.0.0",
-    "primeng": "^17.17.0",
-    "quill": "^2.0.2"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "description": "Componentes utilizados no frontend dos sistemas da Keevo Software.",
-  "author": {
-    "name": "Rafael",
-    "url": "https://github.com/rafaelalvesmds"
-  },
-  "keywords": [
-    "keevo components library"
-  ],
-  "module": "fesm2022/keevo-components.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/keevo-components.mjs",
-      "esm": "./esm2022/keevo-components.mjs",
-      "default": "./fesm2022/keevo-components.mjs"
-    }
-  }
-}
+{
+  "name": "keevo-components",
+  "version": "1.8.127",
+  "peerDependencies": {
+    "@angular/common": "^17.3.8",
+    "@angular/core": "^17.3.8",
+    "@types/d3": "^7.4.3",
+    "@types/d3-org-chart": "^3.1.2",
+    "chart.js": "^4.4.2",
+    "d3": "^7.9.0",
+    "d3-org-chart": "^3.1.1",
+    "ngx-loading": "^17.0.0",
+    "primeflex": "^3.3.1",
+    "primeicons": "^7.0.0",
+    "primeng": "^17.17.0",
+    "quill": "^2.0.2"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "description": "Componentes utilizados no frontend dos sistemas da Keevo Software.",
+  "author": {
+    "name": "Rafael",
+    "url": "https://github.com/rafaelalvesmds"
+  },
+  "keywords": [
+    "keevo components library"
+  ]
+}

package/src/assets/images/keepass-logo.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1073.000000pt" height="626.000000pt" viewBox="0 0 1073.000000 626.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,626.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1871 6249 c-514 -58 -965 -329 -1246 -749 -172 -257 -267 -541 -290
+-862 l-7 -98 -115 0 c-126 0 -157 -10 -187 -60 -15 -26 -16 -182 -16 -1865 0
+-1683 1 -1839 16 -1865 37 -62 17 -60 633 -60 l561 0 2 1658 3 1657 21 45 c26
+54 84 114 139 142 56 29 149 35 213 14 68 -23 143 -91 173 -158 l24 -53 5
+-1266 5 -1266 991 876 c603 534 1008 884 1033 895 l41 19 -1 586 c0 427 -3
+595 -12 621 -7 19 -27 44 -46 57 l-34 23 -1558 0 c-857 0 -1560 3 -1562 8 -10
+19 16 232 42 333 134 527 562 932 1088 1028 154 28 244 33 374 21 472 -43 884
+-312 1111 -725 53 -98 89 -125 163 -125 85 0 153 59 162 141 11 93 -148 341
+-342 534 -263 262 -563 417 -929 480 -113 19 -346 27 -455 14z m1571 -2025
+c51 -17 109 -67 134 -116 25 -49 30 -131 9 -184 -38 -99 -115 -153 -218 -154
+-136 0 -236 97 -237 230 0 166 155 278 312 224z"/>
+<path d="M5188 3641 l-33 -29 -3 -1070 -2 -1069 23 -34 c30 -45 83 -60 133
+-36 60 29 64 52 64 344 l0 258 84 73 c47 41 88 73 93 72 4 -1 226 -167 493
+-369 267 -202 495 -373 507 -379 47 -25 112 -3 138 48 20 38 19 69 -3 103 -9
+15 -229 188 -488 385 -258 196 -471 361 -473 365 -1 5 179 169 401 365 221
+197 409 370 416 385 18 38 8 88 -25 121 -20 21 -35 26 -73 26 l-47 0 -509
+-450 -509 -450 -5 647 c-4 495 -8 653 -18 670 -34 60 -111 71 -164 24z"/>
+<path d="M7593 3204 c-208 -45 -406 -173 -532 -343 -63 -85 -133 -231 -157
+-331 -28 -112 -27 -346 3 -455 133 -488 619 -777 1101 -654 85 21 217 81 288
+130 70 48 180 155 194 189 29 71 -24 150 -101 150 -35 0 -48 -8 -121 -76 -95
+-87 -178 -136 -286 -171 -276 -88 -584 19 -758 263 -54 75 -101 183 -110 248
+l-7 46 758 0 757 0 35 35 36 36 -6 97 c-25 397 -300 730 -681 827 -81 21 -121
+25 -225 24 -69 -1 -154 -7 -188 -15z m352 -220 c33 -8 98 -33 145 -56 69 -33
+102 -58 176 -132 76 -76 98 -105 132 -176 39 -83 71 -185 60 -195 -2 -3 -309
+-4 -680 -3 l-675 3 14 55 c35 141 139 297 252 383 169 127 371 169 576 121z"/>
+<path d="M9696 3199 c-87 -12 -233 -60 -313 -105 -215 -120 -385 -345 -444
+-589 -31 -125 -31 -305 -1 -429 84 -342 354 -608 693 -682 97 -21 281 -21 378
+0 186 41 370 149 484 284 30 36 37 52 37 87 0 74 -63 123 -133 104 -15 -4 -64
+-42 -108 -83 -135 -127 -290 -190 -469 -190 -116 0 -196 20 -310 76 -69 33
+-102 58 -170 127 -105 105 -166 215 -195 349 l-7 32 754 0 c729 0 754 1 785
+20 45 27 55 72 43 185 -14 117 -34 191 -81 293 -130 283 -403 484 -709 522
+-96 11 -136 11 -234 -1z m294 -234 c30 -8 93 -33 140 -56 109 -54 236 -177
+292 -284 31 -61 78 -190 78 -216 0 -5 -287 -9 -680 -9 -374 0 -680 3 -680 6 0
+31 40 144 73 209 57 111 181 235 292 292 73 38 153 64 230 77 50 7 196 -3 255
+-19z"/>
+<path d="M3205 1930 c-363 -321 -661 -584 -663 -586 -2 -1 189 -149 425 -328
+l428 -325 197 -1 197 0 34 33 c26 24 37 44 41 77 4 25 6 420 4 879 l-3 834
+-660 -583z"/>
+<path d="M8015 987 c-123 -41 -210 -142 -234 -272 -14 -77 -15 -659 -1 -686
+12 -22 68 -27 88 -7 8 8 12 67 12 201 l0 189 37 -32 c66 -58 127 -80 224 -80
+76 0 93 4 147 30 137 69 207 215 181 378 -18 115 -86 210 -185 258 -66 32
+-203 43 -269 21z m210 -106 c23 -10 59 -39 82 -64 150 -172 13 -450 -209 -424
+-123 15 -205 104 -216 234 -8 107 51 212 143 254 53 24 147 24 200 0z"/>
+<path d="M8873 986 c-96 -31 -189 -120 -220 -209 -28 -82 -24 -207 9 -279 33
+-72 93 -137 155 -168 42 -22 61 -25 153 -25 116 0 154 13 219 74 18 17 35 31
+37 31 2 0 4 -20 4 -45 0 -39 4 -47 25 -57 19 -8 31 -8 51 0 l25 12 -3 218 c-3
+201 -5 220 -26 263 -34 70 -84 122 -153 159 -53 28 -74 33 -148 36 -55 3 -101
+-1 -128 -10z m205 -102 c187 -78 202 -357 25 -461 -41 -24 -59 -28 -118 -28
+-146 1 -244 102 -245 253 0 104 46 183 133 227 60 30 147 34 205 9z"/>
+<path d="M9673 991 c-120 -31 -190 -139 -152 -238 25 -66 99 -112 222 -137
+139 -29 197 -65 197 -123 0 -52 -84 -103 -171 -103 -56 0 -136 28 -173 60 -53
+47 -106 37 -106 -20 0 -33 40 -72 105 -101 70 -32 235 -39 302 -14 90 35 143
+103 143 186 0 92 -61 152 -188 184 -210 53 -232 66 -232 131 0 54 57 88 146
+87 63 0 106 -17 157 -59 46 -38 97 -30 97 16 0 70 -106 132 -234 136 -45 2
+-95 -1 -113 -5z"/>
+<path d="M10342 986 c-54 -18 -108 -58 -127 -96 -22 -43 -19 -126 6 -166 35
+-56 97 -86 252 -119 140 -30 189 -106 113 -173 -73 -64 -217 -52 -309 24 -33
+28 -69 31 -91 8 -47 -47 15 -113 138 -149 84 -25 225 -18 289 14 111 54 147
+185 76 275 -31 39 -108 74 -209 96 -100 21 -142 40 -164 72 -38 53 -1 109 85
+127 69 15 138 -1 190 -45 57 -47 119 -44 119 7 0 28 -49 78 -104 106 -63 32
+-195 41 -264 19z"/>
+<path d="M1952 821 l-144 -126 156 -3 c86 -1 226 -1 312 0 l157 3 -159 121
+c-87 66 -163 123 -169 126 -5 3 -75 -51 -153 -121z"/>
+</g>
+</svg>

package/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/api/base-components/base-component-button.ts

@@ -0,0 +1,29 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  Output
+} from '@angular/core';
+
+@Component({
+  template: '',
+})
+export class BaseComponentButton {
+
+  @Input() icon: string = '';
+  @Input() label: string = '';
+  @Input() loading: boolean = false;
+  @Input() disabled: boolean = false;
+  @Input() text: boolean = false;
+  @Input() color: string = 'bg-blue-100';
+
+
+
+  @Output() onClick: EventEmitter<any> = new EventEmitter();
+
+  constructor() { }
+
+  click(event: any): void {
+    this.onClick.emit();
+  }
+}

package/src/lib/api/base-components/base-component-chart.ts

@@ -0,0 +1,105 @@
+import { Component, EventEmitter, OnInit, Output, ViewChild } from "@angular/core";
+import { Observable } from "rxjs";
+
+import { chartModel } from "../components/chart/chart.model";
+import { ChartConfig, ChartDatasetConfig } from "../components/chart/chart.config";
+import { KvChartComponent, PeriodosChart } from "../../components/kv-chart/kv-chart.component";
+
+@Component({
+  template: ''
+})
+export abstract class BaseChartComponent implements OnInit {
+
+  chartConfig!: ChartConfig;
+  selectedData: number = 0;
+  enablePeriodos: number[] = [];
+  periodos = PeriodosChart;
+
+  @ViewChild(KvChartComponent) chartComponent?: KvChartComponent;
+
+  @Output() onPrintReport: EventEmitter<any> = new EventEmitter();
+
+  constructor() { }
+
+  protected changeData(event: any) {
+    if (event) {
+      this.selectedData = event?.value;
+      this.loadData();
+    }
+  }
+
+  ngOnInit(): void {
+    this.loadData()
+  }
+
+  abstract loadData(): void;
+
+  protected loadGraphic(obs: Observable<any>) {
+    obs
+      .subscribe({
+        next: (data: any) => {
+          this.chartConfig = this.assembleGraphic(data as chartModel[]);
+          this.chartComponent?.reInit(this.chartConfig);
+        },
+        error: (error: any) => { },
+      });
+  }
+
+  protected assembleGraphic(data: chartModel[]) {
+    let labels: string[] = [];
+    let datasets: ChartDatasetConfig[] = [];
+
+    // Tratando legendas
+    data.map((element: any) => {
+      if (element.labels && !labels.includes(element.labels)) {
+        labels.push(element.labels);
+      }
+    });
+
+    //Descobrindo quantas dimensões tem o gráfico
+    let numDatasets = Math.max(...data.map(o => o.numDatasets));
+
+    //Populando datasets
+    for (let i = 0; i <= numDatasets; i++) {
+      let backgroundColor: string[] = [];
+      let hoverBackgroundColor: string[] = [];
+      let borderColor: string[] = [];
+      let values: number[] = [];
+      let labelDataset: string = '';
+
+      data.filter((obj) => {
+        return obj.numDatasets === i;
+      }).map((obj) => {
+        if (obj.backgroundColor && !backgroundColor.includes(obj.backgroundColor)) {
+          backgroundColor.push(obj.backgroundColor);
+        }
+        if (obj.borderColor && !borderColor.includes(obj.borderColor)) {
+          borderColor.push(obj.borderColor);
+        }
+        if (obj.hoverBackgroundColor && !hoverBackgroundColor.includes(obj.hoverBackgroundColor)) {
+          hoverBackgroundColor.push(obj.hoverBackgroundColor);
+        }
+        if (obj.labelDataset) labelDataset = obj.labelDataset;
+
+        values.push(obj.datasets);
+      });
+
+      datasets.push(
+        {
+          label: labelDataset,
+          backgroundColor: backgroundColor,
+          hoverBackgroundColor: hoverBackgroundColor,
+          borderColor: borderColor?.length === 0 ? undefined : borderColor,
+          data: values
+        }
+      );
+    }
+
+    let dados: ChartConfig = {
+      labels: labels,
+      datasets: datasets
+    };
+
+    return dados;
+  }
+}

package/src/lib/api/base-components/base-component-crud-form.ts

@@ -0,0 +1,361 @@
+import { ActivatedRoute, Router } from "@angular/router";
+import { Component, OnDestroy, OnInit } from "@angular/core";
+import { DialogService, DynamicDialogConfig, DynamicDialogRef } from "primeng/dynamicdialog";
+import { FormGroup, ValidatorFn } from "@angular/forms";
+import { Observable, combineLatest, filter, finalize } from "rxjs";
+
+import { ActionItem } from "../components/table/action-item";
+import { BaseComponentCrud } from "./base-component-crud";
+import { FormService } from "../services/form.service";
+import { NotificationService } from "../services/notification.service";
+import { loading } from "../../components/kv-loader/kv-loader.service";
+
+export interface DadosTela {
+  subTituloForm: string | undefined;
+  tituloForm: string | undefined;
+  rotaListar: string;
+  mensagemValidacao: boolean
+}
+
+@Component({
+  template: ''
+})
+export abstract class BaseComponentCrudForm extends BaseComponentCrud implements OnInit, OnDestroy {
+
+  protected isAccordionExpanded = false;
+  protected isNewRegistry = false;
+  protected isSaveLoading = false;
+  protected isView = false;
+
+  protected formGroup: FormGroup = new FormGroup({});
+  protected actions: ActionItem[] = [];
+
+  protected dadosTela: DadosTela | undefined;
+  protected popup: boolean = false;
+  protected registry: any = null;
+
+  private onSetFormValues: boolean = false;
+
+  constructor(
+    dialogService: DialogService,
+    notificationService: NotificationService,
+    protected activatedRoute: ActivatedRoute,
+    protected dynamicDialogRef: DynamicDialogRef,
+    protected dynamicDialogConfig: DynamicDialogConfig,
+    protected router: Router) {
+    super
+      (
+        dialogService,
+        notificationService
+      );
+  }
+
+  /**
+   * Método disparado para configuração do form
+   */
+  abstract configureForm(): void;
+
+  /**
+   * Método disparado para o carregamento do form
+   * @param id
+   */
+  abstract loadForm(id: any): void;
+
+  /**
+   * Método disparado para salvamento dos dados
+   */
+  abstract save(): void;
+
+  /**
+   * Método disparado para tratamento das notificações do backend
+   * @param err - Notificação
+   */
+  protected backendError(err: any): void {
+    if (err) {
+      if (err.status == 404) {
+        this.notificationService.toastError(err.error.item2[0].message);
+        return;
+      }
+      else if (err.status == 400) {
+        // Erros de validação de domínio do backend
+        if (Array.isArray(err.error)) {
+          if (err.error?.length) {
+
+            if (err.error.length == 1 && err.error[0].key == '') {
+              this.notificationService.toastError(err.error[0].message);
+              return;
+            }
+
+            this.invalidForm(err.error);
+            return;
+          }
+        }
+        else if (Array.isArray(err.error.item2)) {
+          if (err.error.item2?.length) {
+
+            if (err.error.item2.length == 1) {
+              this.notificationService.toastError(err.error.item2[0].message);
+              return;
+            }
+
+            this.invalidForm(err.error.item2);
+            return;
+          }
+        }
+        else if (err.error?.title) {
+          // Erro de json no backend
+          this.notificationService.toastError(err.error.title);
+          return;
+        }
+      }
+      else if (err.status == 415) {
+        if (err.error?.title) {
+          // Erro de json no backend
+          this.notificationService.toastError(err.error.title);
+          return;
+        }
+      }
+
+      // Qualquer outro tipo de erro que tenha mensagem
+      if (err.message) {
+        this.notificationService.toastError(err.message);
+      }
+    }
+  }
+
+  /**
+   * Método disparado ao clicar no botão de cancelamento
+   */
+  protected cancel() {
+    this.notificationService.question({
+      type: 'question',
+      message: 'Deseja cancelar a operação?',
+      accept: () => {
+        this.navigateList();
+      },
+    });
+  }
+
+  /**
+   * Verifica se houveram alterações nos componentes do formControl
+   * @param controls - Nomes do controles no formGroup
+   * @returns Observable
+   */
+  protected detectFormControlChanges(controls: Array<string>): Observable<any> {
+    const controlList: Observable<any>[] = [];
+    controls.forEach(controlName => controlList.push(this.formGroup.controls[controlName].valueChanges));
+    return combineLatest(controlList).pipe(filter(() => !this.onSetFormValues));
+  }
+
+  /**
+   * Método responsável por desabilitar um componente
+   * @param controlName - Nome do controle no formGroup
+   */
+  protected disableComponent(controlName: string) {
+    FormService.disableControl(this.formGroup, controlName);
+  }
+
+  /**
+   * Método responsável por limpar e desabilitar um componente
+   * @param controlName - Nome do controle no formGroup
+   * @param value - Valor default
+   */
+  protected disableAndClearComponent(controlName: string, value?: any) {
+    FormService.disableAndClearControl(this.formGroup, controlName, value);
+  }
+
+  /**
+   * Método responsável por habilitar um componente
+   * @param controlName - Nome do controle no formGroup
+   */
+  protected enableComponent(controName: string) {
+    FormService.enableControl(this.formGroup, controName);
+  }
+
+  /**
+   * Método que retorna o valor de um componente
+   * @param controlName - Nome do controle no formGroup
+   * @returns - Valor
+   */
+  protected getFormValue<T>(controlName: string): T {
+    return FormService.getFormValue<T>(this.formGroup, controlName);
+  }
+
+  /**
+   * Verifica se o componente possui erro
+   * @param controlName - Nome do controle no formGroup
+   */
+  protected hasControlError(controlName: string, errorCode?: string): boolean {
+    return FormService.hasControlError(this.formGroup, controlName, errorCode);
+  }
+
+  /**
+   * Seta inconsistências para o fomulário
+   * @param notification - Lista de notificações
+   */
+  protected invalidForm(notification?: any) {
+    FormService.invalidForm(this.formGroup, notification);
+  }
+
+  /**
+   * Tratamento de inconsistências do formulário
+   */
+  protected invalidateForm() {
+    this.isAccordionExpanded = true;
+    this.invalidForm();
+
+    if (this.dadosTela?.mensagemValidacao) {
+      this.notificationService.dialog({
+        type: 'alert',
+        message: 'Verifique os campos obrigatórios.',
+      });
+    }
+  }
+
+  /**
+   * Método responsável pelo carregamento da tela
+   * @param obs - Observable responsável pelo salvamento dos dados
+   */
+  public loadData<T>(obs: Observable<any>) {
+    obs
+      .pipe(loading())
+      .subscribe((data: any) => {
+        this.isNewRegistry = false;
+        this.registry = data as T;
+        this.setFormValues(this.registry);
+        this.loadGrids();
+        this.setTitlePopup();
+      });
+  }
+
+  async loadDataAsync<T>(obs: Observable<any>) {
+    await obs.pipe(loading()).toPromise();
+    const data: any = await obs.toPromise();
+
+    this.isNewRegistry = false;
+    this.registry = data as T;
+    this.setFormValues(this.registry);
+    this.loadGrids();
+    this.setTitlePopup();
+  }
+
+  /**
+   * Método disparado para carregamento de grids (Disparado após o loadData)
+   */
+  public loadGrids() { }
+
+  /**
+   * Método disparado para retornar a lista
+   */
+  protected navigateList(id: any = null) {
+    if (this.popup) {
+      this.dynamicDialogRef.close(id);
+    }
+    else if (this.dadosTela?.rotaListar) {
+      this.router.navigate([this.dadosTela.rotaListar]);
+    }
+  }
+
+  public ngOnDestroy() {
+    if (this.dynamicDialogRef) {
+      this.dynamicDialogRef.close();
+    }
+  }
+
+  public ngOnInit() {
+    this.configureForm();
+
+    this.popup = this.dynamicDialogConfig?.data?.popup || false;
+
+    this.activatedRoute.params.subscribe((params: any) => {
+      if (params['id']) {
+        this.loadForm(params['id']);
+      }
+      else if (this.dynamicDialogConfig?.data?.id) {
+        this.loadForm(this.dynamicDialogConfig.data.id);
+      }
+      else {
+        this.isNewRegistry = true;
+        this.loadGrids();
+        this.setTitlePopup();
+      }
+    });
+  }
+
+  /**
+   * Método disparado para salvar dados
+   * @param obs - Observable responsável pelo salvamento dos dados
+   */
+  protected saveData(obs: Observable<any>) {
+    obs
+      .pipe((src: Observable<any>) => {
+        this.isSaveLoading = true;
+        return src.pipe(finalize(() => {
+          this.isSaveLoading = false;
+        }));
+      })
+      .subscribe({
+        next: (res: any) => {
+          this.notificationService.toastSuccess(res.item2[0].message);
+          this.navigateList(res.item1);
+        },
+        error: (e) => {
+          this.backendError(e);
+        },
+      });
+  }
+
+  /**
+   * Método se atualiza o valor de um componente do formGroup
+   * @param controName - Nome do controle
+   * @param value - Valor para atualização
+   */
+  protected setControlValue(controName: string, value: any) {
+    FormService.setControlValue(this.formGroup, controName, value);
+  }
+
+  /**
+   * Atualiza valores dos componentes do formGroup
+   * @param values - Valores para atualização
+   */
+  protected setFormValues(values: any) {
+    this.onSetFormValues = true;
+    this.formGroup.patchValue(values, { emitEvent: false });
+    this.onSetFormValues = false;
+  }
+
+  /**
+   * Seta o título do popup
+   */
+  private setTitlePopup() {
+    if (this.popup) {
+      if (this.dynamicDialogConfig)
+        this.dynamicDialogConfig.header = this.dadosTela?.tituloForm;
+    }
+  }
+
+  /**
+   * Atualiza o validador de um componente do formGroup
+   * @param controName - Nome do controle
+   * @param validators - Regra de validação
+   */
+  protected setValidators(controName: string, validators: ValidatorFn | ValidatorFn[] | null) {
+    FormService.setValidators(this.formGroup, controName, validators);
+  }
+
+  /**
+   * Dispara os métodos de validações do formulário
+   * @returns - True/False
+   */
+  protected validateForm(): boolean {
+    let valid: boolean = false;
+
+    if (this.formGroup && this.formGroup.valid) {
+      valid = true;
+    } else {
+      this.invalidateForm();
+    }
+
+    return valid;
+  }
+}