@po-ui/ng-components 19.18.0 → 19.19.0

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

@@ -13179,6 +13179,7 @@ const gridPaddingValues = {
 class PoChartGridUtils {
     component;
     isTypeDonut = false;
+    textCenterDonut = {};
     constructor(component) {
         this.component = component;
     }
@@ -13315,6 +13316,13 @@ class PoChartGridUtils {
                 itemStyle: { opacity: 0.4 }
             };
             this.component.boundaryGap = true;
+            if (this.component.options?.stacked || serie.stackGroupName) {
+                serie.stack = this.component.options?.stacked ? 'total' : serie.stackGroupName;
+                if (this.component.dataLabel?.fixed !== false) {
+                    this.component.dataLabel = { fixed: true };
+                    serie.label = { show: true };
+                }
+            }
         }
     }
     setSerieTypeDonutPie(serie, color) {
@@ -13329,8 +13337,7 @@ class PoChartGridUtils {
                     borderColor: borderColor,
                     color: color,
                     borderRadius: this.component.options?.borderRadius
-                },
-                label: { show: this.isTypeDonut && this.component.options?.textCenterGraph }
+                }
             };
             this.component.listTypePieDonut[0].data.push(seriePie);
         }
@@ -13361,20 +13368,30 @@ class PoChartGridUtils {
                 center: ['50%', positionHorizontal],
                 radius: radius,
                 roseType: this.component.options?.roseType ? 'area' : undefined,
-                label: {
-                    show: !!(this.isTypeDonut && this.component.options?.textCenterGraph),
-                    position: 'center',
-                    formatter: this.component.options?.textCenterGraph,
-                    fontSize: this.resolvePx('--font-size-md'),
-                    fontWeight: Number(this.component.getCSSVariable('--font-weight-hightlight-value', '.po-chart')),
-                    fontFamily: this.component.getCSSVariable('--font-family-hightlight-value', '.po-chart'),
-                    color: this.component.getCSSVariable('--color-hightlight-value', '.po-chart')
-                },
+                label: { show: false },
                 emphasis: { focus: 'self' },
                 data: [],
                 blur: { itemStyle: { opacity: 0.4 } }
             }
         ];
+        this.setTextCenterDonut();
+    }
+    setTextCenterDonut() {
+        if (this.isTypeDonut && this.component.options?.textCenterGraph) {
+            this.textCenterDonut = {
+                type: 'text',
+                left: 'center',
+                top: this.component.options?.legendVerticalPosition === 'top' ? '52%' : '44%',
+                style: {
+                    text: this.component.options?.textCenterGraph,
+                    fontSize: this.resolvePx('--font-size-md'),
+                    fontWeight: Number(this.component.getCSSVariable('--font-weight-hightlight-value', '.po-chart')),
+                    fontFamily: this.component.getCSSVariable('--font-family-hightlight-value', '.po-chart'),
+                    fill: this.component.getCSSVariable('--color-hightlight-value', '.po-chart')
+                },
+                silent: true
+            };
+        }
     }
     getAdjustedRadius(radius, innerRadius) {
         const radiusValue = parseFloat(radius);
@@ -13901,6 +13918,11 @@ use([
  *  <file name="sample-po-chart-coffee-ranking/sample-po-chart-coffee-ranking.component.ts"> </file>
  * </example>
  *
+ * <example name="po-chart-stacked" title="PO Chart - Stacked">
+ *  <file name="sample-po-chart-stacked/sample-po-chart-stacked.component.html"> </file>
+ *  <file name="sample-po-chart-stacked/sample-po-chart-stacked.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-chart-summary" title="PO Chart - Summary">
  *  <file name="sample-po-chart-summary/sample-po-chart-summary.component.html"> </file>
  *  <file name="sample-po-chart-summary/sample-po-chart-summary.component.ts"> </file>
@@ -14254,6 +14276,9 @@ class PoChartComponent extends PoChartBaseComponent {
                 this.chartGridUtils.setOptionDataZoom(options);
             }
         }
+        else if (this.chartGridUtils.isTypeDonut && this.options?.textCenterGraph) {
+            options.graphic = this.chartGridUtils.textCenterDonut;
+        }
         if (this.options?.legend !== false) {
             this.setOptionLegend(options);
         }
@@ -30832,6 +30857,7 @@ class PoLookupModalBaseComponent {
     page = 1;
     pageSize = 10;
     searchValue = '';
+    appliedSearchValue = '';
     tableLiterals;
     // Propriedade da modal de busca avançada:
     advancedFilterModalTitle = '';
@@ -30929,6 +30955,7 @@ class PoLookupModalBaseComponent {
     createDisclaimer() {
         this.disclaimerGroup.disclaimers = [];
         this.searchValue = '';
+        this.appliedSearchValue = '';
         for (const [key, value] of Object.entries(this.dynamicFormValue)) {
             this.addDisclaimer(value, key);
         }
@@ -30958,15 +30985,17 @@ class PoLookupModalBaseComponent {
         this.disclaimerGroup.disclaimers = [...this.disclaimerGroup.disclaimers, this.disclaimer];
     }
     onChangeDisclaimerGroup() {
-        if (!this.searchValue) {
+        if (!this.appliedSearchValue) {
             this.isLoading = true;
             this.searchValue = '';
+            this.appliedSearchValue = '';
             this.searchFilteredItems();
         }
     }
     search() {
         this.page = 1;
-        if (this.searchValue) {
+        this.appliedSearchValue = this.searchValue;
+        if (this.appliedSearchValue) {
             this.isLoading = true;
             this.disclaimerGroup.disclaimers = [];
             this.searchFilteredItems();
@@ -30976,7 +31005,7 @@ class PoLookupModalBaseComponent {
         }
     }
     searchFilteredItems() {
-        this.searchSubscription = this.getFilteredItems(this.searchValue)
+        this.searchSubscription = this.getFilteredItems(this.appliedSearchValue)
             .pipe(catchError(error => {
             this.setLookupResponseProperties();
             return throwError(error);
@@ -30986,7 +31015,10 @@ class PoLookupModalBaseComponent {
     showMoreEvent() {
         this.page++;
         this.isLoading = true;
-        this.showMoreSubscription = this.getFilteredItems(this.searchValue)
+        if (this.searchValue !== this.appliedSearchValue) {
+            this.searchValue = this.appliedSearchValue;
+        }
+        this.showMoreSubscription = this.getFilteredItems(this.appliedSearchValue)
             .pipe(catchError(error => {
             this.hasNext = false;
             this.isLoading = false;
@@ -52534,11 +52566,13 @@ const NO_MESSAGE_HEADER_PARAM = 'X-PO-No-Message';
  * ## Configuração
  *
  * Para o correto funcionamento do interceptor `po-http-interceptor`, deve ser importado o `BrowserAnimationsModule` no
- * módulo principal da sua aplicação.
+ * módulo principal da sua aplicação. Além disso, é necessário configurar o `HttpClient` para utilizar os interceptors
+ * registrados no Dependency Injection (DI) por meio da função `provideHttpClient(withInterceptorsFromDi())`.
  *
  * Módulo da aplicação:
  * ```
  * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+ * import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
  * import { PoModule } from '@po-ui/ng-components';
  * ...
  *
@@ -52553,7 +52587,10 @@ const NO_MESSAGE_HEADER_PARAM = 'X-PO-No-Message';
  *     AppComponent,
  *     ...
  *   ],
- *   providers: [],
+ *   providers: [
+ *     provideHttpClient(withInterceptorsFromDi()),
+ *     ...
+ *   ],
  *   bootstrap: [AppComponent]
  * })
  * export class AppModule { }