npm - mapa-library-ui - Versions diffs - 0.0.50 → 0.1.0 - Mend

mapa-library-ui 0.0.50 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/fesm2015/mapa-library-ui-src-lib-components-dialog.mjs CHANGED Viewed

@@ -1,178 +1,307 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule, Inject } from '@angular/core';
-import * as i3 from '@angular/common';
+import { Component, ViewEncapsulation, Input, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { MatButtonModule } from '@angular/material/button';
-import * as i1 from '@angular/material/icon';
+import * as i2$1 from 'ng-apexcharts';
+import { NgApexchartsModule } from 'ng-apexcharts';
+import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
+import { Subject } from 'rxjs/internal/Subject';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/form-field';
+import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule, MAT_SELECT_CONFIG } from '@angular/material/select';
+import * as i5 from '@angular/material/core';
+import * as i6 from 'ngx-mat-select-search';
+import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
+import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2 from '@angular/platform-browser';
-import * as i1$1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
-import * as i4 from 'mapa-library-ui/src/lib/components/button';
-import { MapaButtonModule as MapaButtonModule$1 } from 'mapa-library-ui/src/lib/components/button';
-class ButtonComponent {
+class MapaDropdownComponent {
     constructor() {
-        this.clicked = new EventEmitter();
+        this.filteredOptions = new ReplaySubject(1);
+        this.filteredOptionsCache = [];
+        this._onDestroy = new Subject();
+        this.isIndeterminate = false;
+        this.isChecked = false;
     }
-    onClick() {
-        this.clicked.emit();
+    ngOnInit() {
+        var _a;
+        this.filteredOptionsCache = this.element.options.slice();
+        this.filteredOptions.next(this.filteredOptionsCache);
+        if (this.element.search) {
+            (_a = this.element.search.formControl) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(() => {
+                this.filterOptions();
+                this.setToggleAllCheckboxState();
+            });
+        }
+    }
+    ngAfterViewInit() {
+        this.setInitialValue();
+    }
+    ngOnDestroy() {
+        this._onDestroy.next();
+        this._onDestroy.complete();
+    }
+    filterOptions() {
+        var _a, _b;
+        if (!this.element.options) {
+            return;
+        }
+        // get the search keyword
+        let search = (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value;
+        if (!search) {
+            this.filteredOptionsCache = this.element.options.slice();
+            this.filteredOptions.next(this.filteredOptionsCache);
+            return;
+        }
+        // filter the options
+        this.filteredOptionsCache = this.element.options.filter((option) => option.value.toLowerCase().indexOf(search) > -1);
+        this.filteredOptions.next(this.filteredOptionsCache);
+    }
+    setInitialValue() {
+        this.filteredOptions
+            //.pipe(take(1), takeUntil(this._onDestroy))
+            .subscribe(() => {
+            this.dropdown.compareWith = (a, b) => a && b && a.id === b.id;
+        });
+    }
+    setToggleAllCheckboxState() {
+        var _a, _b;
+        let filteredLength = 0;
+        let search = (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value;
+        if (search && search.value) {
+            this.filteredOptionsCache.forEach(el => {
+                if (search.value.toLowerCase().indexOf(el) > -1) {
+                    filteredLength++;
+                }
+            });
+            this.isIndeterminate = filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;
+            this.isChecked = filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;
+        }
+    }
+    toggleSelectAll(selectAllValue) {
+        this.filteredOptions
+            //.pipe(take(1), takeUntil(this._onDestroy))
+            .subscribe((options) => {
+            var _a, _b;
+            if (selectAllValue) {
+                (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.patchValue(options);
+            }
+            else {
+                (_b = this.formControl) === null || _b === void 0 ? void 0 : _b.patchValue([]);
+            }
+        });
     }
 }
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:1px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
+MapaDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MapaDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: { formControl: "formControl", formControlSearch: "formControlSearch", element: "element", border: "border" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  appearance=\"outline\"\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n  [class.mapa-dropdown--labeled]=\"!!element.label\">\n  <mat-select\n    #dropdown\n    [formControl]=\"formControl\"\n    [multiple]=\"element.multiple\"\n    [placeholder]=\"element.placeholder || ''\"\n  >\n    <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n      <ngx-mat-select-search\n        *ngIf=\"element.search.formControl\"\n        [showToggleAllCheckbox]=\"true\"\n        [formControl]=\"element.search.formControl\"\n        [placeholderLabel]=\"element.search.placeholder || ''\"\n        i18n-placeholderLabel\n        [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\"\n      ></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n      {{ option.value }}\n    </mat-option>\n  </mat-select>\n  <mat-error\n    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:SF-Pro!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:SF-Pro!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option{display:flex;padding:16px 8px!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#f6f7f7;height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-clear{top:-3px!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-input::placeholder{color:#c3c4c7!important}.mapa-overlay-dropdown .mapa-dropdown__search .mat-option-text{width:100%}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i6.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:1px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
-        }], propDecorators: { color: [{
+            args: [{ selector: "mapa-dropdown", encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  appearance=\"outline\"\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n  [class.mapa-dropdown--labeled]=\"!!element.label\">\n  <mat-select\n    #dropdown\n    [formControl]=\"formControl\"\n    [multiple]=\"element.multiple\"\n    [placeholder]=\"element.placeholder || ''\"\n  >\n    <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n      <ngx-mat-select-search\n        *ngIf=\"element.search.formControl\"\n        [showToggleAllCheckbox]=\"true\"\n        [formControl]=\"element.search.formControl\"\n        [placeholderLabel]=\"element.search.placeholder || ''\"\n        i18n-placeholderLabel\n        [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\"\n      ></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n      {{ option.value }}\n    </mat-option>\n  </mat-select>\n  <mat-error\n    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:SF-Pro!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:SF-Pro!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option{display:flex;padding:16px 8px!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#f6f7f7;height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-inside-mat-option{height:unset!important;line-height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-clear{top:-3px!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-inner{top:8px;border:2px solid #a7aaad;border-radius:8px!important;width:100%!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-toggle-all-checkbox{padding-left:8px!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-input{padding:8px 8px 8px 6px!important;height:unset!important;line-height:unset!important}.mapa-overlay-dropdown .mapa-dropdown__search.mat-option .mat-select-search-input::placeholder{color:#c3c4c7!important}.mapa-overlay-dropdown .mapa-dropdown__search .mat-option-text{width:100%}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
                 type: Input
-            }], disabled: [{
+            }], formControlSearch: [{
                 type: Input
-            }], clicked: [{
-                type: Output
+            }], element: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], dropdown: [{
+                type: ViewChild,
+                args: ["dropdown", { static: true }]
             }] } });
-class MapaButtonModule {
-}
-MapaButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, declarations: [ButtonComponent], imports: [CommonModule, MatButtonModule], exports: [ButtonComponent] });
-MapaButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, imports: [CommonModule, MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ButtonComponent],
-                    exports: [ButtonComponent],
-                    imports: [CommonModule, MatButtonModule],
-                }]
-        }] });
-/*
- * Public API Surface of mapa-library-ui button
- */
-class IconComponent {
-    constructor(matIconRegistry, domSanitizer) {
-        this.matIconRegistry = matIconRegistry;
-        this.domSanitizer = domSanitizer;
+class MapaChartComponent {
+    constructor() {
+        this.colors = ["#EA561D", "#6195FB", "#2ED47A", "#EEDB2A"];
     }
-    ngOnChanges() {
-        this.registerCustomIcons(this.svg);
+    ngOnInit() {
+        this.generateChart();
     }
-    registerCustomIcons(svg) {
-        this.matIconRegistry.addSvgIcon(svg, this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`));
+    generateChart() {
+        var _a, _b, _c;
+        if (this.options) {
+            this.chartOptions = {
+                series: this.options.series,
+                chart: {
+                    height: 500,
+                    width: "70%",
+                    type: ((_a = this.options.chart) === null || _a === void 0 ? void 0 : _a.type) || "radar",
+                    events: {
+                        beforeMount: (chart) => {
+                            chart.windowResizeHandler();
+                        }
+                    }
+                },
+                stroke: {
+                    width: 1,
+                    colors: this.colors,
+                },
+                fill: {
+                    opacity: 0.3,
+                    colors: this.colors,
+                },
+                markers: {
+                    size: 2,
+                    shape: "circle",
+                    colors: this.colors,
+                    strokeColors: this.colors,
+                },
+                xaxis: {
+                    categories: (_b = this.options.xaxis) === null || _b === void 0 ? void 0 : _b.categories,
+                    labels: {
+                        style: {
+                            colors: new Array((_c = this.options.xaxis) === null || _c === void 0 ? void 0 : _c.categories.length).fill("#666666"),
+                            fontSize: "12px",
+                            fontFamily: "SF-Pro",
+                        },
+                    },
+                },
+                yaxis: {
+                    labels: {
+                        style: {
+                            colors: "#9B9B9B",
+                            fontSize: "12px",
+                            fontFamily: "SF-Pro",
+                        },
+                    },
+                },
+                legend: {
+                    position: "right",
+                    horizontalAlign: "center",
+                    height: 500,
+                    fontSize: "12px",
+                    fontFamily: "SF-Pro",
+                    containerMargin: { left: 30 },
+                    markers: {
+                        fillColors: this.colors,
+                    },
+                },
+                responsive: [
+                    {
+                        breakpoint: 1300,
+                        options: {
+                            chart: {
+                                width: "100%",
+                                height: 550,
+                            },
+                            legend: {
+                                position: "bottom",
+                                horizontalAlign: "center",
+                                height: 100,
+                            },
+                        },
+                    },
+                ],
+            };
+        }
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
+MapaChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MapaChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaChartComponent, selector: "mapa-chart", inputs: { options: "options" }, ngImport: i0, template: "<section>\n  <div class=\"chart\" *ngIf=\"chartOptions\">\n    <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n      <mapa-dropdown\n        [formControl]=\"options.dropdown.formControl\"\n        [element]=\"options.dropdown.element\"\n      ></mapa-dropdown>\n    </div>\n    <apx-chart\n      [series]=\"chartOptions.series!\"\n      [chart]=\"chartOptions.chart!\"\n      [xaxis]=\"chartOptions.xaxis!\"\n      [yaxis]=\"chartOptions.yaxis!\"\n      [stroke]=\"chartOptions.stroke!\"\n      [markers]=\"chartOptions.markers!\"\n      [fill]=\"chartOptions.fill!\"\n      [title]=\"chartOptions.title!\"\n      [legend]=\"chartOptions.legend!\"\n      [responsive]=\"chartOptions.responsive!\"\n    ></apx-chart>\n  </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }, { kind: "component", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-icon', template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }]; }, propDecorators: { svg: [{
+            args: [{ selector: "mapa-chart", encapsulation: ViewEncapsulation.None, template: "<section>\n  <div class=\"chart\" *ngIf=\"chartOptions\">\n    <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n      <mapa-dropdown\n        [formControl]=\"options.dropdown.formControl\"\n        [element]=\"options.dropdown.element\"\n      ></mapa-dropdown>\n    </div>\n    <apx-chart\n      [series]=\"chartOptions.series!\"\n      [chart]=\"chartOptions.chart!\"\n      [xaxis]=\"chartOptions.xaxis!\"\n      [yaxis]=\"chartOptions.yaxis!\"\n      [stroke]=\"chartOptions.stroke!\"\n      [markers]=\"chartOptions.markers!\"\n      [fill]=\"chartOptions.fill!\"\n      [title]=\"chartOptions.title!\"\n      [legend]=\"chartOptions.legend!\"\n      [responsive]=\"chartOptions.responsive!\"\n    ></apx-chart>\n  </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { options: [{
                 type: Input
             }] } });
-class MapaIconModule {
+class MapaDropdownModule {
 }
-MapaIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, declarations: [IconComponent], imports: [CommonModule, MatIconModule], exports: [IconComponent] });
-MapaIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, imports: [CommonModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, decorators: [{
+MapaDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, declarations: [MapaDropdownComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatListModule,
+        MatIconModule,
+        MatSelectModule,
+        NgxMatSelectSearchModule], exports: [MapaDropdownComponent] });
+MapaDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, providers: [
+        {
+            provide: MAT_SELECT_CONFIG,
+            useValue: { overlayPanelClass: "mapa-overlay-dropdown" },
+        },
+        {
+            provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
+            useValue: { appearance: "outline" },
+        },
+    ], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatListModule,
+        MatIconModule,
+        MatSelectModule,
+        NgxMatSelectSearchModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [IconComponent],
-                    exports: [IconComponent],
-                    imports: [CommonModule, MatIconModule],
+                    declarations: [MapaDropdownComponent],
+                    exports: [MapaDropdownComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatListModule,
+                        MatIconModule,
+                        MatSelectModule,
+                        NgxMatSelectSearchModule,
+                    ],
+                    providers: [
+                        {
+                            provide: MAT_SELECT_CONFIG,
+                            useValue: { overlayPanelClass: "mapa-overlay-dropdown" },
+                        },
+                        {
+                            provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
+                            useValue: { appearance: "outline" },
+                        },
+                    ],
                 }]
         }] });
 /*
- * Public API Surface of mapa-library-ui icon
+ * Public API Surface of mapa-library-ui dropdown
  */
-class MapaDialogComponent {
-    constructor(data, dialogRef, sanitizer) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.sanitizer = sanitizer;
-        this.isSave = false;
-    }
-    ngOnInit() {
-        this.dialogData = this.data.dialogData;
-        if (this.dialogData.imgBase64) {
-            this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/jpg;base64,${this.dialogData.imgBase64}`);
-        }
-    }
-    close() {
-        this.dialogRef.close(this.isSave);
-    }
-    save() {
-        this.isSave = true;
-        this.dialogRef.close(this.isSave);
-    }
-}
-MapaDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-MapaDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDialogComponent, selector: "mapa-dialog", ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <mat-icon (click)=\"close()\">close</mat-icon>\n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p>{{ dialogData.description }}</p>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{padding:20px 28px;background-color:transparent}.mapa-dialog .mat-icon{position:absolute;right:10px;top:10px;cursor:pointer}.mapa-dialog h2{color:#181818;font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{max-width:100%}.mapa-dialog p{color:#50575e;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-dialog", template: "<div class=\"mapa-dialog\">\n  <mat-icon (click)=\"close()\">close</mat-icon>\n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p>{{ dialogData.description }}</p>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{padding:20px 28px;background-color:transparent}.mapa-dialog .mat-icon{position:absolute;right:10px;top:10px;cursor:pointer}.mapa-dialog h2{color:#181818;font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{max-width:100%}.mapa-dialog p{color:#50575e;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }, { type: i1$1.MatDialogRef }, { type: i2.DomSanitizer }];
-    } });
-function openDialog(dialog, dialogData) {
-    const config = new MatDialogConfig();
-    config.disableClose = true;
-    config.autoFocus = true;
-    config.panelClass = "icon-outside";
-    config.data = {
-        dialogData,
-    };
-    const dialogRef = dialog.open(MapaDialogComponent, config);
-    return dialogRef.afterClosed();
-}
-class MapaDialogModule {
+class MapaChartModule {
 }
-MapaDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogModule, declarations: [MapaDialogComponent], imports: [CommonModule,
-        MapaButtonModule$1,
-        MatDialogModule,
-        MatIconModule], exports: [MapaDialogComponent] });
-MapaDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogModule, imports: [CommonModule,
-        MapaButtonModule$1,
-        MatDialogModule,
-        MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogModule, decorators: [{
+MapaChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaChartModule, declarations: [MapaChartComponent], imports: [CommonModule,
+        NgApexchartsModule,
+        MapaDropdownModule], exports: [MapaChartComponent] });
+MapaChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartModule, imports: [CommonModule,
+        NgApexchartsModule,
+        MapaDropdownModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        MapaDialogComponent,
+                        MapaChartComponent
+                    ],
+                    exports: [
+                        MapaChartComponent
                     ],
                     imports: [
                         CommonModule,
-                        MapaButtonModule$1,
-                        MatDialogModule,
-                        MatIconModule
-                    ],
-                    exports: [
-                        MapaDialogComponent,
+                        NgApexchartsModule,
+                        MapaDropdownModule,
                     ]
                 }]
         }] });
 /*
- * Public API Surface of mapa-library-ui dialog
+ * Public API Surface of mapa-library-ui chart
  */
 /*
- * Public API Surface of mapa-library-ui dialog
+ * Public API Surface of mapa-library-ui chart
  */
 /**
  * Generated bundle index. Do not edit.
  */
-export { ButtonComponent, IconComponent, MapaButtonModule, MapaDialogComponent, MapaDialogModule, MapaIconModule, openDialog };
+export { MapaChartComponent, MapaChartModule };
 //# sourceMappingURL=mapa-library-ui-src-lib-components-dialog.mjs.map

package/fesm2015/mapa-library-ui-src-lib-components-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.html","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.module.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/public-api.ts","../../../projects/mapa-library-ui/src/dialog.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'mapa-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n @Input() color: 'primary' \| 'accent' \| 'basic' \| null \| undefined;\n @Input() disabled!: boolean;\n @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n onClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n class=\"mapa-button\"\n (click)=\"onClick()\"\n [class.primary]=\"color === 'primary'\"\n [class.accent]=\"color === 'accent'\"\n [class.basic]=\"color === 'basic'\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button> ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n declarations: [ButtonComponent],\n exports: [ButtonComponent],\n imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './src/button.component';\nexport * from './src/button.module';\n","import { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n selector: 'mapa-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n @Input() svg: string \| null \| undefined;\n\n constructor(\n private matIconRegistry: MatIconRegistry,\n private domSanitizer: DomSanitizer\n ) {}\n\n ngOnChanges(): void {\n this.registerCustomIcons(this.svg!);\n }\n\n registerCustomIcons(svg: string): void {\n this.matIconRegistry.addSvgIcon(\n svg,\n this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n );\n }\n}\n","<mat-icon ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n declarations: [IconComponent],\n exports: [IconComponent],\n imports: [CommonModule, MatIconModule],\n})\nexport class MapaIconModule {}\n","/\n Public API Surface of mapa-library-ui icon\n /\n\nexport from './src/icon.component';\nexport * from './src/icon.module';","import { Component, Inject } from \"@angular/core\";\nimport {\n MAT_DIALOG_DATA,\n MatDialog,\n MatDialogConfig,\n MatDialogRef,\n} from \"@angular/material/dialog\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { DialogData } from \"../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n selector: \"mapa-dialog\",\n templateUrl: \"./dialog.component.html\",\n styleUrls: [\"./dialog.component.scss\"],\n})\nexport class MapaDialogComponent {\n imgBase64!: SafeResourceUrl;\n isSave: boolean = false;\n dialogData!: DialogData;\n\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: any,\n private dialogRef: MatDialogRef<MapaDialogComponent>,\n private sanitizer: DomSanitizer\n ) {}\n\n ngOnInit() {\n this.dialogData = this.data.dialogData;\n if (this.dialogData.imgBase64) {\n this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n `data:image/jpg;base64,${this.dialogData.imgBase64}`\n );\n }\n }\n\n close() {\n this.dialogRef.close(this.isSave);\n }\n\n save() {\n this.isSave = true;\n this.dialogRef.close(this.isSave);\n }\n}\n\nexport function openDialog(dialog: MatDialog, dialogData: DialogData) {\n const config = new MatDialogConfig();\n\n config.disableClose = true;\n config.autoFocus = true;\n config.panelClass = \"icon-outside\";\n config.data = {\n dialogData,\n };\n\n const dialogRef = dialog.open(MapaDialogComponent, config);\n\n return dialogRef.afterClosed();\n}\n","<div class=\"mapa-dialog\">\n <mat-icon (click)=\"close()\">close</mat-icon>\n <mat-dialog-content>\n <img ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n <h2>\n {{ dialogData.title }}\n </h2>\n <p>{{ dialogData.description }}</p>\n </mat-dialog-content>\n <mat-dialog-actions>\n <mapa-button color=\"basic\" (click)=\"close()\" ngIf=\"dialogData.actions.close\">\n {{ dialogData.actions.close }}\n </mapa-button>\n <mapa-button color=\"primary\" (click)=\"save()\" ngIf=\"dialogData.actions.save\">\n {{ dialogData.actions.save }}\n </mapa-button>\n </mat-dialog-actions>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule} from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\nimport { MapaDialogComponent } from './dialog.component';\n\n@NgModule({\n declarations: [\n MapaDialogComponent,\n ],\n imports: [\n CommonModule,\n MapaButtonModule,\n MatDialogModule,\n MatIconModule\n ],\n exports: [\n MapaDialogComponent,\n ]\n})\nexport class MapaDialogModule { }\n","/\n * Public API Surface of mapa-library-ui dialog\n /\n\nexport from '../dialog/src/dialog.component';\nexport * from '../dialog/src/dialog.module';\n","/\n Public API Surface of mapa-library-ui dialog\n /\n\nexport from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/dialog/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dialog';\n"],"names":["i1","i5","MapaButtonModule"],"mappings":"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"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.html","../../../projects/mapa-library-ui/src/lib/components/chart/src/chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/chart/src/chart.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.module.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/chart/src/chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/chart/public-api.ts","../../../projects/mapa-library-ui/src/chart.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import {\n AfterViewInit,\n Component,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { MatSelect } from \"@angular/material/select\";\n\nimport { ReplaySubject } from \"rxjs/internal/ReplaySubject\";\nimport { Subject } from \"rxjs/internal/Subject\";\n//import { take, takeUntil } from \"rxjs/operators\";\n\nimport { ElementOption } from \"../../../core/interfaces/option.interface\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\n\n@Component({\n selector: \"mapa-dropdown\",\n templateUrl: \"./dropdown.component.html\",\n styleUrls: [\"./dropdown.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaDropdownComponent implements OnInit, AfterViewInit, OnDestroy {\n @Input() formControl!: FormControl;\n @Input() formControlSearch!: FormControl;\n @Input() element!: Dropdown;\n @Input() border: \"soft\" \| \"tag\" \| \"highlight\" \| null \| undefined;\n\n @ViewChild(\"dropdown\", { static: true }) dropdown!: MatSelect;\n\n public filteredOptions: ReplaySubject<ElementOption[]> = new ReplaySubject<\n ElementOption[]\n >(1);\n protected filteredOptionsCache: ElementOption[] = [];\n protected _onDestroy = new Subject<void>();\n \n isIndeterminate = false;\n isChecked = false;\n\n constructor() {}\n\n ngOnInit() {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n\n if (this.element.search) {\n this.element.search.formControl?.valueChanges\n //.pipe(takeUntil(this._onDestroy))\n .subscribe(() => {\n this.filterOptions();\n this.setToggleAllCheckboxState();\n });\n }\n }\n\n ngAfterViewInit() {\n this.setInitialValue();\n }\n\n ngOnDestroy() {\n this._onDestroy.next();\n this._onDestroy.complete();\n }\n\n protected filterOptions() {\n if (!this.element.options) {\n return;\n }\n // get the search keyword\n let search = this.element.search?.formControl?.value;\n if (!search) {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n return;\n }\n // filter the options\n this.filteredOptionsCache = this.element.options.filter(\n (option: ElementOption) =>\n option.value.toLowerCase().indexOf(search) > -1\n );\n this.filteredOptions.next(this.filteredOptionsCache);\n }\n\n protected setInitialValue() {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe(() => {\n this.dropdown.compareWith = (a: Element, b: Element) => a && b && a.id === b.id;\n });\n }\n\n protected setToggleAllCheckboxState() {\n let filteredLength = 0;\n let search = this.element.search?.formControl?.value;\n\n if (search && search.value) {\n this.filteredOptionsCache.forEach(el => {\n if (search.value.toLowerCase().indexOf(el) > -1) {\n filteredLength++;\n }\n });\n this.isIndeterminate = filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;\n this.isChecked = filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;\n }\n }\n\n toggleSelectAll(selectAllValue: boolean) {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe((options: ElementOption[]) => {\n if (selectAllValue) {\n this.formControl?.patchValue(options);\n } else {\n this.formControl?.patchValue([]);\n }\n });\n }\n}\n","<label ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n appearance=\"outline\"\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n [class.mapa-dropdown--labeled]=\"!!element.label\">\n <mat-select\n #dropdown\n [formControl]=\"formControl\"\n [multiple]=\"element.multiple\"\n [placeholder]=\"element.placeholder \|\| ''\"\n >\n <mat-option ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n <ngx-mat-select-search\n ngIf=\"element.search.formControl\"\n [showToggleAllCheckbox]=\"true\"\n [formControl]=\"element.search.formControl\"\n [placeholderLabel]=\"element.search.placeholder \|\| ''\"\n i18n-placeholderLabel\n [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel \|\| ''\"\n [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n [toggleAllCheckboxChecked]=\"isChecked\"\n (toggleAll)=\"toggleSelectAll($event)\"\n ></ngx-mat-select-search>\n </mat-option>\n\n <mat-option ngFor=\"let option of filteredOptions \| async\" [value]=\"option\">\n {{ option.value }}\n </mat-option>\n </mat-select>\n <mat-error\n ngIf=\"formControl?.hasError('required')\">\n {{ element.errors?.required }}\n </mat-error>\n <mat-error\n ngIf=\"formControl?.hasError('minlength')\">\n {{ element.errors?.minlength }}\n </mat-error>\n <mat-error\n ngIf=\"formControl?.hasError('cpf')\">\n {{ element.errors?.cpf }}\n </mat-error>\n <mat-error\n ngIf=\"formControl?.hasError('cnpj')\">\n {{ element.errors?.cnpj }}\n </mat-error>\n <mat-error\n ngIf=\"formControl?.hasError('email')\">\n {{ element.errors?.email }}\n </mat-error>\n</mat-form-field>\n","import {\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { ChartOptions } from \"../../../core/interfaces/chart-options.interface\";\nimport { ElementOption } from \"../../../core/interfaces/option.interface\";\n\n@Component({\n selector: \"mapa-chart\",\n templateUrl: \"./chart.component.html\",\n styleUrls: [\"./chart.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaChartComponent implements OnInit {\n @Input() options!: Partial<ChartOptions>;\n\n private colors = [\"#EA561D\", \"#6195FB\", \"#2ED47A\", \"#EEDB2A\"];\n public chartOptions!: Partial<ChartOptions>;\n\n constructor() {}\n\n ngOnInit(): void {\n this.generateChart();\n }\n\n private generateChart(): void {\n if (this.options) {\n this.chartOptions = {\n series: this.options.series,\n chart: {\n height: 500,\n width: \"70%\",\n type: this.options.chart?.type \|\| \"radar\",\n events: {\n beforeMount: (chart) => {\n chart.windowResizeHandler();\n }\n }\n },\n stroke: {\n width: 1,\n colors: this.colors,\n },\n fill: {\n opacity: 0.3,\n colors: this.colors,\n },\n markers: {\n size: 2,\n shape: \"circle\",\n colors: this.colors,\n strokeColors: this.colors,\n },\n xaxis: {\n categories: this.options.xaxis?.categories,\n labels: {\n style: {\n colors: new Array(this.options.xaxis?.categories.length).fill(\n \"#666666\"\n ),\n fontSize: \"12px\",\n fontFamily: \"SF-Pro\",\n },\n },\n },\n yaxis: {\n labels: {\n style: {\n colors: \"#9B9B9B\",\n fontSize: \"12px\",\n fontFamily: \"SF-Pro\",\n },\n },\n },\n legend: {\n position: \"right\",\n horizontalAlign: \"center\",\n height: 500,\n fontSize: \"12px\",\n fontFamily: \"SF-Pro\",\n containerMargin: { left: 30 },\n markers: {\n fillColors: this.colors,\n },\n },\n responsive: [\n {\n breakpoint: 1300,\n options: {\n chart: {\n width: \"100%\",\n height: 550,\n },\n legend: {\n position: \"bottom\",\n horizontalAlign: \"center\",\n height: 100,\n },\n },\n },\n ],\n };\n }\n }\n}\n","<section>\n <div class=\"chart\" ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"\n ></apx-chart>\n </div>\n</section>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaDropdownComponent } from \"./dropdown.component\";\nimport { MAT_SELECT_CONFIG, MatSelectModule } from \"@angular/material/select\";\nimport { NgxMatSelectSearchModule } from \"ngx-mat-select-search\";\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from \"@angular/material/form-field\";\n\n@NgModule({\n declarations: [MapaDropdownComponent],\n exports: [MapaDropdownComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatListModule,\n MatIconModule,\n MatSelectModule,\n NgxMatSelectSearchModule,\n ],\n providers: [\n {\n provide: MAT_SELECT_CONFIG,\n useValue: { overlayPanelClass: \"mapa-overlay-dropdown\" },\n },\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: \"outline\" },\n },\n ],\n})\nexport class MapaDropdownModule {}\n","/\n * Public API Surface of mapa-library-ui dropdown\n /\n\nexport from './src/dropdown.component';\nexport * from './src/dropdown.module';\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { NgApexchartsModule } from 'ng-apexcharts';\n\nimport { MapaChartComponent } from './chart.component';\nimport { MapaDropdownModule } from '../../dropdown/public-api';\n\n@NgModule({\n declarations: [\n MapaChartComponent\n ],\n exports: [\n MapaChartComponent\n ],\n imports: [\n CommonModule,\n NgApexchartsModule,\n MapaDropdownModule,\n ]\n})\nexport class MapaChartModule { }\n","/\n Public API Surface of mapa-library-ui chart\n /\n\nexport from './src/chart.component';\nexport * from './src/chart.module';\n","/\n Public API Surface of mapa-library-ui chart\n /\n\nexport from './lib/components/chart/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './chart';\n"],"names":["i2","i3.MapaDropdownComponent"],"mappings":"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"}