mapa-library-ui 1.6.3 → 1.7.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 (41) hide show
  1. package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +322 -168
  2. package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
  3. package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +318 -166
  4. package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
  5. package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs +80 -6
  6. package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs.map +1 -1
  7. package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +80 -6
  8. package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
  9. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +318 -166
  10. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
  11. package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +320 -168
  12. package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
  13. package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +320 -163
  14. package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
  15. package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +332 -176
  16. package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
  17. package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +2 -2
  18. package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
  19. package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +78 -4
  20. package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
  21. package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +78 -4
  22. package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
  23. package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +76 -2
  24. package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
  25. package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +79 -4
  26. package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
  27. package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +78 -4
  28. package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
  29. package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +76 -2
  30. package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
  31. package/fesm2022/mapa-library-ui.mjs +391 -412
  32. package/fesm2022/mapa-library-ui.mjs.map +1 -1
  33. package/index.d.ts +50 -73
  34. package/mapa-library-ui-1.7.0.tgz +0 -0
  35. package/package.json +1 -9
  36. package/src/lib/components/capability/index.d.ts +71 -55
  37. package/src/lib/components/dropdown/index.d.ts +51 -55
  38. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs +0 -303
  39. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs.map +0 -1
  40. package/mapa-library-ui-1.6.3.tgz +0 -0
  41. package/src/lib/components/dropdown-v2/index.d.ts +0 -165
@@ -1,303 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, Injector, signal, Optional, Inject, Injectable, HostListener, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
4
- import * as i1 from '@angular/forms';
5
- import { ReactiveFormsModule } from '@angular/forms';
6
- import { toObservable } from '@angular/core/rxjs-interop';
7
- import { getMapaUiTexts } from 'mapa-frontend-i18n';
8
-
9
- class ElementBase {
10
- constructor(options = {}) {
11
- this.value = options.value || "";
12
- this.key = options.key || "";
13
- this.label = options.label || "";
14
- this.required = !!options.required;
15
- this.order = options.order === undefined ? 1 : options.order;
16
- this.controlType = options.controlType || "";
17
- this.type = options.type || "";
18
- this.placeholder = options.placeholder || "";
19
- this.readonly = options.readonly || false;
20
- this.hint = options.hint || "";
21
- this.prefix = options.prefix || "";
22
- this.suffix = options.suffix || "";
23
- this.autosize = options.autosize || false;
24
- this.autosizeMinWidth = options.autosizeMinWidth || "212px";
25
- this.autosizeMaxWidth = options.autosizeMaxWidth || "400px";
26
- this.autosizeMinRow = options.autosizeMinRow || 2;
27
- this.autosizeMaxRow = options.autosizeMaxRow || 5;
28
- this.options = options.options || [];
29
- this.tree = options.tree || [];
30
- this.multiple = options.multiple || false;
31
- this.search = options.search || undefined;
32
- this.maxLength = options.maxLength || null;
33
- this.errors = options.errors || undefined;
34
- this.actionButton = options.actionButton || undefined;
35
- this.mask = options.mask || undefined;
36
- this.autocomplete = options.autocomplete || "";
37
- this.clearValue =
38
- options.clearValue !== undefined ? options.clearValue : true;
39
- this.minDate = options.minDate || undefined;
40
- this.maxDate = options.maxDate || undefined;
41
- this.status = options.status || undefined;
42
- this.checkParent = options.checkParent || false;
43
- this.checkChildren = options.checkChildren || false;
44
- this.openedChange = options.openedChange || undefined;
45
- }
46
- }
47
-
48
- class Dropdown extends ElementBase {
49
- constructor() {
50
- super(...arguments);
51
- this.controlType = 'dropdown';
52
- }
53
- }
54
-
55
- const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
56
- function getDefaultTexts() {
57
- return getMapaUiTexts("pt-BR");
58
- }
59
- function mergeMapaUiTexts(customTexts) {
60
- const defaults = getDefaultTexts();
61
- return {
62
- common: { ...defaults.common, ...(customTexts?.common ?? {}) },
63
- filters: { ...defaults.filters, ...(customTexts?.filters ?? {}) },
64
- datepicker: { ...defaults.datepicker, ...(customTexts?.datepicker ?? {}) },
65
- capability: { ...defaults.capability, ...(customTexts?.capability ?? {}) },
66
- paginator: { ...defaults.paginator, ...(customTexts?.paginator ?? {}) },
67
- warning: { ...defaults.warning, ...(customTexts?.warning ?? {}) },
68
- table: { ...defaults.table, ...(customTexts?.table ?? {}) },
69
- validation: { ...defaults.validation, ...(customTexts?.validation ?? {}) },
70
- };
71
- }
72
- function provideMapaUiTexts(texts) {
73
- return {
74
- provide: MAPA_UI_TEXTS,
75
- useValue: texts,
76
- };
77
- }
78
-
79
- class MapaI18nService {
80
- constructor(customTexts) {
81
- this.injector = inject(Injector);
82
- this.textsState = signal(mergeMapaUiTexts(), ...(ngDevMode ? [{ debugName: "textsState" }] : []));
83
- this.textsSignal = this.textsState.asReadonly();
84
- this.texts$ = toObservable(this.textsSignal, { injector: this.injector });
85
- if (customTexts) {
86
- this.textsState.set(mergeMapaUiTexts(customTexts));
87
- }
88
- }
89
- get texts() {
90
- return this.textsState();
91
- }
92
- setTexts(texts) {
93
- this.textsState.set(mergeMapaUiTexts(texts));
94
- }
95
- resolveValidationText(key, context) {
96
- return this.resolveText(this.texts.validation[key], context);
97
- }
98
- resolveText(value, context) {
99
- return typeof value === "function" ? value(context) : value;
100
- }
101
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaI18nService, deps: [{ token: MAPA_UI_TEXTS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
102
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaI18nService, providedIn: "root" }); }
103
- }
104
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaI18nService, decorators: [{
105
- type: Injectable,
106
- args: [{
107
- providedIn: "root",
108
- }]
109
- }], ctorParameters: () => [{ type: undefined, decorators: [{
110
- type: Optional
111
- }, {
112
- type: Inject,
113
- args: [MAPA_UI_TEXTS]
114
- }] }] });
115
-
116
- class MapaDropdownV2Component {
117
- constructor() {
118
- this.i18n = inject(MapaI18nService);
119
- this.isOpenState = signal(false, ...(ngDevMode ? [{ debugName: "isOpenState" }] : []));
120
- this.overlayWidthState = signal(0, ...(ngDevMode ? [{ debugName: "overlayWidthState" }] : []));
121
- // Tenta abrir para baixo; se não houver espaço no viewport, o CDK
122
- // reposiciona automaticamente para cima (fallback), evitando o corte
123
- // que ocorria quando o painel era um `position: absolute` local e um
124
- // ancestral definia `overflow: hidden` (ex.: `.report-card`).
125
- this.overlayPositions = [
126
- { originX: "start", originY: "bottom", overlayX: "start", overlayY: "top", offsetY: 8 },
127
- { originX: "start", originY: "top", overlayX: "start", overlayY: "bottom", offsetY: -8 },
128
- ];
129
- }
130
- isOpen() {
131
- return this.isOpenState();
132
- }
133
- overlayWidth() {
134
- return this.overlayWidthState();
135
- }
136
- isMultiple() {
137
- return !!this.element.multiple;
138
- }
139
- selectedOptions() {
140
- const value = this.formControl.value;
141
- if (Array.isArray(value)) {
142
- return value;
143
- }
144
- return value ? [value] : [];
145
- }
146
- selectedLabel() {
147
- const selected = this.selectedOptions();
148
- if (!selected.length) {
149
- return this.element.placeholder || "";
150
- }
151
- return selected.map((option) => option.value).join(", ");
152
- }
153
- isOptionSelected(option) {
154
- return this.selectedOptions().some((selected) => selected.key === option.key);
155
- }
156
- hasValue() {
157
- return this.selectedOptions().length > 0;
158
- }
159
- get selectAllLabel() {
160
- return this.i18n.textsSignal().common.selectAll;
161
- }
162
- isAllSelected() {
163
- const options = this.filteredOptions();
164
- return (options.length > 0 &&
165
- options.every((option) => this.isOptionSelected(option)));
166
- }
167
- isIndeterminate() {
168
- const options = this.filteredOptions();
169
- const selectedCount = options.filter((option) => this.isOptionSelected(option)).length;
170
- return selectedCount > 0 && selectedCount < options.length;
171
- }
172
- toggleSelectAll() {
173
- const options = this.filteredOptions();
174
- const next = this.isAllSelected() ? [] : options.slice();
175
- this.formControl.setValue(next);
176
- this.formControl.markAsDirty();
177
- this.formControl.markAsTouched();
178
- }
179
- options() {
180
- return this.element.options ?? [];
181
- }
182
- filteredOptions() {
183
- const options = this.options();
184
- const searchTerm = this.searchControl?.value?.trim().toLocaleLowerCase() ?? "";
185
- if (!searchTerm) {
186
- return options;
187
- }
188
- return options.filter((option) => option.value?.toLocaleLowerCase().includes(searchTerm));
189
- }
190
- hasSearch() {
191
- return !!this.searchControl;
192
- }
193
- searchPlaceholder() {
194
- return this.element.search?.placeholder ?? "";
195
- }
196
- shouldShowRequiredError() {
197
- return (this.formControl.invalid &&
198
- (this.formControl.dirty || this.formControl.touched));
199
- }
200
- toggleDropdown() {
201
- const isOpening = !this.isOpenState();
202
- this.isOpenState.set(isOpening);
203
- if (isOpening) {
204
- this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
205
- this.searchControl?.setValue("", { emitEvent: true });
206
- setTimeout(() => {
207
- this.triggerButton?.nativeElement.blur();
208
- this.searchInput?.nativeElement.focus();
209
- this.searchInput?.nativeElement.select();
210
- });
211
- return;
212
- }
213
- this.markAsTouchedIfEmpty();
214
- }
215
- selectOption(option) {
216
- if (this.isMultiple()) {
217
- this.toggleOption(option);
218
- return;
219
- }
220
- this.formControl.setValue(option);
221
- this.formControl.markAsDirty();
222
- this.formControl.markAsTouched();
223
- this.closeDropdown();
224
- }
225
- clearValue(event) {
226
- event.stopPropagation();
227
- this.formControl.setValue(this.isMultiple() ? [] : null);
228
- this.formControl.markAsDirty();
229
- this.formControl.markAsTouched();
230
- }
231
- toggleOption(option) {
232
- const current = this.selectedOptions();
233
- const next = this.isOptionSelected(option)
234
- ? current.filter((selected) => selected.key !== option.key)
235
- : [...current, option];
236
- this.formControl.setValue(next);
237
- this.formControl.markAsDirty();
238
- this.formControl.markAsTouched();
239
- }
240
- closeDropdown() {
241
- this.isOpenState.set(false);
242
- this.searchControl?.setValue("", { emitEvent: true });
243
- this.markAsTouchedIfEmpty();
244
- }
245
- // O clique que abre o dropdown também alcança este listener (o botão
246
- // fica sob o overlay), então ignoramos cliques no próprio trigger para
247
- // não fechar imediatamente o painel que acabou de abrir.
248
- handleOverlayOutsideClick(event) {
249
- if (this.triggerButton?.nativeElement.contains(event.target)) {
250
- return;
251
- }
252
- this.closeDropdown();
253
- }
254
- handleWindowResize() {
255
- if (this.isOpenState()) {
256
- this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
257
- }
258
- }
259
- get searchControl() {
260
- return this.element.search?.formControl;
261
- }
262
- markAsTouchedIfEmpty() {
263
- if (!this.hasValue()) {
264
- this.formControl.markAsTouched();
265
- }
266
- }
267
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
268
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaDropdownV2Component, isStandalone: true, selector: "mapa-dropdown-v2", inputs: { element: "element", formControl: "formControl" }, host: { listeners: { "window:resize": "handleWindowResize()" } }, viewQueries: [{ propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n class=\"mapa-dropdown-v2\"\n [class.mapa-dropdown-v2--open]=\"isOpen()\"\n [class.mapa-dropdown-v2--invalid]=\"shouldShowRequiredError()\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown-v2__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown-v2__trigger\"\n [class.mapa-dropdown-v2__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n >\n <span\n class=\"mapa-dropdown-v2__trigger-text\"\n [class.mapa-dropdown-v2__trigger-text--placeholder]=\"!hasValue()\"\n >\n {{ selectedLabel() }}\n </span>\n @if (hasValue() && element.clearValue) {\n <span\n class=\"mapa-dropdown-v2__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n &times;\n </span>\n }\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown-v2__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown-v2__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown-v2__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown-v2__options\" role=\"listbox\">\n @if (isMultiple() && filteredOptions().length) {\n <button\n class=\"mapa-dropdown-v2__option mapa-dropdown-v2__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown-v2__option\"\n [class.mapa-dropdown-v2__option--selected]=\"\n isOptionSelected(option)\n \"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n {{ option.value }}\n </button>\n }\n\n @if (!filteredOptions().length) {\n <p class=\"mapa-dropdown-v2__empty-state\">\n {{ element.search?.noEntriesFoundLabel }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowRequiredError() && element.errors?.['required']) {\n <p class=\"mapa-dropdown-v2__error\">\n {{ element.errors?.['required'] }}\n </p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:235px;box-sizing:border-box}.mapa-dropdown-v2{width:100%}.mapa-dropdown-v2__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown-v2__trigger,.mapa-dropdown-v2__search-input,.mapa-dropdown-v2__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown-v2__trigger:focus,.mapa-dropdown-v2__search-input:focus,.mapa-dropdown-v2__option:focus{outline:none}.mapa-dropdown-v2__trigger::placeholder,.mapa-dropdown-v2__search-input::placeholder,.mapa-dropdown-v2__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__trigger{position:relative;display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown-v2__trigger--clearable{padding-right:70px}.mapa-dropdown-v2__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger,.mapa-dropdown-v2__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown-v2__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__trigger-text--placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown-v2__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__panel{width:100%;background:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08));overflow:hidden}.mapa-dropdown-v2__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown-v2__options{background:var(--mapa-color-surface, #ffffff);max-height:240px;overflow-y:auto}.mapa-dropdown-v2__option{display:flex;align-items:center;text-align:left;cursor:pointer;min-height:44px;transition:background-color .2s ease,color .2s ease}.mapa-dropdown-v2__option:hover{background:#ff560b14}.mapa-dropdown-v2__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown-v2__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown-v2--invalid .mapa-dropdown-v2__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown-v2__error{display:block;margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
269
- }
270
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, decorators: [{
271
- type: Component,
272
- args: [{ selector: "mapa-dropdown-v2", standalone: true, imports: [ReactiveFormsModule, CdkConnectedOverlay, CdkOverlayOrigin], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mapa-dropdown-v2\"\n [class.mapa-dropdown-v2--open]=\"isOpen()\"\n [class.mapa-dropdown-v2--invalid]=\"shouldShowRequiredError()\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown-v2__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown-v2__trigger\"\n [class.mapa-dropdown-v2__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n >\n <span\n class=\"mapa-dropdown-v2__trigger-text\"\n [class.mapa-dropdown-v2__trigger-text--placeholder]=\"!hasValue()\"\n >\n {{ selectedLabel() }}\n </span>\n @if (hasValue() && element.clearValue) {\n <span\n class=\"mapa-dropdown-v2__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n &times;\n </span>\n }\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown-v2__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown-v2__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown-v2__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown-v2__options\" role=\"listbox\">\n @if (isMultiple() && filteredOptions().length) {\n <button\n class=\"mapa-dropdown-v2__option mapa-dropdown-v2__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown-v2__option\"\n [class.mapa-dropdown-v2__option--selected]=\"\n isOptionSelected(option)\n \"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n {{ option.value }}\n </button>\n }\n\n @if (!filteredOptions().length) {\n <p class=\"mapa-dropdown-v2__empty-state\">\n {{ element.search?.noEntriesFoundLabel }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowRequiredError() && element.errors?.['required']) {\n <p class=\"mapa-dropdown-v2__error\">\n {{ element.errors?.['required'] }}\n </p>\n }\n</div>\n", styles: [":host{position:relative;display:inline-block;max-width:min-content;min-width:235px;box-sizing:border-box}.mapa-dropdown-v2{width:100%}.mapa-dropdown-v2__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown-v2__trigger,.mapa-dropdown-v2__search-input,.mapa-dropdown-v2__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown-v2__trigger:focus,.mapa-dropdown-v2__search-input:focus,.mapa-dropdown-v2__option:focus{outline:none}.mapa-dropdown-v2__trigger::placeholder,.mapa-dropdown-v2__search-input::placeholder,.mapa-dropdown-v2__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__trigger{position:relative;display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown-v2__trigger--clearable{padding-right:70px}.mapa-dropdown-v2__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger,.mapa-dropdown-v2__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown-v2--open .mapa-dropdown-v2__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown-v2__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__trigger-text--placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown-v2__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown-v2__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown-v2__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__panel{width:100%;background:var(--mapa-color-surface, #ffffff);border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08));overflow:hidden}.mapa-dropdown-v2__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown-v2__options{background:var(--mapa-color-surface, #ffffff);max-height:240px;overflow-y:auto}.mapa-dropdown-v2__option{display:flex;align-items:center;text-align:left;cursor:pointer;min-height:44px;transition:background-color .2s ease,color .2s ease}.mapa-dropdown-v2__option:hover{background:#ff560b14}.mapa-dropdown-v2__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown-v2__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown-v2__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown-v2--invalid .mapa-dropdown-v2__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown-v2__error{display:block;margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}\n"] }]
273
- }], propDecorators: { element: [{
274
- type: Input,
275
- args: [{ required: true }]
276
- }], formControl: [{
277
- type: Input,
278
- args: [{ required: true }]
279
- }], triggerButton: [{
280
- type: ViewChild,
281
- args: ["triggerButton"]
282
- }], searchInput: [{
283
- type: ViewChild,
284
- args: ["searchInput"]
285
- }], handleWindowResize: [{
286
- type: HostListener,
287
- args: ["window:resize"]
288
- }] } });
289
-
290
- /*
291
- * Public API Surface of mapa-library-ui dropdown-v2
292
- */
293
-
294
- /*
295
- * Public API Surface of mapa-library-ui dropdown-v2
296
- */
297
-
298
- /**
299
- * Generated bundle index. Do not edit.
300
- */
301
-
302
- export { Dropdown, ElementBase, MapaDropdownV2Component };
303
- //# sourceMappingURL=mapa-library-ui-src-lib-components-dropdown-v2.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mapa-library-ui-src-lib-components-dropdown-v2.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/core/i18n/mapa-ui-texts.ts","../../../projects/mapa-library-ui/src/lib/core/services/mapa-i18n.service.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown-v2/src/dropdown-v2.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown-v2/src/dropdown-v2.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown-v2/public-api.ts","../../../projects/mapa-library-ui/src/dropdown-v2.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dropdown-v2.ts"],"sourcesContent":["import { EventEmitter } from \"@angular/core\";\nimport { ElementGroup } from \"../interfaces/element-group.interface\";\nimport { ElementOption, ElementTreeNode } from \"../interfaces/element-option.interface\";\nimport { ActionButton } from \"./action-button\";\nimport { ElementSearch } from \"./element-search\";\nimport { Errors } from \"./errors\";\nexport interface Status {\n label: string;\n}\n\nexport class ElementBase {\n value: string;\n key: string;\n label: string;\n required: boolean;\n order: number;\n controlType: string;\n type: string;\n placeholder?: string;\n readonly: boolean;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n autosizeMinRow?: number;\n autosizeMaxRow?: number;\n options: ElementOption[] | ElementGroup[];\n tree: ElementTreeNode[];\n multiple?: boolean;\n search?: ElementSearch;\n maxLength!: string | number | null;\n errors?: Errors;\n actionButton?: ActionButton;\n mask?: string;\n autocomplete?: string;\n clearValue?: boolean;\n minDate?: string | Date | null;\n maxDate?: string | Date | null;\n status?: Status[];\n checkParent?: boolean;\n checkChildren?: boolean;\n openedChange?: EventEmitter<boolean>;\n\n constructor(\n options: {\n value?: string;\n key?: string;\n label?: string;\n required?: boolean;\n order?: number;\n controlType?: string;\n type?: string;\n placeholder?: string;\n readonly?: boolean;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n autosizeMinRow?: number;\n autosizeMaxRow?: number;\n options?: ElementOption[] | ElementGroup[];\n tree?: ElementTreeNode[];\n multiple?: boolean;\n search?: ElementSearch;\n maxLength?: string | number | null;\n errors?: Errors;\n actionButton?: ActionButton;\n mask?: string;\n autocomplete?: string;\n clearValue?: boolean;\n minDate?: string | Date | null;\n maxDate?: string | Date | null;\n status?: Status[];\n checkParent?: boolean;\n checkChildren?: boolean;\n openedChange?: EventEmitter<boolean>;\n } = {}\n ) {\n this.value = options.value || \"\";\n this.key = options.key || \"\";\n this.label = options.label || \"\";\n this.required = !!options.required;\n this.order = options.order === undefined ? 1 : options.order;\n this.controlType = options.controlType || \"\";\n this.type = options.type || \"\";\n this.placeholder = options.placeholder || \"\";\n this.readonly = options.readonly || false;\n this.hint = options.hint || \"\";\n this.prefix = options.prefix || \"\";\n this.suffix = options.suffix || \"\";\n this.autosize = options.autosize || false;\n this.autosizeMinWidth = options.autosizeMinWidth || \"212px\";\n this.autosizeMaxWidth = options.autosizeMaxWidth || \"400px\";\n this.autosizeMinRow = options.autosizeMinRow || 2;\n this.autosizeMaxRow = options.autosizeMaxRow || 5;\n this.options = options.options || [];\n this.tree = options.tree || [];\n this.multiple = options.multiple || false;\n this.search = options.search || undefined;\n this.maxLength = options.maxLength || null;\n this.errors = options.errors || undefined;\n this.actionButton = options.actionButton || undefined;\n this.mask = options.mask || undefined;\n this.autocomplete = options.autocomplete || \"\";\n this.clearValue =\n options.clearValue !== undefined ? options.clearValue : true;\n this.minDate = options.minDate || undefined;\n this.maxDate = options.maxDate || undefined;\n this.status = options.status || undefined;\n this.checkParent = options.checkParent || false;\n this.checkChildren = options.checkChildren || false;\n this.openedChange = options.openedChange || undefined;\n }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n override controlType = 'dropdown';\n}\n","import { InjectionToken, Provider } from \"@angular/core\";\nimport {\n MapaUiTextGroups,\n PartialMapaUiTexts,\n ValidationContext,\n ValidationTextResolver,\n getMapaUiTexts,\n} from \"mapa-frontend-i18n\";\n\nexport type MapaUiTexts = MapaUiTextGroups;\nexport type ValidationMessageContext = ValidationContext;\nexport type { PartialMapaUiTexts, ValidationTextResolver };\n\nexport const MAPA_UI_TEXTS = new InjectionToken<PartialMapaUiTexts>(\n \"MAPA_UI_TEXTS\"\n);\n\nfunction getDefaultTexts(): MapaUiTexts {\n return getMapaUiTexts(\"pt-BR\") as MapaUiTexts;\n}\n\nexport function mergeMapaUiTexts(\n customTexts?: PartialMapaUiTexts | null\n): MapaUiTexts {\n const defaults = getDefaultTexts();\n\n return {\n common: { ...defaults.common, ...(customTexts?.common ?? {}) },\n filters: { ...defaults.filters, ...(customTexts?.filters ?? {}) },\n datepicker: { ...defaults.datepicker, ...(customTexts?.datepicker ?? {}) },\n capability: { ...defaults.capability, ...(customTexts?.capability ?? {}) },\n paginator: { ...defaults.paginator, ...(customTexts?.paginator ?? {}) },\n warning: { ...defaults.warning, ...(customTexts?.warning ?? {}) },\n table: { ...defaults.table, ...(customTexts?.table ?? {}) },\n validation: { ...defaults.validation, ...(customTexts?.validation ?? {}) },\n };\n}\n\nexport function provideMapaUiTexts(texts: PartialMapaUiTexts): Provider {\n return {\n provide: MAPA_UI_TEXTS,\n useValue: texts,\n };\n}\n","import { Inject, Injectable, Injector, Optional, inject, signal } from \"@angular/core\";\nimport { toObservable } from \"@angular/core/rxjs-interop\";\nimport {\n MAPA_UI_TEXTS,\n MapaUiTexts,\n PartialMapaUiTexts,\n ValidationMessageContext,\n ValidationTextResolver,\n mergeMapaUiTexts,\n} from \"../i18n/mapa-ui-texts\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class MapaI18nService {\n private readonly injector = inject(Injector);\n private readonly textsState = signal<MapaUiTexts>(mergeMapaUiTexts());\n\n readonly textsSignal = this.textsState.asReadonly();\n readonly texts$ = toObservable(this.textsSignal, { injector: this.injector });\n\n constructor(\n @Optional() @Inject(MAPA_UI_TEXTS) customTexts: PartialMapaUiTexts | null\n ) {\n if (customTexts) {\n this.textsState.set(mergeMapaUiTexts(customTexts));\n }\n }\n\n get texts(): MapaUiTexts {\n return this.textsState();\n }\n\n setTexts(texts: PartialMapaUiTexts): void {\n this.textsState.set(mergeMapaUiTexts(texts));\n }\n\n resolveValidationText(\n key: keyof MapaUiTexts[\"validation\"],\n context?: ValidationMessageContext\n ): string {\n return this.resolveText(this.texts.validation[key], context);\n }\n\n private resolveText(\n value: ValidationTextResolver,\n context?: ValidationMessageContext\n ): string {\n return typeof value === \"function\" ? value(context) : value;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Input,\n ViewChild,\n inject,\n signal,\n} from \"@angular/core\";\nimport { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition } from \"@angular/cdk/overlay\";\nimport { FormControl, ReactiveFormsModule } from \"@angular/forms\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\nimport { ElementOption } from \"../../../core/interfaces/element-option.interface\";\nimport { MapaI18nService } from \"../../../core/services/mapa-i18n.service\";\n\n@Component({\n selector: \"mapa-dropdown-v2\",\n standalone: true,\n imports: [ReactiveFormsModule, CdkConnectedOverlay, CdkOverlayOrigin],\n templateUrl: \"./dropdown-v2.component.html\",\n styleUrl: \"./dropdown-v2.component.scss\",\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MapaDropdownV2Component {\n private readonly i18n = inject(MapaI18nService);\n private readonly isOpenState = signal(false);\n private readonly overlayWidthState = signal(0);\n\n @Input({ required: true }) element!: Dropdown;\n @Input({ required: true }) formControl!: FormControl<\n ElementOption | ElementOption[] | null\n >;\n\n @ViewChild(\"triggerButton\")\n private triggerButton?: ElementRef<HTMLButtonElement>;\n @ViewChild(\"searchInput\")\n private searchInput?: ElementRef<HTMLInputElement>;\n\n // Tenta abrir para baixo; se não houver espaço no viewport, o CDK\n // reposiciona automaticamente para cima (fallback), evitando o corte\n // que ocorria quando o painel era um `position: absolute` local e um\n // ancestral definia `overflow: hidden` (ex.: `.report-card`).\n readonly overlayPositions: ConnectedPosition[] = [\n { originX: \"start\", originY: \"bottom\", overlayX: \"start\", overlayY: \"top\", offsetY: 8 },\n { originX: \"start\", originY: \"top\", overlayX: \"start\", overlayY: \"bottom\", offsetY: -8 },\n ];\n\n isOpen(): boolean {\n return this.isOpenState();\n }\n\n overlayWidth(): number {\n return this.overlayWidthState();\n }\n\n isMultiple(): boolean {\n return !!this.element.multiple;\n }\n\n selectedOptions(): ElementOption[] {\n const value = this.formControl.value;\n if (Array.isArray(value)) {\n return value;\n }\n return value ? [value] : [];\n }\n\n selectedLabel(): string {\n const selected = this.selectedOptions();\n if (!selected.length) {\n return this.element.placeholder || \"\";\n }\n return selected.map((option) => option.value).join(\", \");\n }\n\n isOptionSelected(option: ElementOption): boolean {\n return this.selectedOptions().some(\n (selected) => selected.key === option.key,\n );\n }\n\n hasValue(): boolean {\n return this.selectedOptions().length > 0;\n }\n\n get selectAllLabel(): string {\n return this.i18n.textsSignal().common.selectAll;\n }\n\n isAllSelected(): boolean {\n const options = this.filteredOptions();\n return (\n options.length > 0 &&\n options.every((option) => this.isOptionSelected(option))\n );\n }\n\n isIndeterminate(): boolean {\n const options = this.filteredOptions();\n const selectedCount = options.filter((option) =>\n this.isOptionSelected(option),\n ).length;\n return selectedCount > 0 && selectedCount < options.length;\n }\n\n toggleSelectAll(): void {\n const options = this.filteredOptions();\n const next = this.isAllSelected() ? [] : options.slice();\n this.formControl.setValue(next);\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n }\n\n options(): ElementOption[] {\n return (this.element.options as ElementOption[]) ?? [];\n }\n\n filteredOptions(): ElementOption[] {\n const options = this.options();\n const searchTerm =\n this.searchControl?.value?.trim().toLocaleLowerCase() ?? \"\";\n\n if (!searchTerm) {\n return options;\n }\n\n return options.filter((option) =>\n option.value?.toLocaleLowerCase().includes(searchTerm),\n );\n }\n\n hasSearch(): boolean {\n return !!this.searchControl;\n }\n\n searchPlaceholder(): string {\n return this.element.search?.placeholder ?? \"\";\n }\n\n shouldShowRequiredError(): boolean {\n return (\n this.formControl.invalid &&\n (this.formControl.dirty || this.formControl.touched)\n );\n }\n\n toggleDropdown(): void {\n const isOpening = !this.isOpenState();\n this.isOpenState.set(isOpening);\n\n if (isOpening) {\n this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);\n this.searchControl?.setValue(\"\", { emitEvent: true });\n setTimeout(() => {\n this.triggerButton?.nativeElement.blur();\n this.searchInput?.nativeElement.focus();\n this.searchInput?.nativeElement.select();\n });\n return;\n }\n\n this.markAsTouchedIfEmpty();\n }\n\n selectOption(option: ElementOption): void {\n if (this.isMultiple()) {\n this.toggleOption(option);\n return;\n }\n this.formControl.setValue(option);\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n this.closeDropdown();\n }\n\n clearValue(event: Event): void {\n event.stopPropagation();\n this.formControl.setValue(this.isMultiple() ? [] : null);\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n }\n\n private toggleOption(option: ElementOption): void {\n const current = this.selectedOptions();\n const next = this.isOptionSelected(option)\n ? current.filter((selected) => selected.key !== option.key)\n : [...current, option];\n this.formControl.setValue(next);\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n }\n\n closeDropdown(): void {\n this.isOpenState.set(false);\n this.searchControl?.setValue(\"\", { emitEvent: true });\n this.markAsTouchedIfEmpty();\n }\n\n // O clique que abre o dropdown também alcança este listener (o botão\n // fica sob o overlay), então ignoramos cliques no próprio trigger para\n // não fechar imediatamente o painel que acabou de abrir.\n handleOverlayOutsideClick(event: Event): void {\n if (this.triggerButton?.nativeElement.contains(event.target as Node)) {\n return;\n }\n this.closeDropdown();\n }\n\n @HostListener(\"window:resize\")\n handleWindowResize(): void {\n if (this.isOpenState()) {\n this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);\n }\n }\n\n get searchControl(): FormControl<string | null> | undefined {\n return this.element.search?.formControl as\n | FormControl<string | null>\n | undefined;\n }\n\n private markAsTouchedIfEmpty(): void {\n if (!this.hasValue()) {\n this.formControl.markAsTouched();\n }\n }\n}\n","<div\n class=\"mapa-dropdown-v2\"\n [class.mapa-dropdown-v2--open]=\"isOpen()\"\n [class.mapa-dropdown-v2--invalid]=\"shouldShowRequiredError()\"\n>\n @if (element.label) {\n <label class=\"mapa-dropdown-v2__label\" [attr.for]=\"element.key || null\">\n {{ element.label }}\n </label>\n }\n\n <button\n #triggerButton\n cdkOverlayOrigin\n #origin=\"cdkOverlayOrigin\"\n class=\"mapa-dropdown-v2__trigger\"\n [class.mapa-dropdown-v2__trigger--clearable]=\"hasValue() && element.clearValue\"\n [id]=\"element.key || null\"\n type=\"button\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n >\n <span\n class=\"mapa-dropdown-v2__trigger-text\"\n [class.mapa-dropdown-v2__trigger-text--placeholder]=\"!hasValue()\"\n >\n {{ selectedLabel() }}\n </span>\n @if (hasValue() && element.clearValue) {\n <span\n class=\"mapa-dropdown-v2__clear\"\n role=\"button\"\n aria-label=\"Limpar\"\n (click)=\"clearValue($event)\"\n >\n &times;\n </span>\n }\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n cdkConnectedOverlayPanelClass=\"mapa-dropdown-v2__overlay-pane\"\n (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n >\n <div class=\"mapa-dropdown-v2__panel\">\n @if (hasSearch()) {\n <input\n #searchInput\n class=\"mapa-dropdown-v2__search-input\"\n type=\"text\"\n [formControl]=\"searchControl!\"\n [placeholder]=\"searchPlaceholder()\"\n />\n }\n\n <div class=\"mapa-dropdown-v2__options\" role=\"listbox\">\n @if (isMultiple() && filteredOptions().length) {\n <button\n class=\"mapa-dropdown-v2__option mapa-dropdown-v2__option--select-all\"\n type=\"button\"\n (click)=\"toggleSelectAll()\"\n >\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"isIndeterminate()\"\n (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n />\n {{ selectAllLabel }}\n </button>\n }\n @for (option of filteredOptions(); track option.key) {\n <button\n class=\"mapa-dropdown-v2__option\"\n [class.mapa-dropdown-v2__option--selected]=\"\n isOptionSelected(option)\n \"\n type=\"button\"\n (click)=\"selectOption(option)\"\n >\n @if (isMultiple()) {\n <input\n class=\"mapa-dropdown-v2__checkbox\"\n type=\"checkbox\"\n [checked]=\"isOptionSelected(option)\"\n (click)=\"$event.stopPropagation(); selectOption(option)\"\n />\n }\n {{ option.value }}\n </button>\n }\n\n @if (!filteredOptions().length) {\n <p class=\"mapa-dropdown-v2__empty-state\">\n {{ element.search?.noEntriesFoundLabel }}\n </p>\n }\n </div>\n </div>\n </ng-template>\n\n @if (shouldShowRequiredError() && element.errors?.['required']) {\n <p class=\"mapa-dropdown-v2__error\">\n {{ element.errors?.['required'] }}\n </p>\n }\n</div>\n","/*\n * Public API Surface of mapa-library-ui dropdown-v2\n */\n\nexport * from './src/dropdown-v2.component';\n","/*\n * Public API Surface of mapa-library-ui dropdown-v2\n */\n\nexport * from './lib/core/elements/element-search';\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\nexport * from './lib/core/interfaces/element-option.interface';\n\nexport * from './lib/components/dropdown-v2/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './dropdown-v2';\n"],"names":[],"mappings":"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"}
Binary file
@@ -1,165 +0,0 @@
1
- import { FormControl } from '@angular/forms';
2
- import * as i0 from '@angular/core';
3
- import { EventEmitter } from '@angular/core';
4
- import { ConnectedPosition } from '@angular/cdk/overlay';
5
-
6
- interface ElementSearch {
7
- placeholder?: string;
8
- noEntriesFoundLabel?: string;
9
- formControl?: FormControl;
10
- toggleAllCheckbox?: boolean;
11
- }
12
-
13
- interface ElementTreeNode {
14
- key: string;
15
- value: string;
16
- children?: ElementTreeNode[];
17
- isLeaf?: boolean;
18
- }
19
- interface ElementOption {
20
- key: string;
21
- value: string;
22
- children?: ElementOption[];
23
- childrenLevel?: number | null;
24
- }
25
-
26
- interface ElementGroup {
27
- label: string;
28
- options: ElementOption[];
29
- }
30
-
31
- interface ActionButton {
32
- label: string;
33
- action: EventEmitter<boolean>;
34
- }
35
-
36
- interface Errors {
37
- required?: string;
38
- minLength?: string;
39
- cpf?: string;
40
- cnpj?: string;
41
- email?: string;
42
- pattern?: string;
43
- min?: string;
44
- max?: string;
45
- maxLength?: string;
46
- }
47
-
48
- interface Status {
49
- label: string;
50
- }
51
- declare class ElementBase {
52
- value: string;
53
- key: string;
54
- label: string;
55
- required: boolean;
56
- order: number;
57
- controlType: string;
58
- type: string;
59
- placeholder?: string;
60
- readonly: boolean;
61
- hint?: string;
62
- prefix?: string;
63
- suffix?: string;
64
- autosize?: boolean;
65
- autosizeMinWidth?: string;
66
- autosizeMaxWidth?: string;
67
- autosizeMinRow?: number;
68
- autosizeMaxRow?: number;
69
- options: ElementOption[] | ElementGroup[];
70
- tree: ElementTreeNode[];
71
- multiple?: boolean;
72
- search?: ElementSearch;
73
- maxLength: string | number | null;
74
- errors?: Errors;
75
- actionButton?: ActionButton;
76
- mask?: string;
77
- autocomplete?: string;
78
- clearValue?: boolean;
79
- minDate?: string | Date | null;
80
- maxDate?: string | Date | null;
81
- status?: Status[];
82
- checkParent?: boolean;
83
- checkChildren?: boolean;
84
- openedChange?: EventEmitter<boolean>;
85
- constructor(options?: {
86
- value?: string;
87
- key?: string;
88
- label?: string;
89
- required?: boolean;
90
- order?: number;
91
- controlType?: string;
92
- type?: string;
93
- placeholder?: string;
94
- readonly?: boolean;
95
- hint?: string;
96
- prefix?: string;
97
- suffix?: string;
98
- autosize?: boolean;
99
- autosizeMinWidth?: string;
100
- autosizeMaxWidth?: string;
101
- autosizeMinRow?: number;
102
- autosizeMaxRow?: number;
103
- options?: ElementOption[] | ElementGroup[];
104
- tree?: ElementTreeNode[];
105
- multiple?: boolean;
106
- search?: ElementSearch;
107
- maxLength?: string | number | null;
108
- errors?: Errors;
109
- actionButton?: ActionButton;
110
- mask?: string;
111
- autocomplete?: string;
112
- clearValue?: boolean;
113
- minDate?: string | Date | null;
114
- maxDate?: string | Date | null;
115
- status?: Status[];
116
- checkParent?: boolean;
117
- checkChildren?: boolean;
118
- openedChange?: EventEmitter<boolean>;
119
- });
120
- }
121
-
122
- declare class Dropdown extends ElementBase {
123
- controlType: string;
124
- }
125
-
126
- declare class MapaDropdownV2Component {
127
- private readonly i18n;
128
- private readonly isOpenState;
129
- private readonly overlayWidthState;
130
- element: Dropdown;
131
- formControl: FormControl<ElementOption | ElementOption[] | null>;
132
- private triggerButton?;
133
- private searchInput?;
134
- readonly overlayPositions: ConnectedPosition[];
135
- isOpen(): boolean;
136
- overlayWidth(): number;
137
- isMultiple(): boolean;
138
- selectedOptions(): ElementOption[];
139
- selectedLabel(): string;
140
- isOptionSelected(option: ElementOption): boolean;
141
- hasValue(): boolean;
142
- get selectAllLabel(): string;
143
- isAllSelected(): boolean;
144
- isIndeterminate(): boolean;
145
- toggleSelectAll(): void;
146
- options(): ElementOption[];
147
- filteredOptions(): ElementOption[];
148
- hasSearch(): boolean;
149
- searchPlaceholder(): string;
150
- shouldShowRequiredError(): boolean;
151
- toggleDropdown(): void;
152
- selectOption(option: ElementOption): void;
153
- clearValue(event: Event): void;
154
- private toggleOption;
155
- closeDropdown(): void;
156
- handleOverlayOutsideClick(event: Event): void;
157
- handleWindowResize(): void;
158
- get searchControl(): FormControl<string | null> | undefined;
159
- private markAsTouchedIfEmpty;
160
- static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownV2Component, never>;
161
- static ɵcmp: i0.ɵɵComponentDeclaration<MapaDropdownV2Component, "mapa-dropdown-v2", never, { "element": { "alias": "element"; "required": true; }; "formControl": { "alias": "formControl"; "required": true; }; }, {}, never, never, true, never>;
162
- }
163
-
164
- export { Dropdown, ElementBase, MapaDropdownV2Component };
165
- export type { ElementOption, ElementSearch, ElementTreeNode, Status };