ngx-vector-components 5.170.0 → 5.172.0

package/fesm2022/ngx-vector-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Pipe, NgModule, InjectionToken, Inject, EventEmitter, Output, Injectable, ViewChild, signal, ViewEncapsulation, HostListener, inject } from '@angular/core';
+import { Input, Component, Pipe, NgModule, InjectionToken, Injectable, Inject, EventEmitter, Output, ViewChild, signal, ViewEncapsulation, HostListener, inject } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from 'primeng/tooltip';
@@ -9,7 +9,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { saveAs } from 'file-saver';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd, Router } from '@angular/router';
-import { Subscription, BehaviorSubject, Subject, of, firstValueFrom, throwError } from 'rxjs';
+import { BehaviorSubject, Subscription, Subject, of, firstValueFrom, throwError } from 'rxjs';
 import * as i1$5 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from 'primeng/button';
@@ -200,6 +200,7 @@ var ProfileModuleType;
     ProfileModuleType["RELEASE_ADVANCE_FREIGHT"] = "ReleaseAdvanceFreight";
     ProfileModuleType["RELEASE_ADVANCE_FREIGHT_PAYMENT"] = "ReleaseAdvanceFreightPayment";
     ProfileModuleType["BANK_S3"] = "BankS3";
+    ProfileModuleType["BREAK_ALLOWANCE_MODULE"] = "Solicita\u00E7\u00E3o de Abono";
     ProfileModuleType["COURTYARD_MANAGEMENT"] = "Courtyard Management";
     ProfileModuleType["DOCK_BUILDINGS"] = "Dock Buildings";
     ProfileModuleType["S3_BANK_RETURN"] = "S3BankReturn";
@@ -796,6 +797,11 @@ var ProfileModuleActionType;
     ProfileModuleActionType["CARD_MANAGEMENT"] = "CardManagement";
     ProfileModuleActionType["SHOW_TRIP"] = "Show Trip";
     ProfileModuleActionType["SHOW_DIGITAL_DISCHARGE_VECTORPAY"] = "Show Digital Discharge VectorPay";
+    ProfileModuleActionType["SHOW_REQUEST_BREAK_ALLOWANCE"] = "Exibir Solicita\u00E7\u00F5es";
+    ProfileModuleActionType["CREATE_REQUEST_BREAK_ALLOWANCE"] = "Criar Solicita\u00E7\u00F5es";
+    ProfileModuleActionType["CREATE_APPROVERS_REQUEST_BREAK_ALLOWANCE"] = "Cadastrar Aprovadores";
+    ProfileModuleActionType["CREATE_REASONS_REQUEST_BREAK_ALLOWANCE"] = "Cadastrar Motivos";
+    ProfileModuleActionType["APPROVE_REJECT_REQUEST_BREAK_ALLOWANCE"] = "Aprovar/Rejeitar Solicita\u00E7\u00F5es";
     ProfileModuleActionType["SHOW_DIGITAL_SHIPPER"] = "Show Digital Shipper";
     ProfileModuleActionType["RELATORIO_DE_FRETE_VECTORPAY"] = "Relatorio De Frete VectorPay";
     ProfileModuleActionType["SECURITY_TRAINING"] = "Security Training";
@@ -1641,18 +1647,43 @@ const APP_NAME = new InjectionToken('APP_NAME');
 const ENVIRONMENT = new InjectionToken('ENVIRONMENT');
 const MENU_OPTIONS = new InjectionToken('MENU_OPTIONS');
 
+class BreadcrumbService {
+    constructor() {
+        this._titleAdditionalInfo$ = new BehaviorSubject(null);
+        this.titleAdditionalInfo$ = this._titleAdditionalInfo$.asObservable();
+    }
+    setTitleAdditionalInfo(value) {
+        this._titleAdditionalInfo$.next(value);
+    }
+    clearTitleAdditionalInfo() {
+        this._titleAdditionalInfo$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class BreadcrumbComponent {
-    constructor(router, environment, menuOptions) {
+    constructor(router, environment, menuOptions, breadcrumbService) {
         this.router = router;
         this.environment = environment;
         this.menuOptions = menuOptions;
+        this.breadcrumbService = breadcrumbService;
         this.appName = this.environment.appName;
         this.routeFragments = [];
+        this.titleAdditionalInfo = null;
         this.subscription = new Subscription();
     }
     ngOnInit() {
+        this.subscription.add(this.breadcrumbService.titleAdditionalInfo$.subscribe((value) => {
+            this.titleAdditionalInfo = value;
+        }));
         this.subscription.add(this.router.events.subscribe((event) => {
             if (event instanceof NavigationEnd) {
+                this.breadcrumbService.clearTitleAdditionalInfo();
                 this.routeFragments = [];
                 let url = event.urlAfterRedirects.replace('/', '');
                 if (url.includes('?')) {
@@ -1686,19 +1717,19 @@ class BreadcrumbComponent {
         }
         return foundItem;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n  <div class=\"route-path\">\n    <span class=\"app-name\">{{ appName }}</span>\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n    <span\n      class=\"route-fragment\"\n      [ngClass]=\"{ clickable: fragment.route }\"\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\n      (click)=\"navigateToFragment(fragment)\"\n      ><div class=\"chevron\"></div>\n      {{ fragment.label }}</span\n    >\n  </div>\n  <span class=\"last-route\">\n    {{ routeFragments[routeFragments.length - 1].label }}\n  </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A  <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: RemoveLastChildPipe, name: "removeLastChild" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }, { token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n  <div class=\"route-path\">\n    <span class=\"app-name\">{{ appName }}</span>\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n    <span\n      class=\"route-fragment\"\n      [ngClass]=\"{ clickable: fragment.route }\"\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\n      (click)=\"navigateToFragment(fragment)\"\n      ><div class=\"chevron\"></div>\n      {{ fragment.label }}</span\n    >\n  </div>\n  <span class=\"last-route\">\n    {{ routeFragments[routeFragments.length - 1].label }}\n    {{ titleAdditionalInfo }}\n  </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A  <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: RemoveLastChildPipe, name: "removeLastChild" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n  <div class=\"route-path\">\n    <span class=\"app-name\">{{ appName }}</span>\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n    <span\n      class=\"route-fragment\"\n      [ngClass]=\"{ clickable: fragment.route }\"\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\n      (click)=\"navigateToFragment(fragment)\"\n      ><div class=\"chevron\"></div>\n      {{ fragment.label }}</span\n    >\n  </div>\n  <span class=\"last-route\">\n    {{ routeFragments[routeFragments.length - 1].label }}\n  </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A  <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
+            args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n  <div class=\"route-path\">\n    <span class=\"app-name\">{{ appName }}</span>\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n    <span\n      class=\"route-fragment\"\n      [ngClass]=\"{ clickable: fragment.route }\"\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\n      (click)=\"navigateToFragment(fragment)\"\n      ><div class=\"chevron\"></div>\n      {{ fragment.label }}</span\n    >\n  </div>\n  <span class=\"last-route\">\n    {{ routeFragments[routeFragments.length - 1].label }}\n    {{ titleAdditionalInfo }}\n  </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A  <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ENVIRONMENT]
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MENU_OPTIONS]
-                }] }] });
+                }] }, { type: BreadcrumbService }] });
 
 class BreadcrumbModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -3602,7 +3633,7 @@ class DropdownFieldComponent {
         return dv1 === digits[12] && dv2 === digits[13];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isNgContent: "isNgContent", forceSelection: "forceSelection", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies", hiddenErrorMessage: "hiddenErrorMessage", dynamicFilters: "dynamicFilters", minLengthToService: "minLengthToService", initialLoad: "initialLoad", disabled: "disabled", limitScrollPage: "limitScrollPage", inputId: "inputId" }, outputs: { onFocus: "onFocus", onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\n  <div class=\"input-container\">\n    <div class=\"input-inner-container\" *ngIf=\"!isNgContent\">\n      <p-dropdown\n        *ngIf=\"dynamicFilters\"\n        appendTo=\"body\"\n        optionLabel=\"name\"\n        optionValue=\"code\"\n        [(ngModel)]=\"selectedDynamicFilter\"\n        [options]=\"dynamicFilters\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n      </p-dropdown>\n      <p-autoComplete\n        appendTo=\"body\"\n        field=\"name\"\n        [forceSelection]=\"forceSelection\"\n        [dropdown]=\"true\"\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [suggestions]=\"pagedSuggestions\"\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\n        [delay]=\"800\"\n        (completeMethod)=\"search($event)\"\n        (onShow)=\"onOpenAutocompletePanel()\"\n        (onHide)=\"onHideAutocompletePanel()\"\n        (onFocus)=\"onFocus.emit($event)\"\n        (onChange)=\"onChange.emit($event)\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n      </p-autoComplete>\n    </div>\n\n    <div class=\"input-inner-container\" *ngIf=\"isNgContent\">\n      <p-autoComplete\n        appendTo=\"body\"\n        field=\"name\"\n        [forceSelection]=\"forceSelection\"\n        [dropdown]=\"true\"\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [suggestions]=\"pagedSuggestions\"\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\n        [delay]=\"800\"\n        (completeMethod)=\"search($event)\"\n        (onShow)=\"onOpenAutocompletePanel()\"\n        (onHide)=\"onHideAutocompletePanel()\"\n        (onFocus)=\"onFocus.emit($event)\"\n        (onChange)=\"onChange.emit($event)\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n        <ng-template let-option pTemplate=\"item\">\n          <div class=\"option-content\">\n            <span class=\"option-label\">{{ option.name }}</span>\n            <br />\n            <span class=\"option-sublabel\">{{ option.code }}</span>\n          </div>\n        </ng-template>\n      </p-autoComplete>\n    </div>\n\n    <vector-button\n      *ngIf=\"buttonAction\"\n      [label]=\"buttonAction.label\"\n      [disabled]=\"disabled\"\n      (onClick)=\"buttonAction.onClick(control.value)\"\n    ></vector-button>\n  </div>\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\n</div>\n", styles: [".input-container{display:flex;align-items:flex-end;width:100%}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}.input-container p-dropdown{margin-right:-5px;width:150px}@media (max-width: 575px){.input-container p-dropdown{width:100px}}.input-container .input-inner-container{display:flex;width:100%}.p-dropdown-panel,.p-autocomplete-panel,.p-multiselect-panel{max-width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isNgContent: "isNgContent", forceSelection: "forceSelection", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies", hiddenErrorMessage: "hiddenErrorMessage", dynamicFilters: "dynamicFilters", minLengthToService: "minLengthToService", initialLoad: "initialLoad", disabled: "disabled", limitScrollPage: "limitScrollPage", inputId: "inputId" }, outputs: { onFocus: "onFocus", onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\n  <div class=\"input-container\">\n    <div class=\"input-inner-container\" *ngIf=\"!isNgContent\">\n      <p-dropdown\n        *ngIf=\"dynamicFilters\"\n        appendTo=\"body\"\n        optionLabel=\"name\"\n        optionValue=\"code\"\n        [(ngModel)]=\"selectedDynamicFilter\"\n        [options]=\"dynamicFilters\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n      </p-dropdown>\n      <p-autoComplete\n        appendTo=\"body\"\n        field=\"name\"\n        [forceSelection]=\"forceSelection\"\n        [dropdown]=\"true\"\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [suggestions]=\"pagedSuggestions\"\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\n        [delay]=\"800\"\n        (completeMethod)=\"search($event)\"\n        (onShow)=\"onOpenAutocompletePanel()\"\n        (onHide)=\"onHideAutocompletePanel()\"\n        (onFocus)=\"onFocus.emit($event)\"\n        (onChange)=\"onChange.emit($event)\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n      </p-autoComplete>\n    </div>\n\n    <div class=\"input-inner-container\" *ngIf=\"isNgContent\">\n      <p-autoComplete\n        appendTo=\"body\"\n        field=\"name\"\n        [forceSelection]=\"forceSelection\"\n        [dropdown]=\"true\"\n        [formControl]=\"control\"\n        [placeholder]=\"placeholder\"\n        [suggestions]=\"pagedSuggestions\"\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\n        [delay]=\"800\"\n        (completeMethod)=\"search($event)\"\n        (onShow)=\"onOpenAutocompletePanel()\"\n        (onHide)=\"onHideAutocompletePanel()\"\n        (onFocus)=\"onFocus.emit($event)\"\n        (onChange)=\"onChange.emit($event)\"\n        [disabled]=\"disabled\"\n        [inputId]=\"inputId\"\n      >\n        <ng-template let-option pTemplate=\"item\">\n          <div class=\"option-content\">\n            <span class=\"option-label\">{{ option.name }}</span>\n            <br />\n            <span class=\"option-sublabel\">{{ option.code }}</span>\n          </div>\n        </ng-template>\n      </p-autoComplete>\n    </div>\n\n    <vector-button\n      *ngIf=\"buttonAction\"\n      [label]=\"buttonAction.label\"\n      [disabled]=\"disabled\"\n      (onClick)=\"buttonAction.onClick(control.value)\"\n    ></vector-button>\n  </div>\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\n</div>\n", styles: [".input-container{display:flex;align-items:flex-end;width:100%}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}.input-container p-dropdown{margin-right:-5px;width:150px}@media (max-width: 575px){.input-container p-dropdown{width:100px}}.input-container .input-inner-container{display:flex;width:100%}.p-dropdown-panel,.p-autocomplete-panel,.p-multiselect-panel{max-width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownFieldComponent, decorators: [{
             type: Component,
@@ -6006,5 +6037,5 @@ const getSelectedCrudItemResolver = (routeSnapshot) => {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, View, WindowUtil, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, roleGuard, tokenIsPresentGuard };
+export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, BreadcrumbService, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, View, WindowUtil, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, roleGuard, tokenIsPresentGuard };
 //# sourceMappingURL=ngx-vector-components.mjs.map