@po-ui/ng-components 21.5.0 → 21.7.0

package/lib/components/po-skeleton/po-skeleton.component.d.ts

@@ -0,0 +1,59 @@
+import { PoSkeletonBaseComponent } from './po-skeleton-base.component';
+/**
+ * @docsExtends PoSkeletonBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-skeleton-basic" title="PO Skeleton Basic">
+ *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
+ *  <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-labs" title="PO Skeleton Labs">
+ *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
+ *  <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
+ *  <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
+ *  <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
+ *  <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
+ *  <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
+ * </example>
+ *
+ * <example name="po-skeleton-article" title="PO Skeleton - Article">
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
+ *  <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
+ * </example>
+ */
+export declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
+    private readonly sizeMap;
+    private readonly defaultTextDimensions;
+    private readonly defaultBorderRadius;
+    computedStyles: import("@angular/core").Signal<{
+        [key: string]: string;
+    }>;
+    computedClasses: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'po-skeleton': boolean;
+    }>;
+    private getDimensions;
+}

package/lib/components/po-skeleton/po-skeleton.module.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description
+ *
+ * Módulo do componente po-skeleton.
+ */
+export declare class PoSkeletonModule {
+}

package/lib/components/po-table/po-table-base.component.d.ts

@@ -375,7 +375,9 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     fixedLayout: boolean;
     private initialVisibleColumns;
     private _componentsSize?;
+    private _initialComponentsSize?;
     private _spacing;
+    private _initialSpacing?;
     private _filteredColumns;
     private _actions?;
     private _columns;
@@ -710,6 +712,7 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     get virtualScroll(): boolean;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    protected onThemeChange(): void;
     selectAllRows(): void;
     selectRow(row: any): void;
     hasSelectableRow(): boolean;
@@ -755,6 +758,8 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     private getFilteredParams;
     private getOrderParam;
     private removePropertyFixed;
+    private applySizeBasedOnA11y;
+    private applySpacingBasedOnA11y;
     protected abstract calculateHeightTableContainer(height: any): any;
     protected abstract checkInfiniteScroll(): any;
     protected abstract changeSizeLoading(): any;

package/lib/components/po-tabs/po-tabs-base.component.d.ts

@@ -38,6 +38,7 @@
  */
 export declare class PoTabsBaseComponent {
     private _size?;
+    private _initialSize?;
     /**
      * @optional
      *
@@ -54,4 +55,6 @@ export declare class PoTabsBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-toaster/po-toaster-base.component.d.ts

@@ -53,6 +53,7 @@ import { PoToaster } from './interface/po-toaster.interface';
 export declare abstract class PoToasterBaseComponent {
     private _isHide;
     private _sizeActions;
+    private _initialSizeActions;
     /**
      * @optional
      *
@@ -147,6 +148,9 @@ export declare abstract class PoToasterBaseComponent {
     orientation: PoToasterOrientation;
     componentRef: any;
     position: number;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
+    protected getInitialSizeActions(): string;
     abstract close(): void;
     abstract changePosition(value: number): void;
     abstract configToaster(poToaster: PoToaster): void;

package/lib/components/po-tree-view/po-tree-view-base.component.d.ts

@@ -55,6 +55,7 @@ export declare class PoTreeViewBaseComponent {
      */
     unselected: EventEmitter<PoTreeViewItem>;
     private _componentsSize;
+    private _initialComponentsSize;
     private _items;
     private _selectable;
     private _maxLevel;
@@ -117,6 +118,7 @@ export declare class PoTreeViewBaseComponent {
      */
     set maxLevel(value: number);
     get maxLevel(): number;
+    protected onThemeChange(): void;
     protected emitExpanded(treeViewItem: PoTreeViewItem): void;
     protected emitSelected(treeViewItem: PoTreeViewItem): void;
     private addChildItemInParent;
@@ -128,4 +130,5 @@ export declare class PoTreeViewBaseComponent {
     private getItemsByMaxLevel;
     private getItemsWithParentSelected;
     private updateItemsOnSelect;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-widget/po-widget-base.component.d.ts

@@ -59,6 +59,7 @@ import { PoWidgetAvatar } from './interfaces/po-widget-avatar.interface';
  */
 export declare class PoWidgetBaseComponent {
     private _size?;
+    private _initialSize?;
     /** Descrição da segunda ação. */
     /**
      * @optional
@@ -363,6 +364,8 @@ export declare class PoWidgetBaseComponent {
      */
     set title(value: string);
     get title(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
     private transformAvatar;
     private transformTagPosition;
 }

package/lib/services/po-control-position/po-control-position.service.d.ts

@@ -27,7 +27,7 @@ export declare class PoControlPositionService {
      * @param targetElement elemento de onde deve partir a exibição
      * @param customPositions posições que sobrescreve as posições padrões
      * @param isSetElementWidth indica se deve definir o tamanho do elemento a ser exibido, caso for verdadeiro será igual do targetElement
-     * @param isCornerAligned indica se o elemento filho será alinhado nos cantos do elemneto pai.
+     * @param isCornerAligned indica se o elemento filho será alinhado nos cantos do elemento pai.
      */
     setElements(element: ElementRef | HTMLElement, elementOffset: number, targetElement: ElementRef | HTMLElement, customPositions?: Array<string>, isSetElementWidth?: boolean, isCornerAligned?: boolean): void;
     private adjustCustomPosition;

package/lib/services/po-dialog/po-dialog.component.d.ts

@@ -37,15 +37,18 @@ export declare class PoDialogComponent implements OnDestroy, OnInit {
     private componentRef;
     private closeSubscription;
     private _componentsSize?;
+    private _initialComponentsSize?;
     private language;
     set componentsSize(value: string);
     get componentsSize(): string;
     constructor(languageService: PoLanguageService);
     ngOnDestroy(): void;
     ngOnInit(): void;
+    protected onThemeChange(): void;
     close(xClosed?: boolean): void;
     destroy(): void;
     configDialog(primaryLabel?: any, primaryAction?: any, secondaryLabel?: any, secondaryAction?: any, closeAction?: any): void;
     open(dialogOptions: PoDialogConfirmOptions | PoDialogAlertOptions, dialogType: PoDialogType, componentRef?: ComponentRef<PoDialogComponent>): void;
     private setDialogLiterals;
+    private applySizeBasedOnA11y;
 }

package/lib/services/po-theme/po-theme.service.d.ts

@@ -47,7 +47,7 @@ export declare class PoThemeService {
      * @param {boolean} [persistPreference=true] - (Opcional) Define se a preferência de tema deve ser salva no
      * localStorage para persistência. Por padrão é `true`, ou seja, a preferência será salva automaticamente.
      */
-    setTheme(themeConfig: PoTheme, themeType?: PoThemeTypeEnum, a11yLevel?: PoThemeA11yEnum, persistPreference?: boolean): void;
+    setTheme(themeConfig: PoTheme, themeType?: PoThemeTypeEnum, a11yLevel?: PoThemeA11yEnum, persistPreference?: boolean): Promise<void>;
     private setDataDefaultSizeHTML;
     /**
      * Retorna o nível de acessibilidade configurado no tema.
@@ -56,14 +56,26 @@ export declare class PoThemeService {
      */
     getA11yLevel(): PoThemeA11yEnum;
     /**
-     * Define o tamanho `small` como padrão para componentes de formulário que não possuem um tamanho definido. Essa
-     * configuração é aplicada globalmente apenas quando o nível de acessibilidade for `AA`. O valor definido é salvo no
-     * `localStorage` sob a chave `po-default-size`.
+     * Define o tamanho `small` como padrão para componentes que não possuem um tamanho definido. Essa configuração é
+     * aplicada globalmente apenas quando o nível de acessibilidade for `AA`. O valor definido é salvo no
+     * `localStorage` sob a chave `po-default-size` e o atributo `data-default-size` é adicionado ao elemento HTML
+     * para que os componentes possam aplicar o tamanho
+     *
+     * Exemplo de uso:
+     *
+     * ```typescript
+     * import { poThemeDefault, PoThemeService, PoThemeTypeEnum, PoThemeA11yEnum } from '@po-ui/ng-components';
+     *
+     * private themeService = inject(PoThemeService);
+     *
+     * constructor() {
+     *  this.themeService.setA11yDefaultSizeSmall(true);
+     *  this.themeService.setTheme(poThemeDefault, PoThemeTypeEnum.light, PoThemeA11yEnum.AA);
+     * }
+     * ```
      *
      * > Para garantir que o tamanho `small` seja aplicado corretamente a todos os componentes, recomendamos
      * definir esta configuração **junto com o nível de acessibilidade `AA` na inicialização da aplicação**.
-     * Se for aplicada em tempo de execução, será necessário recarregar a aplicação (`reload`)
-     * para que os estilos sejam aplicados corretamente.
      * > Para ajustar a densidade visual dos componentes agrupadores (como pages, container, etc.), utilize também
      * o método `setDensityMode` conforme necessário.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.5.0",
+  "version": "21.7.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.0.3",
-    "@po-ui/style": "21.5.0",
-    "@po-ui/ng-schematics": "21.5.0",
+    "@po-ui/style": "21.7.0",
+    "@po-ui/ng-schematics": "21.7.0",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.5.0",
+    "@po-ui/style": "21.7.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.5.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.7.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v15/index.js

@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v16/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v17/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v18/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v19/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('21.5.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.7.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v20/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v21/index.js

@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const changes_1 = require("./changes");
 function main() {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
     });
 }
 function default_1() {

package/schematics/ng-update/v3/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v4/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v5/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v6/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.5.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {