@po-ui/ng-components 19.5.0 → 19.6.0-beta.2

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);
@@ -21034,18 +21034,7 @@ class PoThemeService {
         this.document = document;
         this.renderer = rendererFactory.createRenderer(null, null);
         this._iconToken = value ?? AnimaliaIconDictionary;
-        // set triple A for all themes (its the base theme)
-        // result: html:root
-        this.setPerComponentAndOnRoot(undefined, poThemeDefaultAAA.perComponent, poThemeDefaultAAA.onRoot);
-        // set double A
-        // result: html[class*="-AA"]:root
-        this.setPerComponentAndOnRoot({ a11y: PoThemeA11yEnum.AA }, poThemeDefaultAA.perComponent, poThemeDefaultAA.onRoot);
-        // set Light mode values
-        // result: html[class*="-light"]:root
-        this.setPerComponentAndOnRoot({ type: PoThemeTypeEnum.light }, poThemeDefaultLightValues.perComponent, poThemeDefaultLightValues.onRoot);
-        // set Dark mode values
-        // result: html[class*="-dark"]:root
-        this.setPerComponentAndOnRoot({ type: PoThemeTypeEnum.dark }, poThemeDefaultDarkValues.perComponent, poThemeDefaultDarkValues.onRoot);
+        this.setDefaultBaseStyle();
     }
     /**
      * Aplica um tema ao componente de acordo com o tipo de tema e o nível de acessibilidade especificados.
@@ -21059,6 +21048,9 @@ class PoThemeService {
      * @param {boolean} [persistPreference=true] - (Opcional) Define se a preferência de tema deve ser salva no localStorage para persistência. `true` para salvar, `false` para não salvar.
      */
     setTheme(themeConfig, themeType = PoThemeTypeEnum.light, a11yLevel = PoThemeA11yEnum.AAA, persistPreference = true) {
+        if (themeConfig === poThemeDefault) {
+            this.resetBaseTheme();
+        }
         // Change theme name, remove special characteres and number, replace space with dash
         this.formatTheme(themeConfig, themeType, a11yLevel);
         const _themeActive = Array.isArray(themeConfig.type) && themeConfig.type.length >= 1
@@ -21455,6 +21447,27 @@ class PoThemeService {
         const _theme = this.getThemeActive();
         this.setThemeA11y(_theme, a11y);
     }
+    resetBaseTheme() {
+        const styleElement = this.document.head.querySelector('#baseStyle');
+        if (styleElement) {
+            this.renderer.removeChild(this.document.head, styleElement);
+        }
+        this.setDefaultBaseStyle();
+    }
+    setDefaultBaseStyle() {
+        // set triple A for all themes (its the base theme)
+        // result: html:root
+        this.setPerComponentAndOnRoot(undefined, poThemeDefaultAAA.perComponent, poThemeDefaultAAA.onRoot);
+        // set double A
+        // result: html[class*="-AA"]:root
+        this.setPerComponentAndOnRoot({ a11y: PoThemeA11yEnum.AA }, poThemeDefaultAA.perComponent, poThemeDefaultAA.onRoot);
+        // set Light mode values
+        // result: html[class*="-light"]:root
+        this.setPerComponentAndOnRoot({ type: PoThemeTypeEnum.light }, poThemeDefaultLightValues.perComponent, poThemeDefaultLightValues.onRoot);
+        // set Dark mode values
+        // result: html[class*="-dark"]:root
+        this.setPerComponentAndOnRoot({ type: PoThemeTypeEnum.dark }, poThemeDefaultDarkValues.perComponent, poThemeDefaultDarkValues.onRoot);
+    }
     static ɵfac = function PoThemeService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoThemeService)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(i0.RendererFactory2), i0.ɵɵinject(ICONS_DICTIONARY, 8)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoThemeService, factory: PoThemeService.ɵfac, providedIn: 'root' });
 }
@@ -34809,13 +34822,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 +35668,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 +47733,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 +47742,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 +47791,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 +58642,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)`                   |