mapa-library-ui 1.5.4 → 1.6.1

package/fesm2022/mapa-library-ui.mjs

@@ -37,6 +37,7 @@ import { MatDatepickerModule } from '@angular/material/datepicker';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import * as i1$5 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogConfig } from '@angular/material/dialog';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i3$3 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i3$4 from '@angular/material/slide-toggle';
@@ -6373,6 +6374,184 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
  * Public API Surface of mapa-library-ui dropdown-tree
  */
 
+class MapaDropdownV2Component {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.isOpenState = signal(false, ...(ngDevMode ? [{ debugName: "isOpenState" }] : []));
+        this.overlayWidthState = signal(0, ...(ngDevMode ? [{ debugName: "overlayWidthState" }] : []));
+        // Tenta abrir para baixo; se não houver espaço no viewport, o CDK
+        // reposiciona automaticamente para cima (fallback), evitando o corte
+        // que ocorria quando o painel era um `position: absolute` local e um
+        // ancestral definia `overflow: hidden` (ex.: `.report-card`).
+        this.overlayPositions = [
+            { originX: "start", originY: "bottom", overlayX: "start", overlayY: "top", offsetY: 8 },
+            { originX: "start", originY: "top", overlayX: "start", overlayY: "bottom", offsetY: -8 },
+        ];
+    }
+    isOpen() {
+        return this.isOpenState();
+    }
+    overlayWidth() {
+        return this.overlayWidthState();
+    }
+    isMultiple() {
+        return !!this.element.multiple;
+    }
+    selectedOptions() {
+        const value = this.formControl.value;
+        if (Array.isArray(value)) {
+            return value;
+        }
+        return value ? [value] : [];
+    }
+    selectedLabel() {
+        const selected = this.selectedOptions();
+        if (!selected.length) {
+            return this.element.placeholder || "";
+        }
+        return selected.map((option) => option.value).join(", ");
+    }
+    isOptionSelected(option) {
+        return this.selectedOptions().some((selected) => selected.key === option.key);
+    }
+    hasValue() {
+        return this.selectedOptions().length > 0;
+    }
+    get selectAllLabel() {
+        return this.i18n.textsSignal().common.selectAll;
+    }
+    isAllSelected() {
+        const options = this.filteredOptions();
+        return (options.length > 0 &&
+            options.every((option) => this.isOptionSelected(option)));
+    }
+    isIndeterminate() {
+        const options = this.filteredOptions();
+        const selectedCount = options.filter((option) => this.isOptionSelected(option)).length;
+        return selectedCount > 0 && selectedCount < options.length;
+    }
+    toggleSelectAll() {
+        const options = this.filteredOptions();
+        const next = this.isAllSelected() ? [] : options.slice();
+        this.formControl.setValue(next);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    options() {
+        return this.element.options ?? [];
+    }
+    filteredOptions() {
+        const options = this.options();
+        const searchTerm = this.searchControl?.value?.trim().toLocaleLowerCase() ?? "";
+        if (!searchTerm) {
+            return options;
+        }
+        return options.filter((option) => option.value?.toLocaleLowerCase().includes(searchTerm));
+    }
+    hasSearch() {
+        return !!this.searchControl;
+    }
+    searchPlaceholder() {
+        return this.element.search?.placeholder ?? "";
+    }
+    shouldShowRequiredError() {
+        return (this.formControl.invalid &&
+            (this.formControl.dirty || this.formControl.touched));
+    }
+    toggleDropdown() {
+        const isOpening = !this.isOpenState();
+        this.isOpenState.set(isOpening);
+        if (isOpening) {
+            this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
+            this.searchControl?.setValue("", { emitEvent: true });
+            setTimeout(() => {
+                this.triggerButton?.nativeElement.blur();
+                this.searchInput?.nativeElement.focus();
+                this.searchInput?.nativeElement.select();
+            });
+            return;
+        }
+        this.markAsTouchedIfEmpty();
+    }
+    selectOption(option) {
+        if (this.isMultiple()) {
+            this.toggleOption(option);
+            return;
+        }
+        this.formControl.setValue(option);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+        this.closeDropdown();
+    }
+    clearValue(event) {
+        event.stopPropagation();
+        this.formControl.setValue(this.isMultiple() ? [] : null);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    toggleOption(option) {
+        const current = this.selectedOptions();
+        const next = this.isOptionSelected(option)
+            ? current.filter((selected) => selected.key !== option.key)
+            : [...current, option];
+        this.formControl.setValue(next);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+    }
+    closeDropdown() {
+        this.isOpenState.set(false);
+        this.searchControl?.setValue("", { emitEvent: true });
+        this.markAsTouchedIfEmpty();
+    }
+    // O clique que abre o dropdown também alcança este listener (o botão
+    // fica sob o overlay), então ignoramos cliques no próprio trigger para
+    // não fechar imediatamente o painel que acabou de abrir.
+    handleOverlayOutsideClick(event) {
+        if (this.triggerButton?.nativeElement.contains(event.target)) {
+            return;
+        }
+        this.closeDropdown();
+    }
+    handleWindowResize() {
+        if (this.isOpenState()) {
+            this.overlayWidthState.set(this.triggerButton?.nativeElement.offsetWidth ?? 0);
+        }
+    }
+    get searchControl() {
+        return this.element.search?.formControl;
+    }
+    markAsTouchedIfEmpty() {
+        if (!this.hasValue()) {
+            this.formControl.markAsTouched();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    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: [".mapa-dropdown-v2{position:relative;display:inline-block;max-width:min-content;min-width:235px}.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: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownV2Component, decorators: [{
+            type: Component,
+            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: [".mapa-dropdown-v2{position:relative;display:inline-block;max-width:min-content;min-width:235px}.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"] }]
+        }], propDecorators: { element: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], triggerButton: [{
+                type: ViewChild,
+                args: ["triggerButton"]
+            }], searchInput: [{
+                type: ViewChild,
+                args: ["searchInput"]
+            }], handleWindowResize: [{
+                type: HostListener,
+                args: ["window:resize"]
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui dropdown-v2
+ */
+
 class MapaEmptyStateComponent {
     constructor() {
         this.title = null;
@@ -7872,5 +8051,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getActiveMaterialDateFormat, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getMapaDatepickerRangeFormats, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
+export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaDropdownV2Component, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getActiveMaterialDateFormat, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getMapaDatepickerRangeFormats, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
 //# sourceMappingURL=mapa-library-ui.mjs.map