@po-ui/ng-components 19.14.0 → 19.16.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/fesm2022/po-ui-ng-components-po-chart-modal-table.component-mSWyBcer.mjs +45 -0
- package/fesm2022/po-ui-ng-components-po-chart-modal-table.component-mSWyBcer.mjs.map +1 -0
- package/fesm2022/po-ui-ng-components.mjs +19547 -32220
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/components.module.d.ts +41 -42
- package/lib/components/index.d.ts +0 -1
- package/lib/components/po-chart/enums/po-chart-type.enum.d.ts +7 -1
- package/lib/components/po-chart/index.d.ts +6 -4
- package/lib/components/po-chart/interfaces/po-chart-axis-options.interface.d.ts +65 -3
- package/lib/components/po-chart/interfaces/po-chart-header-options.interface.d.ts +0 -2
- package/lib/components/po-chart/interfaces/po-chart-literals.interface.d.ts +32 -2
- package/lib/components/po-chart/interfaces/po-chart-options.interface.d.ts +175 -0
- package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts +12 -0
- package/lib/components/po-chart/po-chart-base.component.d.ts +149 -89
- package/lib/components/po-chart/po-chart-gauge-utils.d.ts +22 -0
- package/lib/components/{po-chart-new → po-chart}/po-chart-grid-utils.d.ts +2 -2
- package/lib/components/po-chart/po-chart-modal-table/po-chart-modal-table.component.d.ts +11 -0
- package/lib/components/po-chart/po-chart.component.d.ts +95 -43
- package/lib/components/po-chart/po-chart.module.d.ts +6 -23
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +7 -8
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +3 -4
- package/lib/components/po-field/po-multiselect/po-multiselect-dropdown/po-multiselect-dropdown.component.d.ts +1 -1
- package/lib/components/po-gauge/index.d.ts +1 -0
- package/lib/components/po-gauge/interfaces/po-gauge-options.interface.d.ts +69 -0
- package/lib/components/po-gauge/po-gauge-base.component.d.ts +45 -10
- package/lib/components/po-gauge/po-gauge.component.d.ts +10 -17
- package/lib/components/po-gauge/po-gauge.module.d.ts +3 -9
- package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts +1 -1
- package/lib/services/po-theme/helpers/types/po-theme-dark-defaults-AA.constant.d.ts +101 -0
- package/lib/services/po-theme/helpers/types/po-theme-dark-defaults.constant.d.ts +0 -7
- package/lib/services/po-theme/helpers/types/po-theme-light-defaults-AA.constant.d.ts +28 -0
- package/lib/services/po-theme/helpers/types/po-theme-light-defaults.constant.d.ts +18 -1
- package/lib/services/po-theme/index.d.ts +2 -0
- package/package.json +4 -7
- package/po-ui-ng-components-19.16.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/v19/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/lib/components/po-chart/directives/po-resize-observer.directive.d.ts +0 -15
- package/lib/components/po-chart/helpers/po-chart-default-values.constant.d.ts +0 -8
- package/lib/components/po-chart/interfaces/po-chart-bar-coordinates.interface.d.ts +0 -23
- package/lib/components/po-chart/interfaces/po-chart-container-size.interface.d.ts +0 -23
- package/lib/components/po-chart/interfaces/po-chart-label-coordinates.interface.d.ts +0 -19
- package/lib/components/po-chart/interfaces/po-chart-min-max-values.interface.d.ts +0 -19
- package/lib/components/po-chart/interfaces/po-chart-path-coordinates.interface.d.ts +0 -27
- package/lib/components/po-chart/interfaces/po-chart-points-coordinates.interface.d.ts +0 -28
- package/lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-label/po-chart-axis-label.component.d.ts +0 -19
- package/lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-path/po-chart-axis-path.component.d.ts +0 -10
- package/lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis.component.d.ts +0 -63
- package/lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-bar-base.component.d.ts +0 -34
- package/lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-bar-path/po-chart-bar-path.component.d.ts +0 -16
- package/lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-bar.component.d.ts +0 -16
- package/lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-column/po-chart-column.component.d.ts +0 -16
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.d.ts +0 -14
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-circular-path.component.d.ts +0 -16
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.d.ts +0 -23
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.d.ts +0 -45
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-donut/po-chart-donut.component.d.ts +0 -19
- package/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-pie/po-chart-pie.component.d.ts +0 -11
- package/lib/components/po-chart/po-chart-container/po-chart-container.component.d.ts +0 -52
- package/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-area/po-chart-area.component.d.ts +0 -23
- package/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line-base.component.d.ts +0 -52
- package/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line.component.d.ts +0 -19
- package/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-path/po-chart-path.component.d.ts +0 -24
- package/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.d.ts +0 -40
- package/lib/components/po-chart/po-chart-legend/po-chart-legend.component.d.ts +0 -10
- package/lib/components/po-chart/po-chart-switch.component.d.ts +0 -22
- package/lib/components/po-chart/po-chart-types/po-chart-dynamic-type.component.d.ts +0 -37
- package/lib/components/po-chart/services/po-chart-maths.service.d.ts +0 -66
- package/lib/components/po-chart/services/po-chart-svg-container.service.d.ts +0 -24
- package/lib/components/po-chart-new/index.d.ts +0 -2
- package/lib/components/po-chart-new/po-chart-new-base.component.d.ts +0 -210
- package/lib/components/po-chart-new/po-chart-new.component.d.ts +0 -86
- package/lib/components/po-chart-new/po-chart-new.module.d.ts +0 -18
- package/lib/components/po-gauge/interfaces/po-gauge-coordinates.interface.d.ts +0 -19
- package/lib/components/po-gauge/interfaces/po-gauge-svg-container.interface.d.ts +0 -15
- package/lib/components/po-gauge/po-gauge-description/po-gauge-description.component.d.ts +0 -14
- package/lib/components/po-gauge/po-gauge-legend/po-gauge-legend.component.d.ts +0 -12
- package/lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.d.ts +0 -10
- package/lib/components/po-gauge/po-gauge-svg/po-gauge-pointer/po-gauge-pointer.component.d.ts +0 -18
- package/lib/components/po-gauge/po-gauge-svg/po-gauge-svg.component.d.ts +0 -35
- package/lib/components/po-gauge/po-gauge-title/po-gauge-title.component.d.ts +0 -6
- package/po-ui-ng-components-19.14.0.tgz +0 -0
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { PoChartHeaderOptions } from '../../po-chart';
|
|
2
|
+
/**
|
|
3
|
+
* @usedBy PoGaugeComponent
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
*
|
|
7
|
+
* *Interface* para configurações dos elementos do gráfico.
|
|
8
|
+
*/
|
|
9
|
+
export interface PoGaugeOptions {
|
|
10
|
+
/**
|
|
11
|
+
* @optional
|
|
12
|
+
*
|
|
13
|
+
* @description
|
|
14
|
+
*
|
|
15
|
+
* Define a descrição do gráfico exibido acima do gráfico.
|
|
16
|
+
*
|
|
17
|
+
*/
|
|
18
|
+
descriptionChart?: string;
|
|
19
|
+
/**
|
|
20
|
+
* @optional
|
|
21
|
+
*
|
|
22
|
+
* @description
|
|
23
|
+
*
|
|
24
|
+
* Define um objeto do tipo `PoChartHeaderOptions` para configurar a exibição de botões no cabeçalho do gráfico.
|
|
25
|
+
*/
|
|
26
|
+
header?: PoChartHeaderOptions;
|
|
27
|
+
/**
|
|
28
|
+
* @optional
|
|
29
|
+
*
|
|
30
|
+
* @description
|
|
31
|
+
*
|
|
32
|
+
* Esconde a estilização do container em volta do gráfico.
|
|
33
|
+
*
|
|
34
|
+
* @default `true`
|
|
35
|
+
*/
|
|
36
|
+
showContainerGauge?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* @optional
|
|
39
|
+
*
|
|
40
|
+
* @description
|
|
41
|
+
*
|
|
42
|
+
* Exibe os valores das propriedades `from` e `to` no gráfico do no texto da legenda entre parênteses.
|
|
43
|
+
*
|
|
44
|
+
* > Válido para gráfico do tipo `Gauge`.
|
|
45
|
+
*
|
|
46
|
+
*/
|
|
47
|
+
showFromToLegend?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* @optional
|
|
50
|
+
*
|
|
51
|
+
* @description
|
|
52
|
+
*
|
|
53
|
+
* Define um subtítulo para o Gauge. Indicamos um subtítulo pequeno, com uma quantidade máxima de 32 caracteres na altura padrão.
|
|
54
|
+
*
|
|
55
|
+
*/
|
|
56
|
+
subtitleGauge?: string;
|
|
57
|
+
/**
|
|
58
|
+
* @optional
|
|
59
|
+
*
|
|
60
|
+
* @description
|
|
61
|
+
*
|
|
62
|
+
* Define a exibição do ponteiro.
|
|
63
|
+
*
|
|
64
|
+
* > Válido para gráfico do tipo `Gauge`.
|
|
65
|
+
*
|
|
66
|
+
* @default `true`
|
|
67
|
+
*/
|
|
68
|
+
pointer?: boolean;
|
|
69
|
+
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { PoColorService } from '../../services/po-color/po-color.service';
|
|
2
1
|
import { PoGaugeRanges } from './interfaces/po-gauge-ranges.interface';
|
|
2
|
+
import { PoGaugeOptions } from './interfaces/po-gauge-options.interface';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* @description
|
|
6
6
|
*
|
|
7
|
+
* > ESSE COMPONENTE ESTÁ DEPRECIADO E SERÁ REMOVIDO NA v22.x.x. Indicamos a utilização do `po-chart` com `type` Gauge.
|
|
8
|
+
*
|
|
7
9
|
* O componente `po-gauge` provê a representação de um valor através de um arco. É muito comum, por exemplo, para demonstrar o desempenho ou progresso de algo.
|
|
8
10
|
* O `po-gauge` possui dois tipos de tratamentos:
|
|
9
11
|
* - É possível demonstrar um dado percentual simples em conjunto com uma descrição resumida em seu interior;
|
|
@@ -15,12 +17,51 @@ import * as i0 from "@angular/core";
|
|
|
15
17
|
* informando em qual caso utilizar, o que devemos evitar e boas práticas relacionada a cores.
|
|
16
18
|
*/
|
|
17
19
|
export declare abstract class PoGaugeBaseComponent {
|
|
18
|
-
protected colorService: PoColorService;
|
|
19
20
|
private _description;
|
|
20
21
|
private _height;
|
|
21
22
|
private _ranges;
|
|
22
23
|
private _title;
|
|
23
24
|
private _value;
|
|
25
|
+
/**
|
|
26
|
+
* @optional
|
|
27
|
+
*
|
|
28
|
+
* @description
|
|
29
|
+
*
|
|
30
|
+
* Define a exibição dos valores de `from` - `to` entre parênteses caso haja definição de `p-ranges`.
|
|
31
|
+
*
|
|
32
|
+
* @default `false`
|
|
33
|
+
*/
|
|
34
|
+
showFromToLegend: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* @optional
|
|
37
|
+
*
|
|
38
|
+
* @description
|
|
39
|
+
*
|
|
40
|
+
* Define a exibição do ponteiro caso haja definição de `p-ranges`.
|
|
41
|
+
*
|
|
42
|
+
* @default `true`
|
|
43
|
+
*/
|
|
44
|
+
showPointer: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* @optional
|
|
47
|
+
*
|
|
48
|
+
* @description
|
|
49
|
+
*
|
|
50
|
+
* Objeto com as configurações usadas no `po-gauge`.
|
|
51
|
+
*
|
|
52
|
+
* É possível, por exemplo, esconder as funcionalidades do header,
|
|
53
|
+
* ou habilitar uma legenda com `From` `To` da seguinte forma:
|
|
54
|
+
*
|
|
55
|
+
* ```
|
|
56
|
+
* chartOptions: PoGaugeOptions = {
|
|
57
|
+
* showFromToLegend: true,
|
|
58
|
+
* header: {
|
|
59
|
+
* hideExpand: true,
|
|
60
|
+
* },
|
|
61
|
+
* };
|
|
62
|
+
* ```
|
|
63
|
+
*/
|
|
64
|
+
options: PoGaugeOptions;
|
|
24
65
|
/**
|
|
25
66
|
* @optional
|
|
26
67
|
*
|
|
@@ -31,11 +72,8 @@ export declare abstract class PoGaugeBaseComponent {
|
|
|
31
72
|
* - Se houver definição para `p-ranges`, o descritivo será exibido no topo do container, ficando acima do gauge;
|
|
32
73
|
* - Na ausência de `p-ranges`, será incorporado dentro do arco do gauge, e abaixo de `p-value`.
|
|
33
74
|
*
|
|
34
|
-
* Para ambos os casos, se o conteúdo ultrapassar a área designada, serão geradas automaticamente reticências.
|
|
35
|
-
* No entanto, será possível visualizar a mensagem através de um tooltip no passar do mouse sobre o texto.
|
|
36
|
-
*
|
|
37
75
|
* > Para uma melhor experiência do usuário, é recomendado um descritivo breve e com poucas palavras.
|
|
38
|
-
*
|
|
76
|
+
* > Indicamos a utilização da nova propriedade `descriptionChart` em `p-options`.
|
|
39
77
|
*/
|
|
40
78
|
set description(value: string);
|
|
41
79
|
get description(): string;
|
|
@@ -92,10 +130,7 @@ export declare abstract class PoGaugeBaseComponent {
|
|
|
92
130
|
*/
|
|
93
131
|
set value(gaugeValue: number);
|
|
94
132
|
get value(): number;
|
|
95
|
-
constructor(colorService: PoColorService);
|
|
96
|
-
private verifyColors;
|
|
97
133
|
private setGaugeHeight;
|
|
98
|
-
protected abstract svgContainerSize(): void;
|
|
99
134
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeBaseComponent, never>;
|
|
100
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoGaugeBaseComponent, never, never, { "description": { "alias": "p-description"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "ranges": { "alias": "p-ranges"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, true, never>;
|
|
135
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoGaugeBaseComponent, never, never, { "showFromToLegend": { "alias": "p-show-from-to-legend"; "required": false; }; "showPointer": { "alias": "p-show-pointer"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "description": { "alias": "p-description"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "ranges": { "alias": "p-ranges"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, true, never>;
|
|
101
136
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { PoChartSerie } from '../po-chart';
|
|
3
3
|
import { PoGaugeBaseComponent } from './po-gauge-base.component';
|
|
4
|
-
import { PoGaugeSvgContainer } from './interfaces/po-gauge-svg-container.interface';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
/**
|
|
7
6
|
* @docsExtends PoGaugeBaseComponent
|
|
@@ -20,21 +19,15 @@ import * as i0 from "@angular/core";
|
|
|
20
19
|
* <file name="sample-po-gauge-summary/sample-po-gauge-summary.component.html"> </file>
|
|
21
20
|
* <file name="sample-po-gauge-summary/sample-po-gauge-summary.component.ts"> </file>
|
|
22
21
|
* </example>
|
|
22
|
+
*
|
|
23
|
+
* @deprecated v22.x.x
|
|
24
|
+
* Utilize o `po-chart` com `type="gauge"` como alternativa recomendada.
|
|
23
25
|
*/
|
|
24
|
-
export declare class PoGaugeComponent extends PoGaugeBaseComponent implements
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
titleEl: ElementRef;
|
|
30
|
-
svgEl: ElementRef;
|
|
31
|
-
svgContainer: PoGaugeSvgContainer;
|
|
32
|
-
private isLoaded;
|
|
33
|
-
constructor(colorService: PoColorService, changeDetector: ChangeDetectorRef);
|
|
34
|
-
private get hasElementRef();
|
|
35
|
-
get hasRanges(): boolean;
|
|
36
|
-
ngDoCheck(): void;
|
|
37
|
-
protected svgContainerSize(): void;
|
|
26
|
+
export declare class PoGaugeComponent extends PoGaugeBaseComponent implements OnChanges, OnInit {
|
|
27
|
+
series: Array<PoChartSerie>;
|
|
28
|
+
valuesMultiple: number;
|
|
29
|
+
ngOnInit(): void;
|
|
30
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
38
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeComponent, never>;
|
|
39
32
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoGaugeComponent, "po-gauge", never, {}, {}, never, never, false, never>;
|
|
40
33
|
}
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./po-gauge.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "./po-gauge-svg/po-gauge-svg.component";
|
|
6
|
-
import * as i5 from "./po-gauge-svg/po-gauge-path/po-gauge-path.component";
|
|
7
|
-
import * as i6 from "./po-gauge-description/po-gauge-description.component";
|
|
8
|
-
import * as i7 from "./po-gauge-svg/po-gauge-pointer/po-gauge-pointer.component";
|
|
9
|
-
import * as i8 from "@angular/common";
|
|
10
|
-
import * as i9 from "../../directives/po-tooltip/po-tooltip.module";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../po-chart/po-chart.module";
|
|
11
5
|
/**
|
|
12
6
|
* @description
|
|
13
7
|
* Módulo do componente po-gauge.
|
|
14
8
|
*/
|
|
15
9
|
export declare class PoGaugeModule {
|
|
16
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoGaugeModule, [typeof i1.PoGaugeComponent
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoGaugeModule, [typeof i1.PoGaugeComponent], [typeof i2.CommonModule, typeof i3.PoChartModule], [typeof i1.PoGaugeComponent]>;
|
|
18
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoGaugeModule>;
|
|
19
13
|
}
|
package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChange
|
|
|
2
2
|
import { PoThemeService } from '../../../services';
|
|
3
3
|
import { PoLanguageService } from '../../../services/po-language/po-language.service';
|
|
4
4
|
import { PoCheckboxGroupOption } from '../../po-field/po-checkbox-group/interfaces/po-checkbox-group-option.interface';
|
|
5
|
-
import { PoPageSlideComponent } from '../../po-page';
|
|
5
|
+
import { PoPageSlideComponent } from '../../po-page/po-page-slide';
|
|
6
6
|
import { PoPopoverComponent } from '../../po-popover/po-popover.component';
|
|
7
7
|
import { PoTableColumn } from '../interfaces/po-table-column.interface';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { PoThemeColorCategorical } from '../../interfaces/po-theme-color.interface';
|
|
2
|
+
declare const poThemeDefaultCategoricalsDarkAA: PoThemeColorCategorical;
|
|
3
|
+
declare const poThemeDefaultCategoricalsOverlayDarkAA: PoThemeColorCategorical;
|
|
4
|
+
/**
|
|
5
|
+
* Define estilos específicos por componente e onRoot para temas escuros.
|
|
6
|
+
*/
|
|
7
|
+
declare const poThemeDefaultDarkValuesAA: {
|
|
8
|
+
perComponent: {
|
|
9
|
+
'.po-tab-border-active': {
|
|
10
|
+
'background-color': string;
|
|
11
|
+
};
|
|
12
|
+
'po-overlay': {
|
|
13
|
+
'--color-overlay': string;
|
|
14
|
+
};
|
|
15
|
+
'po-modal': {
|
|
16
|
+
'--color-overlay': string;
|
|
17
|
+
};
|
|
18
|
+
'po-toaster': {
|
|
19
|
+
'--color-icon': string;
|
|
20
|
+
'--color-icon-warning': string;
|
|
21
|
+
};
|
|
22
|
+
'po-badge': {
|
|
23
|
+
'--color': string;
|
|
24
|
+
};
|
|
25
|
+
'po-badge[p-status=warning]': {
|
|
26
|
+
'--color': string;
|
|
27
|
+
};
|
|
28
|
+
'po-link': {
|
|
29
|
+
'--text-color-visited': string;
|
|
30
|
+
};
|
|
31
|
+
'po-rich-text-body .po-rich-text-body:focus-visible, po-info .po-info-link:focus-visible, po-list-view a.po-list-view-title-link:focus-visible, po-stepper-circle .po-stepper-circle:focus-visible': {
|
|
32
|
+
'border-color': string;
|
|
33
|
+
'outline-color': string;
|
|
34
|
+
'outline-width': string;
|
|
35
|
+
'outline-style': string;
|
|
36
|
+
'outline-offset': string;
|
|
37
|
+
};
|
|
38
|
+
'po-container': {
|
|
39
|
+
'--background': string;
|
|
40
|
+
};
|
|
41
|
+
'div.po-lookup-filter-content input.po-input, input.po-input, po-datepicker, po-datepicker-range, po-decimal, po-email, po-input, po-login, po-lookup, po-number, po-password, po-url, po-combo, po-search, po-select, po-multiselect': {
|
|
42
|
+
'--background-disabled': string;
|
|
43
|
+
};
|
|
44
|
+
'po-input input:-webkit-autofill, po-datepicker input:-webkit-autofill, po-datepicker-range input:-webkit-autofill, po-decimal input:-webkit-autofill, po-email input:-webkit-autofill, po-input input:-webkit-autofill, po-login input:-webkit-autofill, po-lookup input:-webkit-autofill, po-number input:-webkit-autofill, po-password input:-webkit-autofill, po-url input:-webkit-autofill, po-combo input:-webkit-autofill': {
|
|
45
|
+
'-webkit-background-clip': string;
|
|
46
|
+
'-webkit-text-fill-color': string;
|
|
47
|
+
transition: string;
|
|
48
|
+
'box-shadow': string;
|
|
49
|
+
};
|
|
50
|
+
'po-overlay, po-page-slide': {
|
|
51
|
+
'--color-overlay': string;
|
|
52
|
+
};
|
|
53
|
+
'po-select': {
|
|
54
|
+
'--color-hover': string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
onRoot: {
|
|
58
|
+
'--color-caption-categorical-01': string;
|
|
59
|
+
'--color-caption-categorical-02': string;
|
|
60
|
+
'--color-caption-categorical-03': string;
|
|
61
|
+
'--color-caption-categorical-04': string;
|
|
62
|
+
'--color-caption-categorical-05': string;
|
|
63
|
+
'--color-caption-categorical-06': string;
|
|
64
|
+
'--color-caption-categorical-07': string;
|
|
65
|
+
'--color-caption-categorical-08': string;
|
|
66
|
+
'--color-caption-categorical-overlay-01': string;
|
|
67
|
+
'--color-caption-categorical-overlay-02': string;
|
|
68
|
+
'--color-caption-categorical-overlay-03': string;
|
|
69
|
+
'--color-caption-categorical-overlay-04': string;
|
|
70
|
+
'--color-caption-categorical-overlay-05': string;
|
|
71
|
+
'--color-caption-categorical-overlay-06': string;
|
|
72
|
+
'--color-caption-categorical-overlay-07': string;
|
|
73
|
+
'--color-caption-categorical-overlay-08': string;
|
|
74
|
+
'--color-neutral': string;
|
|
75
|
+
'--color-secondary': string;
|
|
76
|
+
'--color-secondary-light-20': string;
|
|
77
|
+
'--color-secondary-light-40': string;
|
|
78
|
+
'--color-secondary-dark-20': string;
|
|
79
|
+
'--color-secondary-dark-40': string;
|
|
80
|
+
'--color-secondary-dark-80': string;
|
|
81
|
+
'--color-black-alpha-10': string;
|
|
82
|
+
'--color-black-alpha-15': string;
|
|
83
|
+
'--color-black-alpha-30': string;
|
|
84
|
+
'--color-primary-light-80': string;
|
|
85
|
+
'--color-primary-light-95': string;
|
|
86
|
+
'--color-primary-alpha-50': string;
|
|
87
|
+
'--color-primary-dark-20': string;
|
|
88
|
+
'--color-primary-dark-40': string;
|
|
89
|
+
'--color-secondary-dark-60-alpha-70': string;
|
|
90
|
+
'--color-tertiary-light-90': string;
|
|
91
|
+
'--color-tertiary-dark-5': string;
|
|
92
|
+
'--color-page-background-color-page': string;
|
|
93
|
+
'--color-toolbar-color-badge-text': string;
|
|
94
|
+
'--shadow-popover-box-shadow': string;
|
|
95
|
+
'--shadow-popover-box-shadow-arrow': string;
|
|
96
|
+
'--color-calendar-background-color-box-background-range': string;
|
|
97
|
+
'--color-stepper-circle-disabled': string;
|
|
98
|
+
'--color-stepper-bar-disabled': string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
export { poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDarkValuesAA };
|
|
@@ -23,10 +23,6 @@ declare const poThemeDefaultDarkValues: {
|
|
|
23
23
|
'.po-tab-border-active': {
|
|
24
24
|
'background-color': string;
|
|
25
25
|
};
|
|
26
|
-
/** GAUGE */
|
|
27
|
-
'.po-gauge-wrapper': {
|
|
28
|
-
'background-color': string;
|
|
29
|
-
};
|
|
30
26
|
/** OVERLAY */
|
|
31
27
|
'po-overlay': {
|
|
32
28
|
'--color-overlay': string;
|
|
@@ -47,9 +43,6 @@ declare const poThemeDefaultDarkValues: {
|
|
|
47
43
|
'po-badge[p-status=warning]': {
|
|
48
44
|
'--color': string;
|
|
49
45
|
};
|
|
50
|
-
'po-chart po-chart-container > svg .po-chart-axis-x-label, .po-chart-axis-y-label': {
|
|
51
|
-
fill: string;
|
|
52
|
-
};
|
|
53
46
|
'po-link': {
|
|
54
47
|
'--text-color-visited': string;
|
|
55
48
|
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { PoThemeColorCategorical } from '../../interfaces/po-theme-color.interface';
|
|
2
|
+
declare const poThemeDefaultCategoricalsAA: PoThemeColorCategorical;
|
|
3
|
+
declare const poThemeDefaultOverlayCategoricalsAA: PoThemeColorCategorical;
|
|
4
|
+
/**
|
|
5
|
+
* Define estilos específicos por componente e onRoot para temas claros para AA.
|
|
6
|
+
*/
|
|
7
|
+
declare const poThemeDefaultLightValuesAA: {
|
|
8
|
+
perComponent: {};
|
|
9
|
+
onRoot: {
|
|
10
|
+
'--color-caption-categorical-01': string;
|
|
11
|
+
'--color-caption-categorical-02': string;
|
|
12
|
+
'--color-caption-categorical-03': string;
|
|
13
|
+
'--color-caption-categorical-04': string;
|
|
14
|
+
'--color-caption-categorical-05': string;
|
|
15
|
+
'--color-caption-categorical-06': string;
|
|
16
|
+
'--color-caption-categorical-07': string;
|
|
17
|
+
'--color-caption-categorical-08': string;
|
|
18
|
+
'--color-caption-categorical-overlay-01': string;
|
|
19
|
+
'--color-caption-categorical-overlay-02': string;
|
|
20
|
+
'--color-caption-categorical-overlay-03': string;
|
|
21
|
+
'--color-caption-categorical-overlay-04': string;
|
|
22
|
+
'--color-caption-categorical-overlay-05': string;
|
|
23
|
+
'--color-caption-categorical-overlay-06': string;
|
|
24
|
+
'--color-caption-categorical-overlay-07': string;
|
|
25
|
+
'--color-caption-categorical-overlay-08': string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export { poThemeDefaultCategoricalsAA, poThemeDefaultOverlayCategoricalsAA, poThemeDefaultLightValuesAA };
|
|
@@ -22,6 +22,23 @@ declare const poThemeDefaultOverlayCategoricals: PoThemeColorCategorical;
|
|
|
22
22
|
*/
|
|
23
23
|
declare const poThemeDefaultLightValues: {
|
|
24
24
|
perComponent: {};
|
|
25
|
-
onRoot: {
|
|
25
|
+
onRoot: {
|
|
26
|
+
'--color-caption-categorical-01': string;
|
|
27
|
+
'--color-caption-categorical-02': string;
|
|
28
|
+
'--color-caption-categorical-03': string;
|
|
29
|
+
'--color-caption-categorical-04': string;
|
|
30
|
+
'--color-caption-categorical-05': string;
|
|
31
|
+
'--color-caption-categorical-06': string;
|
|
32
|
+
'--color-caption-categorical-07': string;
|
|
33
|
+
'--color-caption-categorical-08': string;
|
|
34
|
+
'--color-caption-categorical-overlay-01': string;
|
|
35
|
+
'--color-caption-categorical-overlay-02': string;
|
|
36
|
+
'--color-caption-categorical-overlay-03': string;
|
|
37
|
+
'--color-caption-categorical-overlay-04': string;
|
|
38
|
+
'--color-caption-categorical-overlay-05': string;
|
|
39
|
+
'--color-caption-categorical-overlay-06': string;
|
|
40
|
+
'--color-caption-categorical-overlay-07': string;
|
|
41
|
+
'--color-caption-categorical-overlay-08': string;
|
|
42
|
+
};
|
|
26
43
|
};
|
|
27
44
|
export { poThemeDefaultBrands, poThemeDefaultActions, poThemeDefaultFeedback, poThemeDefaultNeutrals, poThemeDefaultLightValues, poThemeDefaultCategoricals, poThemeDefaultOverlayCategoricals };
|
|
@@ -4,7 +4,9 @@ export * from './interfaces/po-theme-tokens.interface';
|
|
|
4
4
|
export * from './interfaces/po-theme-color.interface';
|
|
5
5
|
export * from './interfaces/po-theme.interface';
|
|
6
6
|
export * from './helpers/types/po-theme-light-defaults.constant';
|
|
7
|
+
export * from './helpers/types/po-theme-light-defaults-AA.constant';
|
|
7
8
|
export * from './helpers/types/po-theme-dark-defaults.constant';
|
|
9
|
+
export * from './helpers/types/po-theme-dark-defaults-AA.constant';
|
|
8
10
|
export * from './helpers/accessibilities/po-theme-default-aaa.constant';
|
|
9
11
|
export * from './helpers/accessibilities/po-theme-default-aa.constant';
|
|
10
12
|
export * from './helpers/po-theme-poui.constant';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.16.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": "~19.0.3",
|
|
25
|
-
"@po-ui/style": "19.
|
|
26
|
-
"@po-ui/ng-schematics": "19.
|
|
25
|
+
"@po-ui/style": "19.16.0",
|
|
26
|
+
"@po-ui/ng-schematics": "19.16.0",
|
|
27
27
|
"echarts": "^5.6.0",
|
|
28
28
|
"tslib": "^2.6.2"
|
|
29
29
|
},
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@angular/platform-browser-dynamic": "^19",
|
|
39
39
|
"@angular/router": "^19",
|
|
40
40
|
"@angular-devkit/schematics": "^19",
|
|
41
|
-
"@po-ui/style": "19.
|
|
41
|
+
"@po-ui/style": "19.16.0",
|
|
42
42
|
"rxjs": "~7.8.1",
|
|
43
43
|
"zone.js": "~0.15.0"
|
|
44
44
|
},
|
|
@@ -52,8 +52,5 @@
|
|
|
52
52
|
"types": "./index.d.ts",
|
|
53
53
|
"default": "./fesm2022/po-ui-ng-components.mjs"
|
|
54
54
|
}
|
|
55
|
-
},
|
|
56
|
-
"scripts": {
|
|
57
|
-
"prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
|
|
58
55
|
}
|
|
59
56
|
}
|
|
Binary file
|
|
@@ -18,7 +18,7 @@ function default_1(options) {
|
|
|
18
18
|
}
|
|
19
19
|
function addPoPackageAndInstall() {
|
|
20
20
|
return (tree, context) => {
|
|
21
|
-
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.16.0');
|
|
22
22
|
// install packages
|
|
23
23
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
24
24
|
};
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
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)('19.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
|
|
|
11
11
|
const httpClientModuleName = 'HttpClientModule';
|
|
12
12
|
const httpClientModuleSourcePath = '@angular/common/http';
|
|
13
13
|
function default_1() {
|
|
14
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.
|
|
14
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
15
15
|
}
|
|
16
16
|
function postUpdate() {
|
|
17
17
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
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)('19.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
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)('19.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -40,11 +40,11 @@ function main(options) {
|
|
|
40
40
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
41
41
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
42
42
|
configureNewIcon.toLowerCase() === '') {
|
|
43
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('19.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
updateAppConfigFileRule(),
|
|
@@ -40,11 +40,11 @@ function main(options) {
|
|
|
40
40
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
41
41
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
42
42
|
configureNewIcon.toLowerCase() === '') {
|
|
43
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('19.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
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('19.
|
|
13
|
+
updatePackageJson('19.16.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)('19.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -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 default_1() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -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 default_1() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
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)('19.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.16.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class PoResizeObserverDirective implements OnDestroy, OnInit {
|
|
4
|
-
private elementRef;
|
|
5
|
-
resize: EventEmitter<any>;
|
|
6
|
-
private subscription;
|
|
7
|
-
private observer;
|
|
8
|
-
private chartWidthResize$;
|
|
9
|
-
constructor(elementRef: ElementRef);
|
|
10
|
-
ngOnDestroy(): void;
|
|
11
|
-
ngOnInit(): void;
|
|
12
|
-
private get isResizeObserverSupported();
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoResizeObserverDirective, never>;
|
|
14
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoResizeObserverDirective, "[p-resize-observer]", never, {}, { "resize": "p-resize-observer"; }, never, never, false, never>;
|
|
15
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const PoChartPadding = 24;
|
|
2
|
-
export declare const PoChartAxisXLabelArea = 56;
|
|
3
|
-
export declare const PoChartGridLines = 5;
|
|
4
|
-
export declare const PoChartPlotAreaPaddingTop = 8;
|
|
5
|
-
export declare const PoChartStartAngle: number;
|
|
6
|
-
export declare const PoChartDonutDefaultThickness = 40;
|
|
7
|
-
export declare const PoChartCompleteCircle = 0.0001;
|
|
8
|
-
export declare const PoChartAngleStepInterval: number;
|