mapa-library-ui 0.17.1 → 0.18.0

package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs

@@ -6,7 +6,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
 import { Subject } from 'rxjs/internal/Subject';
 import * as i2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i4 from '@angular/material/form-field';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import * as i5 from '@angular/material/select';
@@ -783,62 +783,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
-class ElementBase {
-    constructor(options = {}) {
-        this.value = options.value || "";
-        this.key = options.key || "";
-        this.label = options.label || "";
-        this.required = !!options.required;
-        this.order = options.order === undefined ? 1 : options.order;
-        this.controlType = options.controlType || "";
-        this.type = options.type || "";
-        this.placeholder = options.placeholder || "";
-        this.hint = options.hint || "";
-        this.prefix = options.prefix || "";
-        this.suffix = options.suffix || "";
-        this.autosize = options.autosize || false;
-        this.autosizeMinWidth = options.autosizeMinWidth || "212px";
-        this.autosizeMaxWidth = options.autosizeMaxWidth || "400px";
-        this.autosizeMinRow = options.autosizeMinRow || 2;
-        this.autosizeMaxRow = options.autosizeMaxRow || 5;
-        this.options = options.options || [];
-        this.multiple = options.multiple || false;
-        this.search = options.search || undefined;
-        this.maxLength = options.maxLength || null;
-        this.errors = options.errors || undefined;
-        this.actionButton = options.actionButton || undefined;
-        this.mask = options.mask || undefined;
-    }
-}
-
-class Dropdown extends ElementBase {
-    constructor() {
-        super(...arguments);
-        this.controlType = 'dropdown';
-    }
-}
-
-class InputText extends ElementBase {
-    constructor() {
-        super(...arguments);
-        this.controlType = 'input';
-    }
-}
-
-class RadioButton extends ElementBase {
-    constructor() {
-        super(...arguments);
-        this.controlType = 'radio-button';
-    }
-}
-
-class Textarea extends ElementBase {
-    constructor() {
-        super(...arguments);
-        this.controlType = 'textarea';
-    }
-}
-
 class MapaCapabilityComparativeIndicatorComponent {
     getWidth(item) {
         return 32 + (item.interval || 0) * 2 + "px";
@@ -892,34 +836,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class MapaCapabilityComparativeComponent {
-    constructor() {
-        this.index = 0;
-        this.formControlComparative = new FormControl();
-        this.dropdownComparative = new Dropdown({
-            key: 'competency',
-            label: 'Competência',
-            options: this.options,
-        });
-        this.formControlComparative.valueChanges.subscribe((value) => {
-            this.index = Number(value.key);
-        });
-    }
-    ngOnInit() {
-        if (this.options) {
-            this.dropdownComparative.options = this.options;
-            this.formControlComparative.setValue(this.options[0]);
-        }
-    }
+    constructor() { }
+    ngOnInit() { }
 }
 MapaCapabilityComparativeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityComparativeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeComponent, selector: "mapa-capability-comparative", inputs: { data: "data", options: "options" }, ngImport: i0, template: "<section class=\"capability-comparative\">\n  <nav *ngIf=\"dropdownComparative.options.length > 0\">\n    <mapa-dropdown\n      [formControl]=\"formControlComparative\"\n      [element]=\"dropdownComparative\"\n    ></mapa-dropdown>\n  </nav>\n  <main>\n    <mapa-capability-comparative-header\n      [data]=\"data[index]\"\n    ></mapa-capability-comparative-header>\n    <mapa-capability-comparative-chart\n      [data]=\"data[index]\"\n    ></mapa-capability-comparative-chart>\n  </main>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative main{width:100%}@media only screen and (min-width: 1200px){.capability-comparative{flex-direction:row}.capability-comparative nav{display:flex;height:100%;width:30%}.capability-comparative main{width:70%}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: ["data"] }, { kind: "component", type: MapaCapabilityComparativeHeaderComponent, selector: "mapa-capability-comparative-header", inputs: ["data"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaCapabilityComparativeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeComponent, selector: "mapa-capability-comparative", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability-comparative\">\n  <mapa-capability-comparative-header\n    [data]=\"data\"\n  ></mapa-capability-comparative-header>\n  <mapa-capability-comparative-chart\n    [data]=\"data\"\n  ></mapa-capability-comparative-chart>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative__header{align-items:flex-start!important;flex-direction:column!important}.capability-comparative__header section{display:flex;gap:24px}\n"], dependencies: [{ kind: "component", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: ["data"] }, { kind: "component", type: MapaCapabilityComparativeHeaderComponent, selector: "mapa-capability-comparative-header", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-comparative", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability-comparative\">\n  <nav *ngIf=\"dropdownComparative.options.length > 0\">\n    <mapa-dropdown\n      [formControl]=\"formControlComparative\"\n      [element]=\"dropdownComparative\"\n    ></mapa-dropdown>\n  </nav>\n  <main>\n    <mapa-capability-comparative-header\n      [data]=\"data[index]\"\n    ></mapa-capability-comparative-header>\n    <mapa-capability-comparative-chart\n      [data]=\"data[index]\"\n    ></mapa-capability-comparative-chart>\n  </main>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative main{width:100%}@media only screen and (min-width: 1200px){.capability-comparative{flex-direction:row}.capability-comparative nav{display:flex;height:100%;width:30%}.capability-comparative main{width:70%}}\n"] }]
+            args: [{ selector: "mapa-capability-comparative", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability-comparative\">\n  <mapa-capability-comparative-header\n    [data]=\"data\"\n  ></mapa-capability-comparative-header>\n  <mapa-capability-comparative-chart\n    [data]=\"data\"\n  ></mapa-capability-comparative-chart>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative__header{align-items:flex-start!important;flex-direction:column!important}.capability-comparative__header section{display:flex;gap:24px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                 type: Input
-            }], options: [{
-                type: Input
             }] } });
 
 class MapaCapabilityComparativeHeaderModule {