mapa-library-ui 1.6.2 → 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.
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +322 -168
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +318 -166
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs +80 -6
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +80 -6
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +318 -166
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +320 -168
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +320 -163
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +332 -176
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +76 -2
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +79 -4
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +78 -4
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +76 -2
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-core-guards-authorize-guard.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-core-guards-authorize-guard.mjs.map +1 -1
- package/fesm2022/mapa-library-ui.mjs +391 -412
- package/fesm2022/mapa-library-ui.mjs.map +1 -1
- package/index.d.ts +50 -73
- package/mapa-library-ui-1.7.0.tgz +0 -0
- package/package.json +1 -9
- package/src/lib/components/capability/index.d.ts +71 -55
- package/src/lib/components/dropdown/index.d.ts +51 -55
- package/src/lib/core/guards/authorize-guard/index.d.ts +2 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs +0 -303
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs.map +0 -1
- package/mapa-library-ui-1.6.2.tgz +0 -0
- 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 ×\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 ×\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 ×\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 };
|