@po-ui/ng-components 18.19.1 → 18.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/po-field/po-combo/po-combo.component.mjs +41 -41
- package/esm2022/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.mjs +23 -23
- package/esm2022/lib/components/po-field/po-lookup/po-lookup.component.mjs +47 -38
- package/esm2022/lib/po.module.mjs +1 -1
- package/esm2022/lib/services/po-theme/enum/po-theme-a11y.enum.mjs +30 -0
- package/esm2022/lib/services/po-theme/enum/po-theme-type.enum.mjs +4 -1
- package/esm2022/lib/services/po-theme/helpers/accessibilities/po-theme-default-aa.constant.mjs +14 -0
- package/esm2022/lib/services/po-theme/helpers/accessibilities/po-theme-default-aaa.constant.mjs +18 -0
- package/esm2022/lib/services/po-theme/helpers/po-theme-poui.constant.mjs +29 -13
- package/esm2022/lib/services/po-theme/helpers/types/po-theme-dark-defaults.constant.mjs +210 -0
- package/esm2022/lib/services/po-theme/helpers/types/po-theme-light-defaults.constant.mjs +114 -0
- package/esm2022/lib/services/po-theme/index.mjs +7 -4
- package/esm2022/lib/services/po-theme/interfaces/po-theme.interface.mjs +1 -1
- package/esm2022/lib/services/po-theme/po-theme.service.mjs +216 -32
- package/fesm2022/po-ui-ng-components.mjs +626 -372
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/services/po-theme/enum/po-theme-a11y.enum.d.ts +28 -0
- package/lib/services/po-theme/enum/po-theme-type.enum.d.ts +3 -0
- package/lib/services/po-theme/helpers/accessibilities/po-theme-default-aa.constant.d.ts +10 -0
- package/lib/services/po-theme/helpers/accessibilities/po-theme-default-aaa.constant.d.ts +14 -0
- package/lib/services/po-theme/helpers/po-theme-poui.constant.d.ts +5 -1
- package/lib/services/po-theme/helpers/{po-theme-dark-defaults.constant.d.ts → types/po-theme-dark-defaults.constant.d.ts} +4 -11
- package/lib/services/po-theme/helpers/types/po-theme-light-defaults.constant.d.ts +25 -0
- package/lib/services/po-theme/index.d.ts +6 -3
- package/lib/services/po-theme/interfaces/po-theme.interface.d.ts +18 -5
- package/lib/services/po-theme/po-theme.service.d.ts +90 -10
- package/package.json +4 -4
- package/po-ui-ng-components-18.20.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/esm2022/lib/services/po-theme/helpers/po-theme-dark-defaults.constant.mjs +0 -203
- package/esm2022/lib/services/po-theme/helpers/po-theme-light-defaults.constant.mjs +0 -134
- package/lib/services/po-theme/helpers/po-theme-light-defaults.constant.d.ts +0 -41
- package/po-ui-ng-components-18.19.1.tgz +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Enum para definir os níveis de acessibilidade suportados pelo serviço de temas.
|
|
3
|
+
*
|
|
4
|
+
* @usedBy PoThemeService
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
*
|
|
8
|
+
* Em um serviço de tema, você pode usar este enum de acessibilidade para alternar entre os níveis de temas suportados.
|
|
9
|
+
*
|
|
10
|
+
* ```
|
|
11
|
+
* import { PoThemeA11yEnum } from '@po-ui/theme';
|
|
12
|
+
*
|
|
13
|
+
* // Definindo o nível de acessibilidade ao setar o tema junto com o tipo
|
|
14
|
+
* themeService.setTheme(...theme, ...type, PoThemeA11yEnum.AA);
|
|
15
|
+
*
|
|
16
|
+
* // Definir o tema junto com o nível de acessibilidade
|
|
17
|
+
* themeService.setThemeA11y(...theme, PoThemeA11yEnum.AAA);
|
|
18
|
+
*
|
|
19
|
+
* // Definir o nível de acessibilidade de um tema já aplicado
|
|
20
|
+
* themeService.setCurrentThemeA11y(PoThemeA11yEnum.AAA);
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare enum PoThemeA11yEnum {
|
|
24
|
+
/** Nível de acessibilidade duplo A (AA) */
|
|
25
|
+
AA = "AA",
|
|
26
|
+
/** Nível de acessibilidade triplo A (AAA) */
|
|
27
|
+
AAA = "AAA"
|
|
28
|
+
}
|
|
@@ -15,6 +15,9 @@
|
|
|
15
15
|
*
|
|
16
16
|
* // Definindo o tipo de tema para dark
|
|
17
17
|
* themeService.setTheme(...theme, PoThemeTypeEnum.dark);
|
|
18
|
+
*
|
|
19
|
+
* // Definir o tipo do tema de um tema já aplicado
|
|
20
|
+
* themeService.setCurrentThemeType(PoThemeTypeEnum.dark);
|
|
18
21
|
* ```
|
|
19
22
|
*/
|
|
20
23
|
export declare enum PoThemeTypeEnum {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Define estilos específicos por componente e onRoot para temas de acessibilidade AAA.
|
|
3
|
+
*/
|
|
4
|
+
export declare const poThemeDefaultAAA: {
|
|
5
|
+
perComponent: {};
|
|
6
|
+
onRoot: {
|
|
7
|
+
'--font-family': string;
|
|
8
|
+
'--font-family-theme': string;
|
|
9
|
+
'--font-family-theme-bold': string;
|
|
10
|
+
'--font-family-theme-extra-light': string;
|
|
11
|
+
'--font-family-heading': string;
|
|
12
|
+
'--font-family-code': string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -4,8 +4,12 @@ import { PoTheme } from '../interfaces/po-theme.interface';
|
|
|
4
4
|
* Tokens de tema padrão para temas claros.
|
|
5
5
|
*/
|
|
6
6
|
declare const poThemeDefaultLight: PoThemeTokens;
|
|
7
|
+
/**
|
|
8
|
+
* Tokens de tema padrão para o tema escuro.
|
|
9
|
+
*/
|
|
10
|
+
declare const poThemeDefaultDark: PoThemeTokens;
|
|
7
11
|
/**
|
|
8
12
|
* Tema padrão.
|
|
9
13
|
*/
|
|
10
14
|
declare const poThemeDefault: PoTheme;
|
|
11
|
-
export { poThemeDefault, poThemeDefaultLight };
|
|
15
|
+
export { poThemeDefault, poThemeDefaultDark, poThemeDefaultLight };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PoThemeColorAction, PoThemeColorFeedback, PoThemeColorNeutral } from '
|
|
1
|
+
import { PoThemeColorAction, poThemeColorBrand, PoThemeColorFeedback, PoThemeColorNeutral } from '../../interfaces/po-theme-color.interface';
|
|
2
2
|
/**
|
|
3
3
|
* Define as cores de ação padrão para temas escuros.
|
|
4
4
|
*/
|
|
@@ -11,6 +11,7 @@ declare const poThemeDefaultNeutralsDark: PoThemeColorNeutral;
|
|
|
11
11
|
* Define as cores de feedback padrão para temas escuros.
|
|
12
12
|
*/
|
|
13
13
|
declare const poThemeDefaultFeedbackDark: PoThemeColorFeedback;
|
|
14
|
+
declare const poThemeDefaultBrandsDark: poThemeColorBrand;
|
|
14
15
|
/**
|
|
15
16
|
* Define estilos específicos por componente e onRoot para temas escuros.
|
|
16
17
|
*/
|
|
@@ -47,9 +48,6 @@ declare const poThemeDefaultDarkValues: {
|
|
|
47
48
|
'po-chart po-chart-container > svg .po-chart-axis-x-label, .po-chart-axis-y-label': {
|
|
48
49
|
fill: string;
|
|
49
50
|
};
|
|
50
|
-
'po-rich-text-toolbar .po-button-default.po-rich-text-toolbar-color-picker-button': {
|
|
51
|
-
'border-style': string;
|
|
52
|
-
};
|
|
53
51
|
'po-link': {
|
|
54
52
|
'--text-color-visited': string;
|
|
55
53
|
};
|
|
@@ -75,12 +73,10 @@ declare const poThemeDefaultDarkValues: {
|
|
|
75
73
|
'po-overlay, po-page-slide': {
|
|
76
74
|
'--color-overlay': string;
|
|
77
75
|
};
|
|
76
|
+
/** SELECT */
|
|
78
77
|
'po-select': {
|
|
79
78
|
'--color-hover': string;
|
|
80
79
|
};
|
|
81
|
-
'po-select select': {
|
|
82
|
-
'--color': string;
|
|
83
|
-
};
|
|
84
80
|
};
|
|
85
81
|
onRoot: {
|
|
86
82
|
'--color-neutral': string;
|
|
@@ -108,9 +104,6 @@ declare const poThemeDefaultDarkValues: {
|
|
|
108
104
|
'--color-calendar-background-color-box-background-range': string;
|
|
109
105
|
'--color-stepper-circle-disabled': string;
|
|
110
106
|
'--color-stepper-bar-disabled': string;
|
|
111
|
-
'--po-tab-smart-active': string;
|
|
112
|
-
'--po-tab-smart-background-item-selected': string;
|
|
113
|
-
'--po-tab-smart-background-hover': string;
|
|
114
107
|
};
|
|
115
108
|
};
|
|
116
|
-
export { poThemeDefaultActionsDark, poThemeDefaultFeedbackDark, poThemeDefaultNeutralsDark, poThemeDefaultDarkValues };
|
|
109
|
+
export { poThemeDefaultBrandsDark, poThemeDefaultActionsDark, poThemeDefaultFeedbackDark, poThemeDefaultNeutralsDark, poThemeDefaultDarkValues };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { PoThemeColorAction, PoThemeColorFeedback, PoThemeColorNeutral, poThemeColorBrand } from '../../interfaces/po-theme-color.interface';
|
|
2
|
+
/**
|
|
3
|
+
* Define as cores de ação padrão para temas claros.
|
|
4
|
+
*/
|
|
5
|
+
declare const poThemeDefaultActions: PoThemeColorAction;
|
|
6
|
+
/**
|
|
7
|
+
* Define as cores neutras padrão para temas claros.
|
|
8
|
+
*/
|
|
9
|
+
declare const poThemeDefaultNeutrals: PoThemeColorNeutral;
|
|
10
|
+
/**
|
|
11
|
+
* Define as cores de feedback padrão para temas claros.
|
|
12
|
+
*/
|
|
13
|
+
declare const poThemeDefaultFeedback: PoThemeColorFeedback;
|
|
14
|
+
/**
|
|
15
|
+
* Define as cores da Brand padrão para temas claros.
|
|
16
|
+
*/
|
|
17
|
+
declare const poThemeDefaultBrands: poThemeColorBrand;
|
|
18
|
+
/**
|
|
19
|
+
* Define estilos específicos por componente e onRoot para temas claros para AAA.
|
|
20
|
+
*/
|
|
21
|
+
declare const poThemeDefaultLightValues: {
|
|
22
|
+
perComponent: {};
|
|
23
|
+
onRoot: {};
|
|
24
|
+
};
|
|
25
|
+
export { poThemeDefaultBrands, poThemeDefaultActions, poThemeDefaultFeedback, poThemeDefaultNeutrals, poThemeDefaultLightValues };
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
export * from './helpers/po-theme-dark-defaults.constant';
|
|
2
|
-
export * from './helpers/po-theme-light-defaults.constant';
|
|
3
|
-
export * from './helpers/po-theme-poui.constant';
|
|
4
1
|
export * from './enum/po-theme-type.enum';
|
|
2
|
+
export * from './enum/po-theme-a11y.enum';
|
|
5
3
|
export * from './interfaces/po-theme-tokens.interface';
|
|
6
4
|
export * from './interfaces/po-theme-color.interface';
|
|
7
5
|
export * from './interfaces/po-theme.interface';
|
|
6
|
+
export * from './helpers/types/po-theme-light-defaults.constant';
|
|
7
|
+
export * from './helpers/types/po-theme-dark-defaults.constant';
|
|
8
|
+
export * from './helpers/accessibilities/po-theme-default-aaa.constant';
|
|
9
|
+
export * from './helpers/accessibilities/po-theme-default-aa.constant';
|
|
10
|
+
export * from './helpers/po-theme-poui.constant';
|
|
8
11
|
export * from './po-theme.service';
|
|
9
12
|
export * from './po-theme.module';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PoThemeA11yEnum } from '../enum/po-theme-a11y.enum';
|
|
1
2
|
import { PoThemeTypeEnum } from '../enum/po-theme-type.enum';
|
|
2
3
|
import { PoThemeTokens } from './po-theme-tokens.interface';
|
|
3
4
|
/**
|
|
@@ -10,19 +11,31 @@ export interface PoTheme {
|
|
|
10
11
|
/** Nome do tema: 'default', 'totvs', 'sunset', etc. */
|
|
11
12
|
name: string;
|
|
12
13
|
/** Tipos de tema: 'light' e 'dark' */
|
|
13
|
-
type: PoThemeType
|
|
14
|
-
/** Tipo de tema ativo */
|
|
15
|
-
active?: PoThemeTypeEnum;
|
|
14
|
+
type: PoThemeType | Array<PoThemeType>;
|
|
15
|
+
/** Tipo e nivel de acessibilidade de tema ativo */
|
|
16
|
+
active?: PoThemeTypeEnum | PoThemeActive;
|
|
16
17
|
}
|
|
17
18
|
/**
|
|
18
19
|
* @docsPrivate
|
|
19
20
|
* @description
|
|
20
21
|
* Interface para os tipos de tema ('light' e 'dark').
|
|
21
22
|
*/
|
|
22
|
-
interface PoThemeType {
|
|
23
|
+
export interface PoThemeType {
|
|
23
24
|
/** Tipo de tipo 'light' */
|
|
24
25
|
light?: PoThemeTokens;
|
|
25
26
|
/** Tipo de tipo 'dark' */
|
|
26
27
|
dark?: PoThemeTokens;
|
|
28
|
+
/** Nivel de Acessibilidade */
|
|
29
|
+
a11y?: PoThemeA11yEnum;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @docsPrivate
|
|
33
|
+
* @description
|
|
34
|
+
* Interface para o tipo de tema ativo.
|
|
35
|
+
*/
|
|
36
|
+
export interface PoThemeActive {
|
|
37
|
+
/** Tipo de tema ativo */
|
|
38
|
+
type?: PoThemeTypeEnum;
|
|
39
|
+
/** Nivel de Acessibilidade */
|
|
40
|
+
a11y?: PoThemeA11yEnum;
|
|
27
41
|
}
|
|
28
|
-
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { RendererFactory2 } from '@angular/core';
|
|
2
|
+
import { PoTheme, PoThemeActive } from './interfaces/po-theme.interface';
|
|
3
|
+
import { PoThemeA11yEnum } from './enum/po-theme-a11y.enum';
|
|
2
4
|
import { PoThemeTypeEnum } from './enum/po-theme-type.enum';
|
|
3
|
-
import { PoTheme } from './interfaces/po-theme.interface';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @description
|
|
@@ -31,15 +32,61 @@ export declare class PoThemeService {
|
|
|
31
32
|
[key: string]: string;
|
|
32
33
|
});
|
|
33
34
|
/**
|
|
34
|
-
*
|
|
35
|
+
* Aplica um tema ao componente de acordo com o tipo de tema e o nível de acessibilidade especificados.
|
|
35
36
|
*
|
|
36
|
-
* Este método
|
|
37
|
-
*
|
|
37
|
+
* Este método configura o tema do componente com base no objeto `themeConfig` fornecido, no `themeType` e no `a11yLevel`.
|
|
38
|
+
* Além disso, ele pode opcionalmente salvar a preferência de tema no localStorage, se solicitado.
|
|
39
|
+
*
|
|
40
|
+
* @param {PoTheme} themeConfig - Configuração de tema a ser aplicada ao componente.
|
|
41
|
+
* @param {PoThemeTypeEnum} [themeType=PoThemeTypeEnum.light] - (Opcional) Tipo de tema, podendo ser 'light' (claro) ou 'dark' (escuro). O tema claro é o padrão.
|
|
42
|
+
* @param {PoThemeA11yEnum} [a11yLevel=PoThemeA11yEnum.AAA] - (Opcional) Nível de acessibilidade do tema, podendo ser AA ou AAA. Padrão é AAA.
|
|
43
|
+
* @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.
|
|
44
|
+
*/
|
|
45
|
+
setTheme(themeConfig: PoTheme, themeType?: PoThemeTypeEnum, a11yLevel?: PoThemeA11yEnum, persistPreference?: boolean): void;
|
|
46
|
+
/**
|
|
47
|
+
* @docsPrivate
|
|
48
|
+
*
|
|
49
|
+
* Aplica estilos customizados para o componente e para o root HTML, utilizando os tokens definidos.
|
|
50
|
+
*
|
|
51
|
+
* Esse método é chamado para inserir ou atualizar estilos no DOM, aplicando tanto tokens de `onRoot` (ex: `--font-family: 'Roboto'`)
|
|
52
|
+
* quanto estilos específicos de componentes (`perComponent`, como `po-listbox [hidden]: { display: 'flex !important' }`).
|
|
53
|
+
*
|
|
54
|
+
* O seletor CSS gerado leva em consideração o tema (`type`) e as configurações de acessibilidade (`a11y`) do tema ativo.
|
|
55
|
+
* A classe do tema é aplicada no HTML e pode ser formatada como `html[class*="-light-AA"]` para personalizações
|
|
56
|
+
* em temas específicos.
|
|
57
|
+
*
|
|
58
|
+
* @param {PoThemeActive} active - Objeto que define o tema ativo, com `type` e `a11y`.
|
|
59
|
+
* @param {any} perComponent - Objeto contendo os estilos específicos para componentes a serem aplicados.
|
|
60
|
+
* @param {any} onRoot - Objeto contendo tokens de estilo que serão aplicados diretamente no seletor `:root` do HTML.
|
|
61
|
+
*
|
|
62
|
+
* @example
|
|
63
|
+
*
|
|
64
|
+
* // Exemplo de utilização com um tema ativo e tokens de estilo
|
|
65
|
+
* const themeActive = { type: 'light', a11y: 'AA' };
|
|
66
|
+
* const perComponentStyles = {
|
|
67
|
+
* 'po-listbox [hidden]': {
|
|
68
|
+
* 'display': 'flex !important'
|
|
69
|
+
* }
|
|
70
|
+
* };
|
|
71
|
+
* const onRootStyles = {
|
|
72
|
+
* '--font-family': 'Roboto',
|
|
73
|
+
* '--background-color': '#fff'
|
|
74
|
+
* };
|
|
75
|
+
*
|
|
76
|
+
* this.setPerComponentAndOnRoot(themeActive, perComponentStyles, onRootStyles);
|
|
77
|
+
*
|
|
78
|
+
* // Resultado:
|
|
79
|
+
* // Gera e aplica os seguintes estilos no DOM
|
|
80
|
+
* // html[class*="-light-AA"]:root {
|
|
81
|
+
* // --font-family: 'Roboto';
|
|
82
|
+
* // --background-color: '#fff';
|
|
83
|
+
* // po-listbox [hidden] {
|
|
84
|
+
* // display: flex !important;
|
|
85
|
+
* // }
|
|
86
|
+
* // }
|
|
38
87
|
*
|
|
39
|
-
* @param {PoTheme} theme - Objeto contendo as definições de tema a serem aplicadas no componente.
|
|
40
|
-
* @param {PoThemeTypeEnum} [themeType=PoThemeTypeEnum.light] - (Opcional) Tipo de tema a ser aplicado, podendo ser 'light' (claro) ou 'dark' (escuro). Por padrão, o tema claro é aplicado.
|
|
41
88
|
*/
|
|
42
|
-
|
|
89
|
+
setPerComponentAndOnRoot(active: PoThemeActive, perComponent: any, onRoot: any): void;
|
|
43
90
|
/**
|
|
44
91
|
* @docsPrivate
|
|
45
92
|
*
|
|
@@ -64,6 +111,8 @@ export declare class PoThemeService {
|
|
|
64
111
|
* @returns {PoTheme} Recupera o tema armazenado.
|
|
65
112
|
*/
|
|
66
113
|
persistThemeActive(): PoTheme;
|
|
114
|
+
private formatTheme;
|
|
115
|
+
applyTheme(theme?: any): any;
|
|
67
116
|
/**
|
|
68
117
|
* Altera o tipo do tema armazenado e aplica os novos estilos ao documento.
|
|
69
118
|
*
|
|
@@ -75,15 +124,19 @@ export declare class PoThemeService {
|
|
|
75
124
|
/**
|
|
76
125
|
* Método remove o tema armazenado e limpa todos os estilos de tema
|
|
77
126
|
* aplicados ao documento.
|
|
127
|
+
*
|
|
128
|
+
* @param {boolean} [persistPreference=true] - (Opcional) Define se a preferência de tema não deve ser mantida no localStorage para persistência. `true` para remover, `false` para manter.
|
|
78
129
|
*/
|
|
79
|
-
cleanThemeActive(): void;
|
|
130
|
+
cleanThemeActive(persistPreference?: boolean): void;
|
|
131
|
+
private getActiveTypeFromTheme;
|
|
132
|
+
private getActiveA11yFromTheme;
|
|
80
133
|
/**
|
|
81
134
|
* @docsPrivate
|
|
82
135
|
*
|
|
83
136
|
* Este método define um dados do tema e o armazena.
|
|
84
137
|
* @param theme Os tokens de tema contendo os estilos adicionais a serem gerados.
|
|
85
138
|
*/
|
|
86
|
-
private
|
|
139
|
+
private setThemeLocal;
|
|
87
140
|
/**
|
|
88
141
|
* Retorna o tema ativo como um observable.
|
|
89
142
|
* @returns {PoTheme} Tema ativo.
|
|
@@ -93,7 +146,8 @@ export declare class PoThemeService {
|
|
|
93
146
|
* @docsPrivate
|
|
94
147
|
*
|
|
95
148
|
* Gera estilos CSS com base nos tokens de cores fornecidos.
|
|
96
|
-
* @param
|
|
149
|
+
* @param css Os tokens de cor a serem usados para gerar os estilos.
|
|
150
|
+
* @param id id do style a ser aplicado.
|
|
97
151
|
* @returns Uma string contendo os estilos CSS gerados.
|
|
98
152
|
*/
|
|
99
153
|
private createStyleElement;
|
|
@@ -137,6 +191,32 @@ export declare class PoThemeService {
|
|
|
137
191
|
* @returns {string} Imagem SVG utilizada no po-select.
|
|
138
192
|
*/
|
|
139
193
|
private getSelectBgIcon;
|
|
194
|
+
/**
|
|
195
|
+
* Define o tipo (light/dark) quando um tema está sendo aplicado.
|
|
196
|
+
*
|
|
197
|
+
* @param {PoTheme} theme - Objeto contendo as definições de tema a serem aplicadas no componente.
|
|
198
|
+
* @param {PoThemeTypeEnum} [themeType=PoThemeTypeEnum.light] - (Opcional) Tipo de tema a ser aplicado, podendo ser 'light' (claro) ou 'dark' (escuro). Por padrão, o tema claro é aplicado.
|
|
199
|
+
*/
|
|
200
|
+
setThemeType(theme: PoTheme, themeType?: PoThemeTypeEnum): void;
|
|
201
|
+
/**
|
|
202
|
+
* Define o tipo (light/dark) para um tema já ativo.
|
|
203
|
+
*
|
|
204
|
+
* @param {PoThemeTypeEnum} [themeType=PoThemeTypeEnum.light] - (Opcional) Tipo de tema a ser aplicado, podendo ser 'light' (claro) ou 'dark' (escuro). Por padrão, o tema claro é aplicado.
|
|
205
|
+
*/
|
|
206
|
+
setCurrentThemeType(themeType?: PoThemeTypeEnum): void;
|
|
207
|
+
/**
|
|
208
|
+
* Define o nivel de acessibilidade quando um tema está sendo aplicado.
|
|
209
|
+
*
|
|
210
|
+
* @param {PoTheme} theme - Objeto contendo as definições de tema a serem aplicadas no componente.
|
|
211
|
+
* @param {PoThemeA11yEnum} [a11y=PoThemeA11yEnum.AAA] - (Opcional) Nível de acessibilidade a ser aplicado ao tema, como AA ou AAA. Se não for informado, por padrão a acessibilidade será AAA.
|
|
212
|
+
*/
|
|
213
|
+
setThemeA11y(theme: PoTheme, a11y?: PoThemeA11yEnum): void;
|
|
214
|
+
/**
|
|
215
|
+
* Define o nivel de acessibilidade para um tema já ativo.
|
|
216
|
+
*
|
|
217
|
+
* @param {PoThemeA11yEnum} [a11y=PoThemeA11yEnum.AAA] - (Opcional) Nível de acessibilidade a ser aplicado ao tema, como AA ou AAA. Se não for informado, por padrão a acessibilidade será AAA.
|
|
218
|
+
*/
|
|
219
|
+
setCurrentThemeA11y(a11y?: PoThemeA11yEnum): void;
|
|
140
220
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoThemeService, [null, null, null, { optional: true; }]>;
|
|
141
221
|
static ɵprov: i0.ɵɵInjectableDeclaration<PoThemeService>;
|
|
142
222
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.20.0",
|
|
4
4
|
"description": "PO UI - Components",
|
|
5
5
|
"author": "PO UI",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@angular/cdk": "~18.0.1",
|
|
25
|
-
"@po-ui/style": "18.
|
|
26
|
-
"@po-ui/ng-schematics": "18.
|
|
25
|
+
"@po-ui/style": "18.20.0",
|
|
26
|
+
"@po-ui/ng-schematics": "18.20.0",
|
|
27
27
|
"tslib": "^2.6.2"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@angular/platform-browser-dynamic": "^18",
|
|
38
38
|
"@angular/router": "^18",
|
|
39
39
|
"@angular-devkit/schematics": "^18",
|
|
40
|
-
"@po-ui/style": "18.
|
|
40
|
+
"@po-ui/style": "18.20.0",
|
|
41
41
|
"rxjs": "~7.8.1",
|
|
42
42
|
"zone.js": "~0.14.4"
|
|
43
43
|
},
|
|
Binary file
|
|
@@ -18,7 +18,7 @@ function default_1(options) {
|
|
|
18
18
|
exports.default = default_1;
|
|
19
19
|
function addPoPackageAndInstall() {
|
|
20
20
|
return (tree, context) => {
|
|
21
|
-
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '18.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '18.20.0');
|
|
22
22
|
// install packages
|
|
23
23
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
24
24
|
};
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -10,7 +10,7 @@ const changes_1 = require("./changes");
|
|
|
10
10
|
const httpClientModuleName = 'HttpClientModule';
|
|
11
11
|
const httpClientModuleSourcePath = '@angular/common/http';
|
|
12
12
|
function default_1() {
|
|
13
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
13
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
14
14
|
}
|
|
15
15
|
exports.default = default_1;
|
|
16
16
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -36,11 +36,11 @@ function main(options) {
|
|
|
36
36
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
37
37
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
38
38
|
configureNewIcon.toLowerCase() === '') {
|
|
39
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
39
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
40
40
|
}
|
|
41
41
|
else {
|
|
42
42
|
return (0, schematics_1.chain)([
|
|
43
|
-
(0, package_config_1.updatePackageJson)('18.
|
|
43
|
+
(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion),
|
|
44
44
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
45
45
|
addProviderToAppModule(options, newProviderDictionary),
|
|
46
46
|
updateAppConfigFileRule(),
|
|
@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
|
10
10
|
const changes_1 = require("./changes");
|
|
11
11
|
function updateToV2() {
|
|
12
12
|
return (0, schematics_1.chain)([
|
|
13
|
-
updatePackageJson('18.
|
|
13
|
+
updatePackageJson('18.20.0', changes_1.dependeciesChanges),
|
|
14
14
|
(0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
|
|
15
15
|
(0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
|
|
16
16
|
createUpgradeRule(),
|
|
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
7
7
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
8
8
|
const changes_1 = require("./changes");
|
|
9
9
|
function updateToV3() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
exports.updateToV3 = updateToV3;
|
|
13
13
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.20.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|