keevo-components 2.0.295 → 2.0.296
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, input } from '@angular/core';
|
|
1
|
+
import { Component, computed, input } from '@angular/core';
|
|
2
2
|
import { PrimeNgModule } from '../../api/modules/primeng.module';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "primeng/tooltip";
|
|
@@ -30,6 +30,7 @@ export class KvStackedBarChartComponent {
|
|
|
30
30
|
* @default false
|
|
31
31
|
*/
|
|
32
32
|
this.animation = input(false);
|
|
33
|
+
this.filteredData = computed(() => this.data().filter((seg) => seg.value > 0));
|
|
33
34
|
}
|
|
34
35
|
getTotal() {
|
|
35
36
|
return this.data().reduce((acc, item) => acc + item.value, 0);
|
|
@@ -48,10 +49,10 @@ export class KvStackedBarChartComponent {
|
|
|
48
49
|
document.body.style.removeProperty('--tooltip-bg-color');
|
|
49
50
|
}
|
|
50
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStackedBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvStackedBarChartComponent, isStandalone: true, selector: "kv-stacked-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvStackedBarChartComponent, isStandalone: true, selector: "kv-stacked-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of filteredData(); let i = $index; track i) {\r\n <div\r\n class=\"segmento\"\r\n [ngStyle]=\"{\r\n '--target-width': getPercent(seg.value) + '%',\r\n '--delay': i * 150 + 'ms',\r\n flex: !animation() ? seg.value : '',\r\n backgroundColor: seg.barColor\r\n }\"\r\n [ngClass]=\"{ 'animado w0': animation() }\"\r\n (mouseenter)=\"onMouseEnter(i, seg.tooltipColor)\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [class.destacado-segmento]=\"hoveredIndex === i\"\r\n pTooltip=\"{{ seg.tooltipMessage }}\"\r\n tooltipPosition=\"top\"\r\n [tooltipStyleClass]=\"'tooltip-' + i\"\r\n style=\"cursor: pointer;\"\r\n ></div>\r\n }\r\n </div>\r\n</div>", styles: [".barra-categorias-container{width:100%}.barra-categorias{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:16px;gap:4px}.segmento{height:100%;border-radius:4px}.segmento.animado{animation:crescerSegmento .5s ease-out forwards;animation-delay:var(--delay)}.w0{width:0}@keyframes crescerSegmento{0%{width:0}to{width:var(--target-width)}}::ng-deep .p-tooltip .p-tooltip-text{background:var(--tooltip-bg-color)!important;border:1px solid rgb(183,185,190)!important;border-radius:4px!important;box-shadow:#0003 1px 2px 10px;color:#6d6e73!important;font-weight:400!important}::ng-deep .p-tooltip-arrow{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
52
53
|
}
|
|
53
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStackedBarChartComponent, decorators: [{
|
|
54
55
|
type: Component,
|
|
55
|
-
args: [{ standalone: true, selector: 'kv-stacked-bar-chart', imports: [PrimeNgModule], template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of
|
|
56
|
+
args: [{ standalone: true, selector: 'kv-stacked-bar-chart', imports: [PrimeNgModule], template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of filteredData(); let i = $index; track i) {\r\n <div\r\n class=\"segmento\"\r\n [ngStyle]=\"{\r\n '--target-width': getPercent(seg.value) + '%',\r\n '--delay': i * 150 + 'ms',\r\n flex: !animation() ? seg.value : '',\r\n backgroundColor: seg.barColor\r\n }\"\r\n [ngClass]=\"{ 'animado w0': animation() }\"\r\n (mouseenter)=\"onMouseEnter(i, seg.tooltipColor)\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [class.destacado-segmento]=\"hoveredIndex === i\"\r\n pTooltip=\"{{ seg.tooltipMessage }}\"\r\n tooltipPosition=\"top\"\r\n [tooltipStyleClass]=\"'tooltip-' + i\"\r\n style=\"cursor: pointer;\"\r\n ></div>\r\n }\r\n </div>\r\n</div>", styles: [".barra-categorias-container{width:100%}.barra-categorias{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:16px;gap:4px}.segmento{height:100%;border-radius:4px}.segmento.animado{animation:crescerSegmento .5s ease-out forwards;animation-delay:var(--delay)}.w0{width:0}@keyframes crescerSegmento{0%{width:0}to{width:var(--target-width)}}::ng-deep .p-tooltip .p-tooltip-text{background:var(--tooltip-bg-color)!important;border:1px solid rgb(183,185,190)!important;border-radius:4px!important;box-shadow:#0003 1px 2px 10px;color:#6d6e73!important;font-weight:400!important}::ng-deep .p-tooltip-arrow{display:none!important}\n"] }]
|
|
56
57
|
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RhY2tlZC1iYXItY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RhY2tlZC1iYXItY2hhcnQva3Ytc3RhY2tlZC1iYXItY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RhY2tlZC1iYXItY2hhcnQva3Ytc3RhY2tlZC1iYXItY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7QUFTakU7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTywwQkFBMEI7SUFQdkM7UUFTRTs7V0FFRztRQUNILGlCQUFZLEdBQWtCLElBQUksQ0FBQztRQUVuQzs7O1dBR0c7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBeUIsQ0FBQTtRQUU5Qzs7O1dBR0c7UUFDSCxjQUFTLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRWxDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUF3QixFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FzQmhHO0lBcEJDLFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzlCLE9BQU8sQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQy9CLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYSxFQUFFLEtBQXlCO1FBQ25ELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUcsS0FBSztZQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQzNELENBQUM7OEdBdENVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG9WQzVCdkMsKzFCQXNCTSw2ckJESU0sYUFBYTs7MkZBRVosMEJBQTBCO2tCQVB0QyxTQUFTO2lDQUNJLElBQUksWUFDTixzQkFBc0IsV0FHdkIsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgT25Jbml0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUHJpbWVOZ01vZHVsZSB9IGZyb20gJy4uLy4uL2FwaS9tb2R1bGVzL3ByaW1lbmcubW9kdWxlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgU3RhY2tlZEJhckRhdGFNb2RlbCB7XHJcbiAgdmFsdWU6IG51bWJlcjtcclxuICBiYXJDb2xvcjogc3RyaW5nO1xyXG4gIHRvb2x0aXBNZXNzYWdlPzogc3RyaW5nO1xyXG4gIHRvb2x0aXBDb2xvcj86IHN0cmluZ1xyXG59XHJcblxyXG4vKipcclxuICogQ29tcG9uZW50ZSBkZSBncsOhZmljbyBkZSBiYXJyYXMgZW1waWxoYWRhcy5cclxuICogXHJcbiAqIEVzdGUgY29tcG9uZW50ZSBleGliZSBkYWRvcyBlbSBmb3JtYXRvIGRlIGJhcnJhcyBlbXBpbGhhZGFzIGhvcml6b250YWxtZW50ZSxcclxuICogcGVybWl0aW5kbyB2aXN1YWxpemFyIHByb3BvcsOnw7VlcyByZWxhdGl2YXMgZW50cmUgZGlmZXJlbnRlcyB2YWxvcmVzLlxyXG4gKiBcclxuICogQGV4YW1wbGVcclxuICogPGt2LXN0YWNrZWQtYmFyLWNoYXJ0IFtkYXRhXT1cIm1pbmhhTGlzdGFEZURhZG9zXCIgW2FuaW1hdGlvbl09XCJ0cnVlXCI+PC9rdi1zdGFja2VkLWJhci1jaGFydD5cclxuICogXHJcbiAqIEBzdGFuZGFsb25lXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHNlbGVjdG9yOiAna3Ytc3RhY2tlZC1iYXItY2hhcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zdGFja2VkLWJhci1jaGFydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytc3RhY2tlZC1iYXItY2hhcnQuY29tcG9uZW50LnNjc3MnXSxcclxuICBpbXBvcnRzOiBbUHJpbWVOZ01vZHVsZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdlN0YWNrZWRCYXJDaGFydENvbXBvbmVudCB7XHJcblxyXG4gIC8qKlxyXG4gICAqIMONbmRpY2UgZGEgYmFycmEgYXR1YWxtZW50ZSBlbSBmb2NvIChob3ZlcikuXHJcbiAgICovXHJcbiAgaG92ZXJlZEluZGV4OiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqXHJcbiAgICogRGFkb3MgYSBzZXJlbSBleGliaWRvcyBubyBncsOhZmljbyBkZSBiYXJyYXMgZW1waWxoYWRhcy5cclxuICAqIEByZXF1aXJlZFxyXG4gICAqL1xyXG4gIGRhdGEgPSBpbnB1dC5yZXF1aXJlZDxTdGFja2VkQmFyRGF0YU1vZGVsW10+KClcclxuXHJcbiAgLyoqXHJcbiAgICogRGVmaW5lIHNlIGEgYW5pbWHDp8OjbyBkZSBjYXJyZWdhbWVudG8gZGV2ZSBzZXIgZXhpYmlkYS5cclxuICAgKiBAZGVmYXVsdCBmYWxzZVxyXG4gICAqL1xyXG4gIGFuaW1hdGlvbiA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuXHJcbiAgZmlsdGVyZWREYXRhID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5kYXRhKCkuZmlsdGVyKChzZWc6IFN0YWNrZWRCYXJEYXRhTW9kZWwpID0+IHNlZy52YWx1ZSA+IDApKTtcclxuXHJcbiAgZ2V0VG90YWwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5kYXRhKCkucmVkdWNlKChhY2MsIGl0ZW0pID0+IGFjYyArIGl0ZW0udmFsdWUsIDApO1xyXG4gIH1cclxuXHJcbiAgZ2V0UGVyY2VudCh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICBjb25zdCB0b3RhbCA9IHRoaXMuZ2V0VG90YWwoKTtcclxuICAgIHJldHVybiAodmFsdWUgLyB0b3RhbCkgKiAxMDA7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlRW50ZXIoaW5kZXg6IG51bWJlciwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCk6IHZvaWQge1xyXG4gICAgdGhpcy5ob3ZlcmVkSW5kZXggPSBpbmRleDtcclxuICAgIGlmKGNvbG9yKSBkb2N1bWVudC5ib2R5LnN0eWxlLnNldFByb3BlcnR5KCctLXRvb2x0aXAtYmctY29sb3InLCBjb2xvcik7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmhvdmVyZWRJbmRleCA9IG51bGw7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnJlbW92ZVByb3BlcnR5KCctLXRvb2x0aXAtYmctY29sb3InKTtcclxuICB9XHJcblxyXG5cclxufSIsIjxkaXYgY2xhc3M9XCJiYXJyYS1jYXRlZ29yaWFzLWNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJiYXJyYS1jYXRlZ29yaWFzXCI+XHJcbiAgICBAZm9yIChzZWcgb2YgZmlsdGVyZWREYXRhKCk7IGxldCBpID0gJGluZGV4OyB0cmFjayBpKSB7XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInNlZ21lbnRvXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICAnLS10YXJnZXQtd2lkdGgnOiBnZXRQZXJjZW50KHNlZy52YWx1ZSkgKyAnJScsXHJcbiAgICAgICAgICAnLS1kZWxheSc6IGkgKiAxNTAgKyAnbXMnLFxyXG4gICAgICAgICAgZmxleDogIWFuaW1hdGlvbigpID8gc2VnLnZhbHVlIDogJycsXHJcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHNlZy5iYXJDb2xvclxyXG4gICAgICAgIH1cIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2FuaW1hZG8gdzAnOiBhbmltYXRpb24oKSB9XCJcclxuICAgICAgICAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoaSwgc2VnLnRvb2x0aXBDb2xvcilcIlxyXG4gICAgICAgIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCJcclxuICAgICAgICBbY2xhc3MuZGVzdGFjYWRvLXNlZ21lbnRvXT1cImhvdmVyZWRJbmRleCA9PT0gaVwiXHJcbiAgICAgICAgcFRvb2x0aXA9XCJ7eyBzZWcudG9vbHRpcE1lc3NhZ2UgfX1cIlxyXG4gICAgICAgIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgW3Rvb2x0aXBTdHlsZUNsYXNzXT1cIid0b29sdGlwLScgKyBpXCJcclxuICAgICAgICBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjtcIlxyXG4gICAgICA+PC9kaXY+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -14187,6 +14187,7 @@ class KvStackedBarChartComponent {
|
|
|
14187
14187
|
* @default false
|
|
14188
14188
|
*/
|
|
14189
14189
|
this.animation = input(false);
|
|
14190
|
+
this.filteredData = computed(() => this.data().filter((seg) => seg.value > 0));
|
|
14190
14191
|
}
|
|
14191
14192
|
getTotal() {
|
|
14192
14193
|
return this.data().reduce((acc, item) => acc + item.value, 0);
|
|
@@ -14205,11 +14206,11 @@ class KvStackedBarChartComponent {
|
|
|
14205
14206
|
document.body.style.removeProperty('--tooltip-bg-color');
|
|
14206
14207
|
}
|
|
14207
14208
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStackedBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvStackedBarChartComponent, isStandalone: true, selector: "kv-stacked-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of
|
|
14209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvStackedBarChartComponent, isStandalone: true, selector: "kv-stacked-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of filteredData(); let i = $index; track i) {\r\n <div\r\n class=\"segmento\"\r\n [ngStyle]=\"{\r\n '--target-width': getPercent(seg.value) + '%',\r\n '--delay': i * 150 + 'ms',\r\n flex: !animation() ? seg.value : '',\r\n backgroundColor: seg.barColor\r\n }\"\r\n [ngClass]=\"{ 'animado w0': animation() }\"\r\n (mouseenter)=\"onMouseEnter(i, seg.tooltipColor)\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [class.destacado-segmento]=\"hoveredIndex === i\"\r\n pTooltip=\"{{ seg.tooltipMessage }}\"\r\n tooltipPosition=\"top\"\r\n [tooltipStyleClass]=\"'tooltip-' + i\"\r\n style=\"cursor: pointer;\"\r\n ></div>\r\n }\r\n </div>\r\n</div>", styles: [".barra-categorias-container{width:100%}.barra-categorias{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:16px;gap:4px}.segmento{height:100%;border-radius:4px}.segmento.animado{animation:crescerSegmento .5s ease-out forwards;animation-delay:var(--delay)}.w0{width:0}@keyframes crescerSegmento{0%{width:0}to{width:var(--target-width)}}::ng-deep .p-tooltip .p-tooltip-text{background:var(--tooltip-bg-color)!important;border:1px solid rgb(183,185,190)!important;border-radius:4px!important;box-shadow:#0003 1px 2px 10px;color:#6d6e73!important;font-weight:400!important}::ng-deep .p-tooltip-arrow{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
14209
14210
|
}
|
|
14210
14211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStackedBarChartComponent, decorators: [{
|
|
14211
14212
|
type: Component,
|
|
14212
|
-
args: [{ standalone: true, selector: 'kv-stacked-bar-chart', imports: [PrimeNgModule], template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of
|
|
14213
|
+
args: [{ standalone: true, selector: 'kv-stacked-bar-chart', imports: [PrimeNgModule], template: "<div class=\"barra-categorias-container\">\r\n <div class=\"barra-categorias\">\r\n @for (seg of filteredData(); let i = $index; track i) {\r\n <div\r\n class=\"segmento\"\r\n [ngStyle]=\"{\r\n '--target-width': getPercent(seg.value) + '%',\r\n '--delay': i * 150 + 'ms',\r\n flex: !animation() ? seg.value : '',\r\n backgroundColor: seg.barColor\r\n }\"\r\n [ngClass]=\"{ 'animado w0': animation() }\"\r\n (mouseenter)=\"onMouseEnter(i, seg.tooltipColor)\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n [class.destacado-segmento]=\"hoveredIndex === i\"\r\n pTooltip=\"{{ seg.tooltipMessage }}\"\r\n tooltipPosition=\"top\"\r\n [tooltipStyleClass]=\"'tooltip-' + i\"\r\n style=\"cursor: pointer;\"\r\n ></div>\r\n }\r\n </div>\r\n</div>", styles: [".barra-categorias-container{width:100%}.barra-categorias{display:flex;height:16px;border-radius:4px;overflow:hidden;margin-bottom:16px;gap:4px}.segmento{height:100%;border-radius:4px}.segmento.animado{animation:crescerSegmento .5s ease-out forwards;animation-delay:var(--delay)}.w0{width:0}@keyframes crescerSegmento{0%{width:0}to{width:var(--target-width)}}::ng-deep .p-tooltip .p-tooltip-text{background:var(--tooltip-bg-color)!important;border:1px solid rgb(183,185,190)!important;border-radius:4px!important;box-shadow:#0003 1px 2px 10px;color:#6d6e73!important;font-weight:400!important}::ng-deep .p-tooltip-arrow{display:none!important}\n"] }]
|
|
14213
14214
|
}] });
|
|
14214
14215
|
|
|
14215
14216
|
class NoArvoreComponent {
|