@alauda-fe/common
Version:
Alauda frontend team common codes.
92 lines • 11.4 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { ChartSeriesComponent } from './series.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../core/pipes/pure.pipe";
const _c0 = ["aclAreaSeries", ""];
function ChartAreaSeriesComponent__svg_ng_container_1__svg_stop_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelement(0, "stop");
} if (rf & 2) {
const stop_r1 = ctx.$implicit;
i0.ɵɵattribute("offset", stop_r1.offset + "%")("stop-color", stop_r1.color)("stop-opacity", stop_r1.opacity);
} }
function ChartAreaSeriesComponent__svg_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "defs")(2, "linearGradient", 2);
i0.ɵɵtemplate(3, ChartAreaSeriesComponent__svg_ng_container_1__svg_stop_3_Template, 1, 3, "stop", 1);
i0.ɵɵpipe(4, "pure");
i0.ɵɵelementEnd()();
i0.ɵɵelement(5, "path", 3);
i0.ɵɵpipe(6, "pure");
i0.ɵɵpipe(7, "pure");
i0.ɵɵpipe(8, "pure");
i0.ɵɵelement(9, "path", 4);
i0.ɵɵpipe(10, "pure");
i0.ɵɵpipe(11, "pure");
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const item_r2 = ctx.$implicit;
const ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵadvance(2);
i0.ɵɵproperty("id", item_r2.gradientFillId);
i0.ɵɵattribute("x1", ctx_r2.linearGradientXY.x1)("y1", ctx_r2.linearGradientXY.y1)("x2", ctx_r2.linearGradientXY.x2)("y2", ctx_r2.linearGradientXY.y2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(4, 16, item_r2.color, ctx_r2.gradient));
i0.ɵɵadvance(2);
i0.ɵɵattribute("d", item_r2.areaPath)("fill", i0.ɵɵpipeBind2(6, 19, item_r2.gradientFillId, ctx_r2.getGradientFillId))("visibility", item_r2.visibility)("opacity", i0.ɵɵpipeBind3(7, 22, item_r2.name, ctx_r2.handleOpacity, ctx_r2.activateLegend))("stroke-width", i0.ɵɵpipeBind4(8, 26, item_r2.name, ctx_r2.handleStrokeWidth, ctx_r2.activateLegend, ctx_r2.lineWidth) + "px");
i0.ɵɵadvance(4);
i0.ɵɵattribute("d", item_r2.path)("stroke", item_r2.color)("visibility", item_r2.visibility)("opacity", i0.ɵɵpipeBind3(10, 31, item_r2.name, ctx_r2.handleOpacity, ctx_r2.activateLegend))("stroke-width", i0.ɵɵpipeBind4(11, 35, item_r2.name, ctx_r2.handleStrokeWidth, ctx_r2.activateLegend, ctx_r2.lineWidth) + "px");
} }
export class ChartAreaSeriesComponent extends ChartSeriesComponent {
constructor() {
super(...arguments);
this.seriesType = 'area';
this.startOpacity = 0.2;
this.endOpacity = 0;
this.linearGradientXY = {
x1: '0%',
x2: '0%',
y1: '0%',
y2: '100%',
};
this.gradient = (color) => [
{
offset: 0,
color,
opacity: this.startOpacity,
},
{
offset: 100,
color,
opacity: this.endOpacity,
},
];
}
getGradientFillId(id) {
return `url(#${id})`;
}
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵChartAreaSeriesComponent_BaseFactory; return function ChartAreaSeriesComponent_Factory(t) { return (ɵChartAreaSeriesComponent_BaseFactory || (ɵChartAreaSeriesComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ChartAreaSeriesComponent)))(t || ChartAreaSeriesComponent); }; })(); }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChartAreaSeriesComponent, selectors: [["g", "aclAreaSeries", ""]], inputs: { seriesType: "seriesType", startOpacity: "startOpacity", endOpacity: "endOpacity" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 2, vars: 1, consts: [[1, "acl-series"], [4, "ngFor", "ngForOf"], [3, "id"], [1, "area"], ["fill", "none", 1, "line"]], template: function ChartAreaSeriesComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelementStart(0, "g", 0);
i0.ɵɵtemplate(1, ChartAreaSeriesComponent__svg_ng_container_1_Template, 12, 40, "ng-container", 1);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance();
i0.ɵɵproperty("ngForOf", ctx.seriesData);
} }, dependencies: [i1.NgForOf, i2.PurePipe], encapsulation: 2, changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChartAreaSeriesComponent, [{
type: Component,
args: [{ selector: 'g[aclAreaSeries]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg:g class=\"acl-series\">\n <ng-container *ngFor=\"let item of seriesData\">\n <svg:defs>\n <svg:linearGradient\n [id]=\"item.gradientFillId\"\n [attr.x1]=\"linearGradientXY.x1\"\n [attr.y1]=\"linearGradientXY.y1\"\n [attr.x2]=\"linearGradientXY.x2\"\n [attr.y2]=\"linearGradientXY.y2\"\n >\n <svg:stop\n *ngFor=\"let stop of item.color | pure: gradient\"\n [attr.offset]=\"stop.offset + '%'\"\n [attr.stop-color]=\"stop.color\"\n [attr.stop-opacity]=\"stop.opacity\"\n />\n </svg:linearGradient>\n </svg:defs>\n\n <svg:path\n class=\"area\"\n [attr.d]=\"item.areaPath\"\n [attr.fill]=\"item.gradientFillId | pure: getGradientFillId\"\n [attr.visibility]=\"item.visibility\"\n [attr.opacity]=\"item.name | pure: handleOpacity:activateLegend\"\n [attr.stroke-width]=\"\n (item.name | pure: handleStrokeWidth:activateLegend:lineWidth) + 'px'\n \"\n ></svg:path>\n\n <svg:path\n class=\"line\"\n [attr.d]=\"item.path\"\n [attr.stroke]=\"item.color\"\n [attr.visibility]=\"item.visibility\"\n [attr.opacity]=\"item.name | pure: handleOpacity:activateLegend\"\n [attr.stroke-width]=\"\n (item.name | pure: handleStrokeWidth:activateLegend:lineWidth) + 'px'\n \"\n fill=\"none\"\n ></svg:path>\n </ng-container>\n</svg:g>\n" }]
}], null, { seriesType: [{
type: Input
}], startOpacity: [{
type: Input
}], endOpacity: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartAreaSeriesComponent, { className: "ChartAreaSeriesComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1zZXJpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2NoYXJ0L2NvbW1vbi9zZXJpZXMvYXJlYS1zZXJpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2NoYXJ0L2NvbW1vbi9zZXJpZXMvYXJlYS1zZXJpZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7SUNRbEQsdUJBS0U7Ozs7Ozs7SUFkUiw2QkFBOEM7SUFFMUMsQUFERiw0QkFBVSx3QkFPUDtJQUNDLG9HQUtFOztJQUVOLEFBREUsaUJBQXFCLEVBQ1o7SUFFWCwwQkFTWTs7OztJQUVaLDBCQVVZOzs7Ozs7O0lBcENSLGVBQTBCO0lBQTFCLDJDQUEwQjs7SUFPUCxjQUE4QjtJQUE5QiwrRUFBOEI7SUFVbkQsZUFBd0I7O0lBV3hCLGVBQW9COzs7QUR0QjFCLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxvQkFBb0I7SUFObEU7O1FBT29CLGVBQVUsR0FBNEIsTUFBTSxDQUFDO1FBRXRELGlCQUFZLEdBQUcsR0FBRyxDQUFDO1FBRW5CLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFFeEIscUJBQWdCLEdBQUc7WUFDakIsRUFBRSxFQUFFLElBQUk7WUFDUixFQUFFLEVBQUUsSUFBSTtZQUNSLEVBQUUsRUFBRSxJQUFJO1lBQ1IsRUFBRSxFQUFFLE1BQU07U0FDWCxDQUFDO1FBTUYsYUFBUSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FBQztZQUM1QjtnQkFDRSxNQUFNLEVBQUUsQ0FBQztnQkFDVCxLQUFLO2dCQUNMLE9BQU8sRUFBRSxJQUFJLENBQUMsWUFBWTthQUMzQjtZQUNEO2dCQUNFLE1BQU0sRUFBRSxHQUFHO2dCQUNYLEtBQUs7Z0JBQ0wsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVO2FBQ3pCO1NBQ0YsQ0FBQztLQUNIO0lBaEJDLGlCQUFpQixDQUFDLEVBQVU7UUFDMUIsT0FBTyxRQUFRLEVBQUUsR0FBRyxDQUFDO0lBQ3ZCLENBQUM7b1FBaEJVLHdCQUF3QixTQUF4Qix3QkFBd0I7b0VBQXhCLHdCQUF3Qjs7WUNWckMsNEJBQTBCO1lBQ3hCLGtHQUE4QztZQXlDaEQsaUJBQVE7O1lBekN5QixjQUFhO1lBQWIsd0NBQWE7OztpRkRTakMsd0JBQXdCO2NBTnBDLFNBQVM7MkJBRUUsa0JBQWtCLG1CQUVYLHVCQUF1QixDQUFDLE1BQU07Z0JBRzdCLFVBQVU7a0JBQTNCLEtBQUs7WUFFRyxZQUFZO2tCQUFwQixLQUFLO1lBRUcsVUFBVTtrQkFBbEIsS0FBSzs7a0ZBTEssd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ2hhcnRTZXJpZXNDb21wb25lbnQgfSBmcm9tICcuL3Nlcmllcy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdnW2FjbEFyZWFTZXJpZXNdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FyZWEtc2VyaWVzLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENoYXJ0QXJlYVNlcmllc0NvbXBvbmVudCBleHRlbmRzIENoYXJ0U2VyaWVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3ZlcnJpZGUgc2VyaWVzVHlwZTogJ2xpbmUnIHwgJ2FyZWEnIHwgJ2JhcicgPSAnYXJlYSc7XG5cbiAgQElucHV0KCkgc3RhcnRPcGFjaXR5ID0gMC4yO1xuXG4gIEBJbnB1dCgpIGVuZE9wYWNpdHkgPSAwO1xuXG4gIGxpbmVhckdyYWRpZW50WFkgPSB7XG4gICAgeDE6ICcwJScsXG4gICAgeDI6ICcwJScsXG4gICAgeTE6ICcwJScsXG4gICAgeTI6ICcxMDAlJyxcbiAgfTtcblxuICBnZXRHcmFkaWVudEZpbGxJZChpZDogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGB1cmwoIyR7aWR9KWA7XG4gIH1cblxuICBncmFkaWVudCA9IChjb2xvcjogc3RyaW5nKSA9PiBbXG4gICAge1xuICAgICAgb2Zmc2V0OiAwLFxuICAgICAgY29sb3IsXG4gICAgICBvcGFjaXR5OiB0aGlzLnN0YXJ0T3BhY2l0eSxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9mZnNldDogMTAwLFxuICAgICAgY29sb3IsXG4gICAgICBvcGFjaXR5OiB0aGlzLmVuZE9wYWNpdHksXG4gICAgfSxcbiAgXTtcbn1cbiIsIjxzdmc6ZyBjbGFzcz1cImFjbC1zZXJpZXNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBzZXJpZXNEYXRhXCI+XG4gICAgPHN2ZzpkZWZzPlxuICAgICAgPHN2ZzpsaW5lYXJHcmFkaWVudFxuICAgICAgICBbaWRdPVwiaXRlbS5ncmFkaWVudEZpbGxJZFwiXG4gICAgICAgIFthdHRyLngxXT1cImxpbmVhckdyYWRpZW50WFkueDFcIlxuICAgICAgICBbYXR0ci55MV09XCJsaW5lYXJHcmFkaWVudFhZLnkxXCJcbiAgICAgICAgW2F0dHIueDJdPVwibGluZWFyR3JhZGllbnRYWS54MlwiXG4gICAgICAgIFthdHRyLnkyXT1cImxpbmVhckdyYWRpZW50WFkueTJcIlxuICAgICAgPlxuICAgICAgICA8c3ZnOnN0b3BcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgc3RvcCBvZiBpdGVtLmNvbG9yIHwgcHVyZTogZ3JhZGllbnRcIlxuICAgICAgICAgIFthdHRyLm9mZnNldF09XCJzdG9wLm9mZnNldCArICclJ1wiXG4gICAgICAgICAgW2F0dHIuc3RvcC1jb2xvcl09XCJzdG9wLmNvbG9yXCJcbiAgICAgICAgICBbYXR0ci5zdG9wLW9wYWNpdHldPVwic3RvcC5vcGFjaXR5XCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnOmxpbmVhckdyYWRpZW50PlxuICAgIDwvc3ZnOmRlZnM+XG5cbiAgICA8c3ZnOnBhdGhcbiAgICAgIGNsYXNzPVwiYXJlYVwiXG4gICAgICBbYXR0ci5kXT1cIml0ZW0uYXJlYVBhdGhcIlxuICAgICAgW2F0dHIuZmlsbF09XCJpdGVtLmdyYWRpZW50RmlsbElkIHwgcHVyZTogZ2V0R3JhZGllbnRGaWxsSWRcIlxuICAgICAgW2F0dHIudmlzaWJpbGl0eV09XCJpdGVtLnZpc2liaWxpdHlcIlxuICAgICAgW2F0dHIub3BhY2l0eV09XCJpdGVtLm5hbWUgfCBwdXJlOiBoYW5kbGVPcGFjaXR5OmFjdGl2YXRlTGVnZW5kXCJcbiAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJcbiAgICAgICAgKGl0ZW0ubmFtZSB8IHB1cmU6IGhhbmRsZVN0cm9rZVdpZHRoOmFjdGl2YXRlTGVnZW5kOmxpbmVXaWR0aCkgKyAncHgnXG4gICAgICBcIlxuICAgID48L3N2ZzpwYXRoPlxuXG4gICAgPHN2ZzpwYXRoXG4gICAgICBjbGFzcz1cImxpbmVcIlxuICAgICAgW2F0dHIuZF09XCJpdGVtLnBhdGhcIlxuICAgICAgW2F0dHIuc3Ryb2tlXT1cIml0ZW0uY29sb3JcIlxuICAgICAgW2F0dHIudmlzaWJpbGl0eV09XCJpdGVtLnZpc2liaWxpdHlcIlxuICAgICAgW2F0dHIub3BhY2l0eV09XCJpdGVtLm5hbWUgfCBwdXJlOiBoYW5kbGVPcGFjaXR5OmFjdGl2YXRlTGVnZW5kXCJcbiAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJcbiAgICAgICAgKGl0ZW0ubmFtZSB8IHB1cmU6IGhhbmRsZVN0cm9rZVdpZHRoOmFjdGl2YXRlTGVnZW5kOmxpbmVXaWR0aCkgKyAncHgnXG4gICAgICBcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgID48L3N2ZzpwYXRoPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvc3ZnOmc+XG4iXX0=