keevo-components 1.5.164 → 1.5.166

package/fesm2015/keevo-components.mjs

@@ -490,7 +490,7 @@ class FormService {
             width: paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.width,
             styleClass: paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.styleClass,
             showHeader: true,
-            data: { id: paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.id, popup: (paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.popup) || true }
+            data: { id: paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.id, popup: (paramsDialog === null || paramsDialog === void 0 ? void 0 : paramsDialog.popup) && true }
         });
         ref.onClose.subscribe((data) => {
             if (data)
@@ -3984,10 +3984,10 @@ class PageFormComponent {
     }
 }
 PageFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PageFormComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-PageFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", actions: "actions", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<form\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-success>\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</form>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:130px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: ButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: ["items"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+PageFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", actions: "actions", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:130px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: ButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: ["items"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-page-form', template: "<form\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-success>\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</form>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:130px}}\n"] }]
+            args: [{ selector: 'kv-page-form', template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:130px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$1.FormBuilder }]; }, propDecorators: { formGroup: [{
                 type: Input
             }], TituloForm: [{
@@ -4145,47 +4145,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
         }] });
 
 class BaseComponentDropdownNew extends BaseComponentDropDown {
+    ngOnInit() {
+        if (this.dropDowValue)
+            this.value = this.dropDowValue;
+    }
 }
 BaseComponentDropdownNew.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName" }, usesInheritance: true, ngImport: i0, template: `
-        <div [formGroup]="formGroup">
-            <kv-dropdown
-                [filteredOptions]="filteredOptions"
-                [options]="options"
-                [optionLabel]="optionLabel"
-                [optionValue]="optionValue"
-                [filter]="filter"
-                [label]="label"
-                [showClear]="showClear"
-                [formControlName]="formControlName"
-            ></kv-dropdown>
-        </div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "component", type: DropdownComponent, selector: "kv-dropdown", inputs: ["dropDowValue", "itemTemplate", "selectedItemTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }] });
+BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName", dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, usesInheritance: true, ngImport: i0, template: `
+    <span>
+      <kv-label
+        [componentId]="componentId"
+        [label]="label"
+      />
+      <p-dropdown
+        appendTo="body"
+        [class]="baseInputClass"
+        [disabled]="disabled"
+        [filter]="filter"
+        [inputId]="componentId"
+        [(ngModel)]="value"
+        [options]="filteredOptions"
+        [optionLabel]="optionLabel"
+        [optionValue]="optionValue"
+        [optionDisabled]="optionDisabled"
+        [group]="group"
+        [optionGroupLabel]="optionGroupLabel"
+        [optionGroupChildren]="optionGroupChildren"
+        [showClear]="showClear"
+        [lazy]="lazy"
+        scrollHeight="250px"
+        (onBlur)="onInputBlur($event)"
+        (onClick)="onInputClick($event)"
+        (onChange)="onInputChange($event)"
+        (onFilter)="onInputFilter($event)"
+        [style]="{'width':widthField}"
+        [panelStyle]="{ width: widthField, overflow: 'auto' }"
+        styleClass="inputs"
+      >
+
+        <ng-template
+          *ngIf="showAddButton"
+          pTemplate="footer"
+        >
+          <p-divider></p-divider>
+          <div class="flex flex-wrap card-container p-1">
+            <div class="flex justify-content-center">
+              <button
+                pButton
+                label="Incluir"
+                pTooltip="Clique aqui para incluir um novo registro"
+                tooltipPosition="bottom"
+                icon="pi pi-plus"
+                class="p-button-rounded p-button-success mr-2"
+                (click)="addClick($event)"
+              ></button>
+            </div>
+          </div>
+        </ng-template>
+
+        <ng-template
+          let-selectedItem
+          pTemplate="item"
+          *ngIf="itemTemplate"
+        >
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: selectedItem }"
+          >
+          </ng-container>
+        </ng-template>
+
+
+        <ng-template
+          let-item
+          pTemplate="selectedItem"
+          *ngIf="selectedItemTemplate"
+        >
+          <ng-container
+            [ngTemplateOutlet]="selectedItemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }"
+          >
+
+          </ng-container>
+        </ng-template>
+
+      </p-dropdown>
+
+      <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
+    </span>
+    <ng-content></ng-content>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "ngmodule", type: kvErrorModule }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-base-dropdown',
                     template: `
-        <div [formGroup]="formGroup">
-            <kv-dropdown
-                [filteredOptions]="filteredOptions"
-                [options]="options"
-                [optionLabel]="optionLabel"
-                [optionValue]="optionValue"
-                [filter]="filter"
-                [label]="label"
-                [showClear]="showClear"
-                [formControlName]="formControlName"
-            ></kv-dropdown>
-        </div>
+    <span>
+      <kv-label
+        [componentId]="componentId"
+        [label]="label"
+      />
+      <p-dropdown
+        appendTo="body"
+        [class]="baseInputClass"
+        [disabled]="disabled"
+        [filter]="filter"
+        [inputId]="componentId"
+        [(ngModel)]="value"
+        [options]="filteredOptions"
+        [optionLabel]="optionLabel"
+        [optionValue]="optionValue"
+        [optionDisabled]="optionDisabled"
+        [group]="group"
+        [optionGroupLabel]="optionGroupLabel"
+        [optionGroupChildren]="optionGroupChildren"
+        [showClear]="showClear"
+        [lazy]="lazy"
+        scrollHeight="250px"
+        (onBlur)="onInputBlur($event)"
+        (onClick)="onInputClick($event)"
+        (onChange)="onInputChange($event)"
+        (onFilter)="onInputFilter($event)"
+        [style]="{'width':widthField}"
+        [panelStyle]="{ width: widthField, overflow: 'auto' }"
+        styleClass="inputs"
+      >
+
+        <ng-template
+          *ngIf="showAddButton"
+          pTemplate="footer"
+        >
+          <p-divider></p-divider>
+          <div class="flex flex-wrap card-container p-1">
+            <div class="flex justify-content-center">
+              <button
+                pButton
+                label="Incluir"
+                pTooltip="Clique aqui para incluir um novo registro"
+                tooltipPosition="bottom"
+                icon="pi pi-plus"
+                class="p-button-rounded p-button-success mr-2"
+                (click)="addClick($event)"
+              ></button>
+            </div>
+          </div>
+        </ng-template>
+
+        <ng-template
+          let-selectedItem
+          pTemplate="item"
+          *ngIf="itemTemplate"
+        >
+          <ng-container
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: selectedItem }"
+          >
+          </ng-container>
+        </ng-template>
+
+
+        <ng-template
+          let-item
+          pTemplate="selectedItem"
+          *ngIf="selectedItemTemplate"
+        >
+          <ng-container
+            [ngTemplateOutlet]="selectedItemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }"
+          >
+
+          </ng-container>
+        </ng-template>
+
+      </p-dropdown>
+
+      <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
+    </span>
+    <ng-content></ng-content>
     `,
                     standalone: true,
-                    imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule]
+                    imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule, PrimeNgModule, LabelModule, kvErrorModule]
                 }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], formControlName: [{
                 type: Input
+            }], dropDowValue: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], selectedItemTemplate: [{
+                type: Input
             }] } });
 
 class TranslatePrimeng {