mapa-library-ui 1.6.0 → 1.6.1

package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs

@@ -1,7 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, HostListener, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { InjectionToken, inject, Injector, signal, Optional, Inject, Injectable, HostListener, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { getMapaUiTexts } from 'mapa-frontend-i18n';
 
 class ElementBase {
     constructor(options = {}) {
@@ -49,16 +52,129 @@ class Dropdown extends ElementBase {
     }
 }
 
+const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
+function getDefaultTexts() {
+    return getMapaUiTexts("pt-BR");
+}
+function mergeMapaUiTexts(customTexts) {
+    const defaults = getDefaultTexts();
+    return {
+        common: { ...defaults.common, ...(customTexts?.common ?? {}) },
+        filters: { ...defaults.filters, ...(customTexts?.filters ?? {}) },
+        datepicker: { ...defaults.datepicker, ...(customTexts?.datepicker ?? {}) },
+        capability: { ...defaults.capability, ...(customTexts?.capability ?? {}) },
+        paginator: { ...defaults.paginator, ...(customTexts?.paginator ?? {}) },
+        warning: { ...defaults.warning, ...(customTexts?.warning ?? {}) },
+        table: { ...defaults.table, ...(customTexts?.table ?? {}) },
+        validation: { ...defaults.validation, ...(customTexts?.validation ?? {}) },
+    };
+}
+function provideMapaUiTexts(texts) {
+    return {
+        provide: MAPA_UI_TEXTS,
+        useValue: texts,
+    };
+}
+
+class MapaI18nService {
+    constructor(customTexts) {
+        this.injector = inject(Injector);
+        this.textsState = signal(mergeMapaUiTexts(), ...(ngDevMode ? [{ debugName: "textsState" }] : []));
+        this.textsSignal = this.textsState.asReadonly();
+        this.texts$ = toObservable(this.textsSignal, { injector: this.injector });
+        if (customTexts) {
+            this.textsState.set(mergeMapaUiTexts(customTexts));
+        }
+    }
+    get texts() {
+        return this.textsState();
+    }
+    setTexts(texts) {
+        this.textsState.set(mergeMapaUiTexts(texts));
+    }
+    resolveValidationText(key, context) {
+        return this.resolveText(this.texts.validation[key], context);
+    }
+    resolveText(value, context) {
+        return typeof value === "function" ? value(context) : value;
+    }
+    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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaI18nService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaI18nService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAPA_UI_TEXTS]
+                }] }] });
+
 class MapaDropdownV2Component {
     constructor() {
-        this.hostElement = inject((ElementRef));
+        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() {
-        return this.formControl.value?.value || this.element.placeholder || "";
+        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 ?? [];
@@ -85,6 +201,7 @@ class MapaDropdownV2Component {
         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();
@@ -96,36 +213,63 @@ class MapaDropdownV2Component {
         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();
     }
-    handleDocumentClick(event) {
-        if (this.isOpenState() &&
-            !this.hostElement.nativeElement.contains(event.target)) {
-            this.closeDropdown();
+    // 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.formControl.value) {
+        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: { "document:click": "handleDocumentClick($event)" } }, 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    class=\"mapa-dropdown-v2__trigger\"\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]=\"!formControl.value\"\n    >\n      {{ selectedLabel() }}\n    </span>\n  </button>\n\n  @if (isOpen()) {\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        @for (option of filteredOptions(); track option.key) {\n          <button\n            class=\"mapa-dropdown-v2__option\"\n            [class.mapa-dropdown-v2__option--selected]=\"\n              formControl.value?.key === option.key\n            \"\n            type=\"button\"\n            (click)=\"selectOption(option)\"\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  }\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: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__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;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__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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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: 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 }); }
 }
 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], 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    class=\"mapa-dropdown-v2__trigger\"\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]=\"!formControl.value\"\n    >\n      {{ selectedLabel() }}\n    </span>\n  </button>\n\n  @if (isOpen()) {\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        @for (option of filteredOptions(); track option.key) {\n          <button\n            class=\"mapa-dropdown-v2__option\"\n            [class.mapa-dropdown-v2__option--selected]=\"\n              formControl.value?.key === option.key\n            \"\n            type=\"button\"\n            (click)=\"selectOption(option)\"\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  }\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: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__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;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__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"] }]
+            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 }]
@@ -138,9 +282,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
             }], searchInput: [{
                 type: ViewChild,
                 args: ["searchInput"]
-            }], handleDocumentClick: [{
+            }], handleWindowResize: [{
                 type: HostListener,
-                args: ["document:click", ["$event"]]
+                args: ["window:resize"]
             }] } });
 
 /*

package/fesm2022/mapa-library-ui-src-lib-components-dropdown-v2.mjs.map

@@ -1 +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/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 {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  Input,\n  ViewChild,\n  inject,\n  signal,\n} from \"@angular/core\";\nimport { FormControl, ReactiveFormsModule } from \"@angular/forms\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\nimport { ElementOption } from \"../../../core/interfaces/element-option.interface\";\n\n@Component({\n  selector: \"mapa-dropdown-v2\",\n  standalone: true,\n  imports: [ReactiveFormsModule],\n  templateUrl: \"./dropdown-v2.component.html\",\n  styleUrl: \"./dropdown-v2.component.scss\",\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MapaDropdownV2Component {\n  private readonly hostElement = inject(ElementRef<HTMLElement>);\n  private readonly isOpenState = signal(false);\n\n  @Input({ required: true }) element!: Dropdown;\n  @Input({ required: true }) formControl!: FormControl<ElementOption | null>;\n\n  @ViewChild(\"triggerButton\")\n  private triggerButton?: ElementRef<HTMLButtonElement>;\n  @ViewChild(\"searchInput\")\n  private searchInput?: ElementRef<HTMLInputElement>;\n\n  isOpen(): boolean {\n    return this.isOpenState();\n  }\n\n  selectedLabel(): string {\n    return this.formControl.value?.value || this.element.placeholder || \"\";\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.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    this.formControl.setValue(option);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n    this.closeDropdown();\n  }\n\n  closeDropdown(): void {\n    this.isOpenState.set(false);\n    this.searchControl?.setValue(\"\", { emitEvent: true });\n    this.markAsTouchedIfEmpty();\n  }\n\n  @HostListener(\"document:click\", [\"$event\"])\n  handleDocumentClick(event: MouseEvent): void {\n    if (\n      this.isOpenState() &&\n      !this.hostElement.nativeElement.contains(event.target as Node)\n    ) {\n      this.closeDropdown();\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.formControl.value) {\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    class=\"mapa-dropdown-v2__trigger\"\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]=\"!formControl.value\"\n    >\n      {{ selectedLabel() }}\n    </span>\n  </button>\n\n  @if (isOpen()) {\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        @for (option of filteredOptions(); track option.key) {\n          <button\n            class=\"mapa-dropdown-v2__option\"\n            [class.mapa-dropdown-v2__option--selected]=\"\n              formControl.value?.key === option.key\n            \"\n            type=\"button\"\n            (click)=\"selectOption(option)\"\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  }\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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"}
+{"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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"}