keevo-components 2.0.46 → 2.0.48

package/fesm2022/keevo-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, ViewChild, Injectable, signal, Directive, Pipe, ContentChildren, ViewChildren, forwardRef, viewChild, input, model, output, effect, computed, HostListener, NgModule, inject, ViewContainerRef, ChangeDetectionStrategy, HostBinding, Injector } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, Injectable, signal, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, viewChild, input, model, output, effect, computed, HostListener, NgModule, inject, ViewContainerRef, ChangeDetectionStrategy, HostBinding, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass } from '@angular/common';
 import * as i1$1 from 'primeng/button';
@@ -7067,15 +7067,15 @@ class KvPickListComponent {
     constructor(fb) {
         this.fb = fb;
         this.itemIdField = 'id';
-        this.breakpoint = "1400px"; // Define a largura da tela na qual o componente deve alterar seu comportamento responsivo.
-        this.dragdrop = true; // Ativa/Desativa o arrasta e solta
-        this.responsive = true; // Ativa/Desativa a responsividade automática
+        this.breakpoint = "1400px";
+        this.dragdrop = true;
+        this.responsive = true;
         this.sourceHeader = 'Título da lista de origem';
-        this.stripedRows = false; // Ativa/Desativa linhas com cores alternadas ("zebradas")
+        this.stripedRows = false;
         this.targetHeader = 'Título de lista de destino';
-        this.showSourceControls = true; // Exibir controls da lista de origem
-        this.showTargetControls = true; // Exibir controls da lista de destino
-        this.showCheckBox = false; // Exibir check na lista de origem
+        this.showSourceControls = true;
+        this.showTargetControls = true;
+        this.showCheckBox = false;
         this.onMoveToSource = new EventEmitter();
         this.onMoveToTarget = new EventEmitter();
         this.onMoveAllToSource = new EventEmitter();
@@ -7084,52 +7084,286 @@ class KvPickListComponent {
         this.onTargetSelect = new EventEmitter();
         this.ngModel = false;
         this.selectedItems = {};
-        document.addEventListener('keydown', (event) => {
-            if (event.ctrlKey && event.key === 'a') {
-                event.preventDefault(); // Evita comportamento padrão do navegador
-                this.onSelectAll();
+        this.ultimoItemSelecionado = [];
+        this.lastDraggedItems = [];
+        this.draggedIds = [];
+        this.mouseX = 0;
+        this.mouseY = 0;
+        this.previewClones = [];
+        document.addEventListener('keydown', (event) => this.onKeyDown(event));
+    }
+    ngOnInit() {
+        document.addEventListener('mousemove', (event) => {
+            this.mouseX = event.clientX;
+            this.mouseY = event.clientY;
+        });
+    }
+    ngAfterViewInit() {
+        this.createDropOverlay();
+    }
+    createDropOverlay() {
+        this.dropOverlay = document.createElement('div');
+        this.dropOverlay.innerText = 'Soltar';
+        this.dropOverlay.style.position = 'fixed';
+        this.dropOverlay.style.background = '#BFDBFE'; // Azul claro visível
+        this.dropOverlay.style.color = '#1E3A8A'; // Azul escuro pro texto
+        this.dropOverlay.style.border = '9px #1E40AF'; // Borda azul escuro
+        this.dropOverlay.style.boxShadow = '0 2px 6px rgba(30, 58, 138, 0.2)'; // Shadow reduzida
+        this.dropOverlay.style.display = 'none';
+        this.dropOverlay.style.justifyContent = 'center';
+        this.dropOverlay.style.alignItems = 'center';
+        this.dropOverlay.style.zIndex = '9999';
+        this.dropOverlay.style.fontSize = '1.5rem';
+        this.dropOverlay.style.fontWeight = 'bold';
+        this.dropOverlay.style.pointerEvents = 'all';
+        this.dropOverlay.style.transition = 'all 0.2s ease';
+        // Encaixar no mesmo lugar do target
+        const targetListEl = document.querySelector('.p-picklist-target');
+        if (targetListEl) {
+            const rect = targetListEl.getBoundingClientRect();
+            this.dropOverlay.style.top = rect.top + 'px';
+            this.dropOverlay.style.left = rect.left + 'px';
+            this.dropOverlay.style.width = rect.width + 'px';
+            this.dropOverlay.style.height = rect.height + 'px';
+        }
+        this.dropOverlay.addEventListener('click', () => {
+            const selectedInSource = this.source.some(item => this.selectedItems[item[this.itemIdField]]);
+            const selectedInTarget = this.target.some(item => this.selectedItems[item[this.itemIdField]]);
+            if (selectedInSource) {
+                this.OnMoveToTarget({});
+            }
+            else if (selectedInTarget) {
+                this.OnMoveToSource({});
             }
+            this.hideDropOverlay();
         });
+        this.dropOverlay.addEventListener('mouseenter', () => {
+            this.dropOverlay.style.background = '#93C5FD'; // Azul um pouco mais escuro no hover
+        });
+        this.dropOverlay.addEventListener('mouseleave', () => {
+            this.dropOverlay.style.background = '#BFDBFE';
+        });
+        document.body.appendChild(this.dropOverlay);
+    }
+    handleMouseMove(event) {
+        this.mouseX = event.clientX;
+        this.mouseY = event.clientY;
+    }
+    clearPreviewClones() {
+        this.previewClones.forEach(clone => clone.remove());
+        this.previewClones = [];
     }
     OnMoveToSource(event) {
+        this.clearPreviewClones();
         this.picklist.moveLeft();
         this.onMoveToSource.emit(event);
         this.selectedItems = {};
+        this.hideDropOverlay();
+        this.clearPreviewClones();
     }
     OnMoveToTarget(event) {
+        this.clearPreviewClones();
         this.picklist.moveRight();
         this.onMoveToTarget.emit(event);
         this.selectedItems = {};
+        this.hideDropOverlay();
+        this.clearPreviewClones();
+    }
+    getSelectedItems() {
+        // Filtra os itens da lista de origem (source) com base nos itens selecionados
+        return this.source.filter(item => {
+            const itemId = item[this.itemIdField]; // Obtém o ID do item
+            return this.selectedItems[itemId] === true; // Verifica se está marcado como true
+        });
     }
     OnMoveAllToSource(event) {
         this.onMoveToSource.emit(event);
         this.selectedItems = {};
+        this.hideDropOverlay();
+        this.clearPreviewClones();
     }
     OnMoveAllToTarget(event) {
         this.onMoveToTarget.emit(event);
         this.selectedItems = {};
+        this.hideDropOverlay();
+        this.clearPreviewClones();
     }
     OnSourceSelect(event) {
+        const selectedItems = this.getSelectedItems();
+        // Primeiro remove todos os previews antigos
+        this.clearPreviewClones();
+        if (selectedItems.length === 0) {
+            this.hideDropOverlay();
+            this.onSourceSelect.emit(event);
+            return;
+        }
+        selectedItems.forEach((item, index) => {
+            const itemId = item[this.itemIdField];
+            // Se já existe um clone para esse item, não cria novamente
+            if (!document.getElementById('preview_' + itemId)) {
+                const original = document.getElementById('id_pick_list' + itemId);
+                if (original) {
+                    const rect = original.getBoundingClientRect();
+                    const clone = original.cloneNode(true);
+                    clone.classList.add('drag-preview-clone');
+                    clone.classList.add(`level-${index + 1}`);
+                    clone.id = 'preview_' + itemId;
+                    document.body.appendChild(clone);
+                    this.previewClones.push(clone);
+                    this.animateCloneToCursor(clone, rect);
+                }
+            }
+        });
+        this.showDropOverlay();
         this.onSourceSelect.emit(event);
     }
+    getItemId(item) {
+        return item?.[this.itemIdField];
+    }
+    showDropOverlay() {
+        const selectedInSource = this.source.some(item => this.selectedItems[item[this.itemIdField]]);
+        const selectedInTarget = this.target.some(item => this.selectedItems[item[this.itemIdField]]);
+        let targetListEl = null;
+        if (selectedInSource) {
+            // Itens selecionados na lista da esquerda → overlay no lado direito
+            targetListEl = document.querySelector('.p-picklist-target');
+            this.dropOverlay.innerText = 'Soltar aqui para mover';
+        }
+        else if (selectedInTarget) {
+            // Itens selecionados na lista da direita → overlay no lado esquerdo
+            targetListEl = document.querySelector('.p-picklist-source');
+            this.dropOverlay.innerText = 'Soltar aqui para retornar';
+        }
+        if (targetListEl) {
+            const rect = targetListEl.getBoundingClientRect();
+            this.dropOverlay.style.top = rect.top + 'px';
+            this.dropOverlay.style.left = rect.left + 'px';
+            this.dropOverlay.style.width = rect.width + 'px';
+            this.dropOverlay.style.height = rect.height + 'px';
+            this.dropOverlay.style.display = 'flex';
+        }
+    }
+    hideDropOverlay() {
+        if (this.dropOverlay) {
+            this.dropOverlay.style.display = 'none';
+        }
+    }
+    animateCloneToCursor(clone, originRect) {
+        // Começa exatamente da posição do original
+        let posX = originRect.left;
+        let posY = originRect.top;
+        clone.style.position = 'fixed';
+        clone.style.left = `${posX}px`;
+        clone.style.top = `${posY}px`;
+        clone.style.width = `${originRect.width}px`;
+        clone.style.height = `${originRect.height}px`;
+        clone.style.pointerEvents = 'none';
+        const animate = () => {
+            const dx = this.mouseX - posX;
+            const dy = this.mouseY - posY;
+            posX += dx * 0.15;
+            posY += dy * 0.15;
+            clone.style.left = `${posX}px`;
+            clone.style.top = `${posY}px`;
+            if (document.body.contains(clone)) {
+                requestAnimationFrame(animate);
+            }
+        };
+        animate();
+    }
     OnTargetSelect(event) {
+        const selectedItems = this.target.filter(item => {
+            const itemId = item[this.itemIdField];
+            return this.selectedItems[itemId] === true;
+        });
+        // Limpa clones antigos
+        this.clearPreviewClones();
+        if (selectedItems.length === 0) {
+            this.hideDropOverlay();
+            this.onTargetSelect.emit(event);
+            return;
+        }
+        selectedItems.forEach((item, index) => {
+            const itemId = item[this.itemIdField];
+            if (!document.getElementById('preview_' + itemId)) {
+                const original = document.getElementById('id_pick_list' + itemId);
+                if (original) {
+                    const rect = original.getBoundingClientRect();
+                    const clone = original.cloneNode(true);
+                    clone.classList.add('drag-preview-clone');
+                    clone.classList.add(`level-${index + 1}`);
+                    clone.id = 'preview_' + itemId;
+                    document.body.appendChild(clone);
+                    this.previewClones.push(clone);
+                    this.animateCloneToCursor(clone, rect);
+                }
+            }
+        });
+        this.showDropOverlay();
         this.onTargetSelect.emit(event);
     }
     onSelectAll() {
         this.selectAllItems(true);
     }
     selectAllItems(isSelected) {
-        // Selecionar todos os itens na lista de origem (source)
         this.source.forEach(item => {
             const itemId = item[this.itemIdField];
             this.selectedItems[itemId] = isSelected;
         });
-        // Selecionar todos os itens na lista de destino (target)
         this.target.forEach(item => {
             const itemId = item[this.itemIdField];
             this.selectedItems[itemId] = isSelected;
         });
     }
+    onKeyDown(event) {
+        if (event.ctrlKey && event.key === 'a') {
+            event.preventDefault();
+            this.onSelectAll();
+        }
+        else if (event.key === 'Enter') {
+            const sourceSelected = this.picklist.selectedItemsSource;
+            const selectedItemsIds = Object.entries(this.selectedItems)
+                .filter(([_, value]) => value === true)
+                .map(([key, _]) => Number(key));
+            const notInSelected = sourceSelected.find((item) => !selectedItemsIds.includes(item[this.itemIdField]));
+            const indexInSource = this.source.findIndex((item) => item[this.itemIdField] === notInSelected?.[this.itemIdField]);
+            const ultimoItemArray = {
+                item: notInSelected,
+                index: indexInSource,
+            };
+            const selectedIndexInSource = this.source.findIndex((sourceItem) => selectedItemsIds.includes(sourceItem[this.itemIdField]));
+            if (notInSelected === undefined) {
+                const beforeIds = this.ultimoItemSelecionado.map(i => i.item[this.itemIdField]);
+                const afterIds = this.picklist.selectedItemsSource.map(i => i[this.itemIdField]);
+                const removedId = beforeIds.find(id => !afterIds.includes(id));
+                if (removedId != null) {
+                    const removedItem = this.source.find(item => item[this.itemIdField] === removedId);
+                    if (removedItem) {
+                        this.selectCheckBox(removedItem);
+                        this.ultimoItemSelecionado = this.ultimoItemSelecionado.filter((i) => i.item[this.itemIdField] !== removedId);
+                    }
+                }
+                else {
+                    const enterIds = this.ultimoItemSelecionado.map(i => i.item[this.itemIdField]);
+                    const selectedItemsIds = Object.entries(this.selectedItems)
+                        .filter(([_, value]) => value === true)
+                        .map(([key, _]) => Number(key));
+                    const clickedIds = selectedItemsIds.filter(id => !enterIds.includes(id));
+                    if (clickedIds.length > 0) {
+                        const clickedItem = this.source.find(item => item[this.itemIdField] === clickedIds[0]);
+                        if (clickedItem) {
+                            this.selectCheckBox(clickedItem);
+                            this.ultimoItemSelecionado = this.ultimoItemSelecionado.filter((i) => i.item[this.itemIdField] !== clickedIds[0]);
+                        }
+                    }
+                }
+                return;
+            }
+            this.selectCheckBox(notInSelected);
+            this.ultimoItemSelecionado = this.ultimoItemSelecionado.filter((item) => item.index !== indexInSource);
+            this.ultimoItemSelecionado.push(ultimoItemArray);
+        }
+    }
     selectCheckBox(item) {
         const itemId = item[this.itemIdField];
         this.selectedPreview = item;
@@ -7139,17 +7373,14 @@ class KvPickListComponent {
         this.ngModel = this.selectedItems[itemId];
     }
     isItemSelected(item) {
-        console.log(this.selectedPreview === item);
         return this.selectedPreview === item;
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPickListComponent, deps: [{ token: i2$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { itemIdField: "itemIdField", breakpoint: "breakpoint", dragdrop: "dragdrop", filterBy: "filterBy", itemTemplate: "itemTemplate", responsive: "responsive", source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", stripedRows: "stripedRows", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", showCheckBox: "showCheckBox" }, outputs: { onMoveToSource: "onMoveToSource", onMoveToTarget: "onMoveToTarget", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget", onSourceSelect: "onSourceSelect", onTargetSelect: "onTargetSelect" }, viewQueries: [{ propertyName: "picklist", first: true, predicate: PickList, descendants: true }], ngImport: i0, template: "<p-pickList\r\n  [source]=\"source\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [sourceStyle]=\"sourceStyle\"\r\n  [target]=\"target\"\r\n  [targetHeader]=\"targetHeader\"\r\n  [targetStyle]=\"targetStyle\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [filterBy]=\"filterBy\"\r\n  [breakpoint]=\"breakpoint\"\r\n  [stripedRows]=\"stripedRows\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n  (onSourceSelect)=\"OnSourceSelect($event)\"\r\n  (onTargetSelect)=\"OnTargetSelect($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox){\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-left:0px;border-right:0px}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"], dependencies: [{ 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: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$1.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvCheckComponent, selector: "kv-check", outputs: ["onCheckChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { itemIdField: "itemIdField", breakpoint: "breakpoint", dragdrop: "dragdrop", filterBy: "filterBy", itemTemplate: "itemTemplate", responsive: "responsive", source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", stripedRows: "stripedRows", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", showCheckBox: "showCheckBox" }, outputs: { onMoveToSource: "onMoveToSource", onMoveToTarget: "onMoveToTarget", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget", onSourceSelect: "onSourceSelect", onTargetSelect: "onTargetSelect" }, viewQueries: [{ propertyName: "picklist", first: true, predicate: PickList, descendants: true }], ngImport: i0, template: "<p-pickList\r\n  [source]=\"source\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [sourceStyle]=\"sourceStyle\"\r\n  [target]=\"target\" \r\n  [targetHeader]=\"targetHeader\"\r\n  [targetStyle]=\"targetStyle\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [filterBy]=\"filterBy\"\r\n  [breakpoint]=\"breakpoint\"\r\n  [stripedRows]=\"stripedRows\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n  (onSourceSelect)=\"OnSourceSelect($event)\"\r\n  (onTargetSelect)=\"OnTargetSelect($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\" >\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\" [id]=\"'id_pick_list' + getItemId(item)\"\r\n      >\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox) {\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-left:0px;border-right:0px}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}@keyframes shake-base{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.drag-preview-clone{animation-name:shake-base;animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;position:fixed;z-index:9999;opacity:.85;pointer-events:none;transition:transform .1s ease;box-shadow:0 10px 20px #0003;border-radius:6px;padding:8px;background-color:#fff}.drag-preview-clone.level-1{margin-top:.5rem}.drag-preview-clone.level-2{margin-bottom:1rem}.drag-preview-clone.level-3{margin-left:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"], dependencies: [{ 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: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$1.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvCheckComponent, selector: "kv-check", outputs: ["onCheckChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPickListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-picklist', template: "<p-pickList\r\n  [source]=\"source\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [sourceStyle]=\"sourceStyle\"\r\n  [target]=\"target\"\r\n  [targetHeader]=\"targetHeader\"\r\n  [targetStyle]=\"targetStyle\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [filterBy]=\"filterBy\"\r\n  [breakpoint]=\"breakpoint\"\r\n  [stripedRows]=\"stripedRows\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n  (onSourceSelect)=\"OnSourceSelect($event)\"\r\n  (onTargetSelect)=\"OnTargetSelect($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox){\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-left:0px;border-right:0px}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"] }]
+            args: [{ selector: 'kv-picklist', template: "<p-pickList\r\n  [source]=\"source\"\r\n  [sourceHeader]=\"sourceHeader\"\r\n  [sourceStyle]=\"sourceStyle\"\r\n  [target]=\"target\" \r\n  [targetHeader]=\"targetHeader\"\r\n  [targetStyle]=\"targetStyle\"\r\n  [dragdrop]=\"dragdrop\"\r\n  [responsive]=\"responsive\"\r\n  [filterBy]=\"filterBy\"\r\n  [breakpoint]=\"breakpoint\"\r\n  [stripedRows]=\"stripedRows\"\r\n  [showSourceControls]=\"showSourceControls\"\r\n  [showTargetControls]=\"showTargetControls\"\r\n  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n  (onSourceSelect)=\"OnSourceSelect($event)\"\r\n  (onTargetSelect)=\"OnTargetSelect($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\" >\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\" [id]=\"'id_pick_list' + getItemId(item)\"\r\n      >\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox) {\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-left:0px;border-right:0px}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}@keyframes shake-base{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.drag-preview-clone{animation-name:shake-base;animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;position:fixed;z-index:9999;opacity:.85;pointer-events:none;transition:transform .1s ease;box-shadow:0 10px 20px #0003;border-radius:6px;padding:8px;background-color:#fff}.drag-preview-clone.level-1{margin-top:.5rem}.drag-preview-clone.level-2{margin-bottom:1rem}.drag-preview-clone.level-3{margin-left:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: i2$2.FormBuilder }], propDecorators: { picklist: [{
                 type: ViewChild,
                 args: [PickList]