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

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

@@ -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' });
 }
@@ -47720,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 {
@@ -47729,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');
                         }
                     }
                 }
@@ -47778,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) {
@@ -58628,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)`                   |