@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-chart.mjs","sources":["../../../projects/core/chart/style/chartstyle.ts","../../../projects/core/chart/chart.ts","../../../projects/core/chart/chart.html","../../../projects/core/chart/gravionlabs-helix-core-chart.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst inlineStyles = {\n    root: ({ instance }) => ({ display: 'block', position: 'relative', width: instance.width(), height: instance.height() })\n};\n\nconst classes = {\n    root: 'h-chart'\n};\n\n@Injectable()\nexport class ChartStyle extends BaseStyle {\n    name = 'chart';\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Chart groups a collection of contents in tabs.\n *\n * [Live Demo](https://www.primeng.org/chart/)\n *\n * @module chartstyle\n *\n */\nexport enum ChartClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-chart'\n}\n\nexport interface ChartStyle extends BaseStyle {}\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, effect, ElementRef, inject, InjectionToken, NgModule, NgZone, untracked, ViewEncapsulation, input, output } from '@angular/core';\nimport Chart from 'chart.js/auto';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent } from '@gravionlabs/helix-core/basecomponent';\nimport { ChartStyle } from './style/chartstyle';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport type { ChartPassThrough } from '@gravionlabs/helix-core/types/chart';\n\nconst CHART_INSTANCE = new InjectionToken<UIChart>('CHART_INSTANCE');\n\n/**\n * Chart groups a collection of contents in tabs.\n * @group Components\n */\n@Component({\n    selector: 'h-chart',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './chart.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cx('root')\",\n        '[style]': \"sx('root')\"\n    },\n    providers: [ChartStyle, { provide: CHART_INSTANCE, useExisting: UIChart }],\n    hostDirectives: [Bind]\n})\nexport class UIChart extends BaseComponent<ChartPassThrough> {\n    componentName = 'Chart';\n\n    $pcChart: UIChart | undefined = inject(CHART_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Type of the chart.\n     * @group Props\n     */\n    readonly type = input<'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar'>();\n    /**\n     * Array of per-chart plugins to customize the chart behaviour.\n     * @group Props\n     */\n    readonly plugins = input<any[]>([]);\n    /**\n     * Width of the chart.\n     * @group Props\n     */\n    readonly width = input<string>();\n    /**\n     * Height of the chart.\n     * @group Props\n     */\n    readonly height = input<string>();\n    /**\n     * Whether the chart is redrawn on screen size change.\n     * @group Props\n     */\n    readonly responsive = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Used to define a string that autocomplete attribute the current element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * Data to display.\n     * @group Props\n     */\n    readonly data = input<any>();\n    /**\n     * Options to customize the chart.\n     * @group Props\n     */\n    readonly options = input<any>({});\n    /**\n     * Callback to execute when an element on chart is clicked.\n     * @group Emits\n     */\n    readonly onDataSelect = output<any>();\n\n    isBrowser: boolean = false;\n\n    initialized: boolean | undefined;\n\n    chart: any;\n\n    _componentStyle = inject(ChartStyle);\n\n    constructor(\n        public el: ElementRef,\n        private zone: NgZone\n    ) {\n        super();\n        effect(() => {\n            this.data();\n            this.options();\n            untracked(() => this.reinit());\n        });\n    }\n\n    onAfterViewInit() {\n        this.initChart();\n        this.initialized = true;\n    }\n\n    onCanvasClick(event: Event) {\n        if (this.chart) {\n            const element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);\n            const dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);\n\n            if (element && element[0] && dataset) {\n                this.onDataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });\n            }\n        }\n    }\n\n    initChart() {\n        if (isPlatformBrowser(this.platformId)) {\n            let opts = this.options() || {};\n            opts.responsive = this.responsive();\n\n            // allows chart to resize in responsive mode\n            if (opts.responsive && (this.height() || this.width())) {\n                opts.maintainAspectRatio = false;\n            }\n\n            this.zone.runOutsideAngular(() => {\n                this.chart = new Chart(this.el.nativeElement.children[0], {\n                    type: this.type(),\n                    data: this.data(),\n                    options: this.options(),\n                    plugins: this.plugins()\n                });\n            });\n        }\n    }\n\n    getCanvas() {\n        return this.el.nativeElement.children[0];\n    }\n\n    getBase64Image() {\n        return this.chart.toBase64Image();\n    }\n\n    generateLegend() {\n        if (this.chart) {\n            return this.chart.generateLegend();\n        }\n    }\n\n    refresh() {\n        if (this.chart) {\n            this.chart.update();\n        }\n    }\n\n    reinit() {\n        if (this.chart) {\n            this.chart.destroy();\n            this.initChart();\n        }\n    }\n\n    onDestroy() {\n        if (this.chart) {\n            this.chart.destroy();\n            this.initialized = false;\n            this.chart = null;\n        }\n    }\n}\n\n@NgModule({\n    imports: [UIChart, SharedModule],\n    exports: [UIChart, SharedModule]\n})\nexport class ChartModule {}\n","<canvas\n    role=\"img\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.width]=\"responsive() && !width() ? null : width()\"\n    [attr.height]=\"responsive() && !height() ? null : height()\"\n    (click)=\"onCanvasClick($event)\"\n    [hBind]=\"ptm('canvas')\"\n></canvas>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-chart.mjs","names":[],"sources":["../../../projects/core/chart/style/chartstyle.ts","../../../projects/core/chart/chart.ts","../../../projects/core/chart/chart.html"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst inlineStyles = {\n    root: ({ instance }) => ({ display: 'block', position: 'relative', width: instance.width(), height: instance.height() })\n};\n\nconst classes = {\n    root: 'h-chart'\n};\n\n@Injectable()\nexport class ChartStyle extends BaseStyle {\n    name = 'chart';\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Chart groups a collection of contents in tabs.\n *\n * [Live Demo](https://www.primeng.org/chart/)\n *\n * @module chartstyle\n *\n */\nexport enum ChartClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-chart'\n}\n\nexport interface ChartStyle extends BaseStyle {}\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, effect, ElementRef, inject, InjectionToken, NgModule, NgZone, untracked, ViewEncapsulation, input, output } from '@angular/core';\nimport Chart from 'chart.js/auto';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent } from '@gravionlabs/helix-core/basecomponent';\nimport { ChartStyle } from './style/chartstyle';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport type { ChartPassThrough } from '@gravionlabs/helix-core/types/chart';\n\nconst CHART_INSTANCE = new InjectionToken<UIChart>('CHART_INSTANCE');\n\n/**\n * Chart groups a collection of contents in tabs.\n * @group Components\n */\n@Component({\n    selector: 'h-chart',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './chart.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cx('root')\",\n        '[style]': \"sx('root')\"\n    },\n    providers: [ChartStyle, { provide: CHART_INSTANCE, useExisting: UIChart }],\n    hostDirectives: [Bind]\n})\nexport class UIChart extends BaseComponent<ChartPassThrough> {\n    componentName = 'Chart';\n\n    $pcChart: UIChart | undefined = inject(CHART_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Type of the chart.\n     * @group Props\n     */\n    readonly type = input<'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar'>();\n    /**\n     * Array of per-chart plugins to customize the chart behaviour.\n     * @group Props\n     */\n    readonly plugins = input<any[]>([]);\n    /**\n     * Width of the chart.\n     * @group Props\n     */\n    readonly width = input<string>();\n    /**\n     * Height of the chart.\n     * @group Props\n     */\n    readonly height = input<string>();\n    /**\n     * Whether the chart is redrawn on screen size change.\n     * @group Props\n     */\n    readonly responsive = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Used to define a string that autocomplete attribute the current element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * Data to display.\n     * @group Props\n     */\n    readonly data = input<any>();\n    /**\n     * Options to customize the chart.\n     * @group Props\n     */\n    readonly options = input<any>({});\n    /**\n     * Callback to execute when an element on chart is clicked.\n     * @group Emits\n     */\n    readonly onDataSelect = output<any>();\n\n    isBrowser: boolean = false;\n\n    initialized: boolean | undefined;\n\n    chart: any;\n\n    _componentStyle = inject(ChartStyle);\n\n    constructor(\n        public el: ElementRef,\n        private zone: NgZone\n    ) {\n        super();\n        effect(() => {\n            this.data();\n            this.options();\n            untracked(() => this.reinit());\n        });\n    }\n\n    onAfterViewInit() {\n        this.initChart();\n        this.initialized = true;\n    }\n\n    onCanvasClick(event: Event) {\n        if (this.chart) {\n            const element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);\n            const dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);\n\n            if (element && element[0] && dataset) {\n                this.onDataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });\n            }\n        }\n    }\n\n    initChart() {\n        if (isPlatformBrowser(this.platformId)) {\n            let opts = this.options() || {};\n            opts.responsive = this.responsive();\n\n            // allows chart to resize in responsive mode\n            if (opts.responsive && (this.height() || this.width())) {\n                opts.maintainAspectRatio = false;\n            }\n\n            this.zone.runOutsideAngular(() => {\n                this.chart = new Chart(this.el.nativeElement.children[0], {\n                    type: this.type(),\n                    data: this.data(),\n                    options: this.options(),\n                    plugins: this.plugins()\n                });\n            });\n        }\n    }\n\n    getCanvas() {\n        return this.el.nativeElement.children[0];\n    }\n\n    getBase64Image() {\n        return this.chart.toBase64Image();\n    }\n\n    generateLegend() {\n        if (this.chart) {\n            return this.chart.generateLegend();\n        }\n    }\n\n    refresh() {\n        if (this.chart) {\n            this.chart.update();\n        }\n    }\n\n    reinit() {\n        if (this.chart) {\n            this.chart.destroy();\n            this.initChart();\n        }\n    }\n\n    onDestroy() {\n        if (this.chart) {\n            this.chart.destroy();\n            this.initialized = false;\n            this.chart = null;\n        }\n    }\n}\n\n@NgModule({\n    imports: [UIChart, SharedModule],\n    exports: [UIChart, SharedModule]\n})\nexport class ChartModule {}\n","<canvas\n    role=\"img\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.width]=\"responsive() && !width() ? null : width()\"\n    [attr.height]=\"responsive() && !height() ? null : height()\"\n    (click)=\"onCanvasClick($event)\"\n    [hBind]=\"ptm('canvas')\"\n></canvas>\n"],"mappings":"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"}