@po-ui/ng-components 19.5.0 → 19.6.0

package/fesm2022/po-ui-ng-components.mjs

@@ -17838,7 +17838,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
         };
     }
     onKeyup($event) {
-        if (this.readonly) {
+        if (this.readonly || $event?.target !== this.inputEl?.nativeElement) {
             return;
         }
         this.objMask.keyup($event);
@@ -34809,13 +34809,15 @@ class PoLookupModalBaseComponent {
     }
     //Método responsável por criar os disclaimers quando abre o modal.
     setDisclaimersItems() {
-        if (this.selectedItems && !Array.isArray(this.selectedItems)) {
-            this.multiple ? (this.selecteds = [{ value: this.selectedItems }]) : (this.selecteds = [this.selectedItems]);
-            return;
-        }
-        if (this.selecteds.length === 0 && this.selectedItems && this.selectedItems.length) {
+        if (this.selectedItems && Array.isArray(this.selectedItems) && this.selectedItems.length > 0) {
             this.selecteds = [...this.selectedItems];
         }
+        else if (this.selectedItems && !Array.isArray(this.selectedItems)) {
+            this.selecteds = [this.selectedItems];
+        }
+        else {
+            this.selecteds = [];
+        }
     }
     applyDisclaimerLabelValue(field, filterValue) {
         const values = Array.isArray(filterValue) ? filterValue : [filterValue];
@@ -35653,27 +35655,48 @@ class PoLookupModalComponent extends PoLookupModalBaseComponent {
     }
     // Seleciona um item na tabela
     onSelect(item) {
+        const formattedItem = {
+            value: item[this.fieldValue],
+            label: item[this.fieldLabel],
+            ...item
+        };
         if (this.multiple) {
-            this.selecteds = [...this.selecteds, { value: item[this.fieldValue], label: item[this.fieldLabel], ...item }];
+            this.selectedItems = this.selectedItems ? [...this.selectedItems, formattedItem] : [formattedItem];
         }
         else {
-            this.selecteds = [{ value: item[this.fieldValue], label: item[this.fieldLabel], ...item }];
+            this.selectedItems = [formattedItem];
         }
+        this.selecteds = [...this.selectedItems];
     }
     // Remove a seleção de um item na tabela
     onUnselect(unselectedItem) {
-        this.selecteds = this.selecteds.filter(itemSelected => itemSelected.value !== unselectedItem[this.fieldValue]);
+        if (this.multiple) {
+            this.selectedItems = this.selectedItems.filter(item => item.value !== unselectedItem[this.fieldValue]);
+        }
+        else {
+            this.selectedItems = [];
+        }
+        this.selecteds = [...this.selectedItems];
     }
     onUnselectFromDisclaimer(removedDisclaimer) {
+        this.selectedItems = this.selectedItems.filter(item => item.value !== removedDisclaimer.value);
+        if (this.selectedItems.length === 0) {
+            this.selecteds = [];
+        }
+        else {
+            this.selecteds = [...this.selectedItems];
+        }
         this.poTable.unselectRowItem(item => item[this.fieldValue] === removedDisclaimer.value);
     }
     // Seleciona todos os itens visíveis na tabela
     onAllSelected(items) {
-        this.selecteds = items.map(item => ({ value: item[this.fieldValue], label: item[this.fieldLabel], ...item }));
+        this.selectedItems = items.map(item => ({ value: item[this.fieldValue], label: item[this.fieldLabel], ...item }));
+        this.selecteds = [...this.selectedItems];
     }
     // Remove a seleção de todos os itens visíveis na tabela
     onAllUnselected(items) {
         this.poTable.unselectRows();
+        this.selectedItems = [];
         this.selecteds = [];
     }
     openModal() {
@@ -47697,7 +47720,7 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
                         }
                         else {
                             this.service = this.multiselectFilterService;
-                            this.service.configProperties(field.optionsService, field.fieldLabel, field.fieldValue);
+                            this.service.configProperties(field.optionsService, field.fieldLabel || 'label', field.fieldValue || 'value');
                         }
                     }
                     else {
@@ -47706,7 +47729,7 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
                         }
                         else {
                             this.service = this.comboFilterService;
-                            this.service.configProperties(field.optionsService, field.fieldLabel, field.fieldValue);
+                            this.service.configProperties(field.optionsService, field.fieldLabel || 'label', field.fieldValue || 'value');
                         }
                     }
                 }
@@ -47755,6 +47778,7 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
             const oldFieldIndex = newFields.indexOf(newFields.find(field => field === oldField));
             newFields.splice(oldFieldIndex, 1, allValues);
             sortFields(newFields);
+            this.setContainerFields();
         });
     }
     returnValues(field, value) {
@@ -58605,7 +58629,9 @@ class PoTabDropdownComponent {
  * | `--font-weight`                        | Peso da fonte                                                                   | `var(--font-weight-bold)`                         |
  * | `--margin-tabs-container-left`         | Margem lateral esquerda do componente quando usado dentro de um `page-default`  | `var(--spacing-md)`                               |
  * | `--margin-tabs-container-right`        | Margem lateral direita do componente quando usado dentro de um `page-default`   | `-16px`                                           |
- * | `--padding-tabs-header`                | Padding do valor lateral das abas                                               | `-16px`                                           |
+ * | `--padding-tabs-header`                | Padding do valor lateral das abas                                               | `var(--spacing-sm)`                               |
+ * | `--margin-tabs-first-child`            | Margem lateral da primeira aba                                                  | `var(--spacing-md)`                               |
+ * | `--margin-tabs-last-child`             | Margem lateral da ultima aba                                                    | `var(--spacing-md)`                               |
  * | **Disabled**                           |                                                                                 |                                                   |
  * | `--color-disabled`                     | Cor da fonte no estado disabilitado                                             | `var(--color-action-disabled)`                    |
  * | `--background-item-disabled`      | Cor de background do item desabilitado                                          | `var(--color-neutral-light-10)`                   |