@skyux/charts 0.0.1-alpha.0 → 14.5.0

package/README.md

@@ -0,0 +1,3 @@
+# charts
+
+This library was generated with [Nx](https://nx.dev).

package/fesm2022/skyux-charts.mjs

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { NgModule, inject, ChangeDetectionStrategy, Component, DestroyRef, input, computed, numberAttribute, booleanAttribute } from '@angular/core';
+import * as i1 from '@skyux/modals';
+import { SkyModalInstance, SkyModalModule, SkyModalService } from '@skyux/modals';
+import * as i1$1 from '@skyux/popovers';
+import { SkyDropdownModule } from '@skyux/popovers';
+import * as i2 from '@skyux/i18n';
+import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
+import * as i1$2 from '@skyux/help-inline';
+import { SkyHelpInlineModule } from '@skyux/help-inline';
+
+/* istanbul ignore file */
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/shared/sky-charts' schematic.
+ * To update this file, simply rerun the command.
+ */
+const RESOURCES = {
+    'EN-US': {
+        'skyux_charts.chart.controls.context_menu.accessible_name': {
+            message: 'Context menu for {0}',
+        },
+        'skyux_charts.chart.controls.context_menu.view_data_table': {
+            message: 'View data table',
+        },
+        'skyux_charts.data_table_modal.close_button': { message: 'Close' },
+    },
+};
+SkyLibResourcesService.addResources(RESOURCES);
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyChartsResourcesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SkyChartsResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartsResourcesModule, imports: [SkyI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartsResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                }]
+        }] });
+
+class SkyChartDataTableModalContext {
+}
+class SkyChartDataTableModal {
+    constructor() {
+        this.context = inject(SkyChartDataTableModalContext);
+        this.modal = inject(SkyModalInstance);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartDataTableModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyChartDataTableModal, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<sky-modal [headingText]=\"context.headingText\">\n  <sky-modal-content> Chart data table, here. </sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"modal.close()\">\n      {{ 'skyux_charts.data_table_modal.close_button' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: SkyChartsResourcesModule }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i1.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout", "headingHidden"] }, { kind: "component", type: i1.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1.λ3, selector: "sky-modal-footer" }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartDataTableModal, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyChartsResourcesModule, SkyModalModule], template: "<sky-modal [headingText]=\"context.headingText\">\n  <sky-modal-content> Chart data table, here. </sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"modal.close()\">\n      {{ 'skyux_charts.data_table_modal.close_button' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n" }]
+        }] });
+
+class SkyChartControls {
+    constructor() {
+        this.#destroyRef = inject(DestroyRef);
+        this.#modalSvc = inject(SkyModalService);
+        this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
+    }
+    #destroyRef;
+    #modalSvc;
+    openDataTableModal() {
+        const instance = this.#modalSvc.open(SkyChartDataTableModal, {
+            size: 'large',
+            providers: [
+                {
+                    provide: SkyChartDataTableModalContext,
+                    useValue: {
+                        headingText: this.headingText(),
+                    },
+                },
+            ],
+        });
+        this.#destroyRef.onDestroy(() => instance.close());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SkyChartControls, isStandalone: true, selector: "sky-chart-controls", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<sky-dropdown\n  buttonType=\"context-menu\"\n  [label]=\"\n    'skyux_charts.chart.controls.context_menu.accessible_name'\n      | skyLibResources: headingText()\n  \"\n>\n  <sky-dropdown-menu>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"openDataTableModal()\">\n        {{\n          'skyux_charts.chart.controls.context_menu.view_data_table'\n            | skyLibResources\n        }}\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n", dependencies: [{ kind: "ngmodule", type: SkyChartsResourcesModule }, { kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i1$1.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i1$1.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i1$1.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartControls, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyChartsResourcesModule, SkyDropdownModule], selector: 'sky-chart-controls', template: "<sky-dropdown\n  buttonType=\"context-menu\"\n  [label]=\"\n    'skyux_charts.chart.controls.context_menu.accessible_name'\n      | skyLibResources: headingText()\n  \"\n>\n  <sky-dropdown-menu>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"openDataTableModal()\">\n        {{\n          'skyux_charts.chart.controls.context_menu.view_data_table'\n            | skyLibResources\n        }}\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n" }]
+        }], propDecorators: { headingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingText", required: true }] }] } });
+
+class SkyChartHeading {
+    constructor() {
+        this.headingLevel = input.required(...(ngDevMode ? [{ debugName: "headingLevel" }] : []));
+        this.headingStyle = input.required(...(ngDevMode ? [{ debugName: "headingStyle" }] : []));
+        this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
+        this.helpKey = input(...(ngDevMode ? [undefined, { debugName: "helpKey" }] : []));
+        this.helpPopoverContent = input(...(ngDevMode ? [undefined, { debugName: "helpPopoverContent" }] : []));
+        this.helpPopoverTitle = input(...(ngDevMode ? [undefined, { debugName: "helpPopoverTitle" }] : []));
+        this.headingClass = computed(() => {
+            return `sky-font-heading-${this.headingStyle()}`;
+        }, ...(ngDevMode ? [{ debugName: "headingClass" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartHeading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyChartHeading, isStandalone: true, selector: "sky-chart-heading", inputs: { headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: true, transformFunction: null }, headingStyle: { classPropertyName: "headingStyle", publicName: "headingStyle", isSignal: true, isRequired: true, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (headingLevel()) {\n  @case (2) {\n    <h2 [class]=\"headingClass()\">{{ headingText() }}</h2>\n  }\n  @case (3) {\n    <h3 [class]=\"headingClass()\">{{ headingText() }}</h3>\n  }\n  @case (4) {\n    <h4 [class]=\"headingClass()\">{{ headingText() }}</h4>\n  }\n  @case (5) {\n    <h5 [class]=\"headingClass()\">{{ headingText() }}</h5>\n  }\n}\n@if (helpPopoverContent() || helpKey()) {\n  <span class=\"sky-control-help-container\">\n    <sky-help-inline\n      [helpKey]=\"helpKey()\"\n      [labelText]=\"headingText()\"\n      [popoverContent]=\"helpPopoverContent()\"\n      [popoverTitle]=\"helpPopoverTitle()\"\n    />\n  </span>\n}\n", styles: ["h2,h3,h4,h5{display:inline;margin-block:0}\n"], dependencies: [{ kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "component", type: i1$2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartHeading, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyHelpInlineModule], selector: 'sky-chart-heading', template: "@switch (headingLevel()) {\n  @case (2) {\n    <h2 [class]=\"headingClass()\">{{ headingText() }}</h2>\n  }\n  @case (3) {\n    <h3 [class]=\"headingClass()\">{{ headingText() }}</h3>\n  }\n  @case (4) {\n    <h4 [class]=\"headingClass()\">{{ headingText() }}</h4>\n  }\n  @case (5) {\n    <h5 [class]=\"headingClass()\">{{ headingText() }}</h5>\n  }\n}\n@if (helpPopoverContent() || helpKey()) {\n  <span class=\"sky-control-help-container\">\n    <sky-help-inline\n      [helpKey]=\"helpKey()\"\n      [labelText]=\"headingText()\"\n      [popoverContent]=\"helpPopoverContent()\"\n      [popoverTitle]=\"helpPopoverTitle()\"\n    />\n  </span>\n}\n", styles: ["h2,h3,h4,h5{display:inline;margin-block:0}\n"] }]
+        }], propDecorators: { headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: true }] }], headingStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingStyle", required: true }] }], headingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingText", required: true }] }], helpKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpKey", required: false }] }], helpPopoverContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverContent", required: false }] }], helpPopoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverTitle", required: false }] }] } });
+
+const DEFAULT_HEADING_LEVEL = 3;
+function headingLevelInputTransformer(value) {
+    const numberValue = numberAttribute(value, DEFAULT_HEADING_LEVEL);
+    if (isHeadingLevel(numberValue)) {
+        return numberValue;
+    }
+    return DEFAULT_HEADING_LEVEL;
+}
+function isHeadingLevel(value) {
+    return value === 2 || value === 3 || value === 4 || value === 5;
+}
+
+const DEFAULT_HEADING_STYLE = 3;
+function headingStyleInputTransformer(value) {
+    const numberValue = numberAttribute(value, DEFAULT_HEADING_STYLE);
+    if (isHeadingStyle(numberValue)) {
+        return numberValue;
+    }
+    return DEFAULT_HEADING_STYLE;
+}
+function isHeadingStyle(value) {
+    return value === 2 || value === 3 || value === 4 || value === 5;
+}
+
+class SkyChartSubheading {
+    constructor() {
+        this.subheadingText = input.required(...(ngDevMode ? [{ debugName: "subheadingText" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartSubheading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SkyChartSubheading, isStandalone: true, selector: "sky-chart-subheading", inputs: { subheadingText: { classPropertyName: "subheadingText", publicName: "subheadingText", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `{{ subheadingText() }}`, isInline: true, styles: [":host{display:block;font-family:var(--sky-font-family-primary);font-size:var(--sky-font-size-body-m);font-weight:var(--sky-font-style-body-m);line-height:var(--sky-font-line_height-body-m);color:var(--sky-color-text-deemphasized)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChartSubheading, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-chart-subheading', template: `{{ subheadingText() }}`, styles: [":host{display:block;font-family:var(--sky-font-family-primary);font-size:var(--sky-font-size-body-m);font-weight:var(--sky-font-style-body-m);line-height:var(--sky-font-line_height-body-m);color:var(--sky-color-text-deemphasized)}\n"] }]
+        }], propDecorators: { subheadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subheadingText", required: true }] }] } });
+
+/**
+ * @preview
+ *
+ * Provides a consistent heading, subheading, and layout wrapper for a chart.
+ */
+class SkyChart {
+    constructor() {
+        /**
+         * Whether to hide the chart's heading.
+         */
+        this.headingHidden = input(false, { ...(ngDevMode ? { debugName: "headingHidden" } : {}), transform: booleanAttribute });
+        /**
+         * The semantic heading level in the document structure.
+         * @default 3
+         */
+        this.headingLevel = input(DEFAULT_HEADING_LEVEL, { ...(ngDevMode ? { debugName: "headingLevel" } : {}), transform: headingLevelInputTransformer });
+        /**
+         * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
+         * @default 3
+         */
+        this.headingStyle = input(DEFAULT_HEADING_STYLE, { ...(ngDevMode ? { debugName: "headingStyle" } : {}), transform: headingStyleInputTransformer });
+        /**
+         * The text to display as the chart's heading.
+         */
+        this.headingText = input.required(...(ngDevMode ? [{ debugName: "headingText" }] : []));
+        /**
+         * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+         * button is placed beside the chart heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
+         * as configured by the application.
+         */
+        this.helpKey = input(...(ngDevMode ? [undefined, { debugName: "helpKey" }] : []));
+        /**
+         * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+         * button is added to the chart heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+         * when clicked using the specified content and optional title.
+         */
+        this.helpPopoverContent = input(...(ngDevMode ? [undefined, { debugName: "helpPopoverContent" }] : []));
+        /**
+         * The title of the help popover. This property only applies when `helpPopoverContent` is also specified.
+         */
+        this.helpPopoverTitle = input(...(ngDevMode ? [undefined, { debugName: "helpPopoverTitle" }] : []));
+        /**
+         * Whether to hide the chart's subheading.
+         */
+        this.subheadingHidden = input(false, { ...(ngDevMode ? { debugName: "subheadingHidden" } : {}), transform: booleanAttribute });
+        /**
+         * The text to display as the chart's subheading.
+         */
+        this.subheadingText = input(...(ngDevMode ? [undefined, { debugName: "subheadingText" }] : []));
+        this.figureLabel = computed(() => {
+            const subheadingText = this.subheadingText();
+            return subheadingText
+                ? `${this.headingText()}, ${subheadingText}`
+                : this.headingText();
+        }, ...(ngDevMode ? [{ debugName: "figureLabel" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyChart, isStandalone: true, selector: "sky-chart", inputs: { headingHidden: { classPropertyName: "headingHidden", publicName: "headingHidden", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, headingStyle: { classPropertyName: "headingStyle", publicName: "headingStyle", isSignal: true, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: true, isRequired: false, transformFunction: null }, subheadingHidden: { classPropertyName: "subheadingHidden", publicName: "subheadingHidden", isSignal: true, isRequired: false, transformFunction: null }, subheadingText: { classPropertyName: "subheadingText", publicName: "subheadingText", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "sky-chart" }, ngImport: i0, template: "<div class=\"sky-chart-header\">\n  <div>\n    @if (!headingHidden()) {\n      <sky-chart-heading\n        [headingLevel]=\"headingLevel()\"\n        [headingStyle]=\"headingStyle()\"\n        [headingText]=\"headingText()\"\n        [helpKey]=\"helpKey()\"\n        [helpPopoverContent]=\"helpPopoverContent()\"\n        [helpPopoverTitle]=\"helpPopoverTitle()\"\n      />\n    }\n    @if (!subheadingHidden() && subheadingText(); as subheadingText) {\n      <sky-chart-subheading [subheadingText]=\"subheadingText\" />\n    }\n  </div>\n  <sky-chart-controls [headingText]=\"headingText()\" />\n</div>\n<figure class=\"sky-chart-content\" [attr.aria-label]=\"figureLabel()\">\n  <ng-content />\n</figure>\n", styles: [".sky-chart{display:block}.sky-chart-header{display:flex;align-items:baseline;justify-content:space-between;column-gap:var(--sky-space-gap-text_action-m, 12px);margin-bottom:var(--sky-space-stacked-xs, 5px)}figure.sky-chart-content{margin:0}\n"], dependencies: [{ kind: "component", type: SkyChartControls, selector: "sky-chart-controls", inputs: ["headingText"] }, { kind: "component", type: SkyChartHeading, selector: "sky-chart-heading", inputs: ["headingLevel", "headingStyle", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle"] }, { kind: "component", type: SkyChartSubheading, selector: "sky-chart-subheading", inputs: ["subheadingText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyChart, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'sky-chart',
+                    }, imports: [SkyChartControls, SkyChartHeading, SkyChartSubheading], selector: 'sky-chart', template: "<div class=\"sky-chart-header\">\n  <div>\n    @if (!headingHidden()) {\n      <sky-chart-heading\n        [headingLevel]=\"headingLevel()\"\n        [headingStyle]=\"headingStyle()\"\n        [headingText]=\"headingText()\"\n        [helpKey]=\"helpKey()\"\n        [helpPopoverContent]=\"helpPopoverContent()\"\n        [helpPopoverTitle]=\"helpPopoverTitle()\"\n      />\n    }\n    @if (!subheadingHidden() && subheadingText(); as subheadingText) {\n      <sky-chart-subheading [subheadingText]=\"subheadingText\" />\n    }\n  </div>\n  <sky-chart-controls [headingText]=\"headingText()\" />\n</div>\n<figure class=\"sky-chart-content\" [attr.aria-label]=\"figureLabel()\">\n  <ng-content />\n</figure>\n", styles: [".sky-chart{display:block}.sky-chart-header{display:flex;align-items:baseline;justify-content:space-between;column-gap:var(--sky-space-gap-text_action-m, 12px);margin-bottom:var(--sky-space-stacked-xs, 5px)}figure.sky-chart-content{margin:0}\n"] }]
+        }], propDecorators: { headingHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingHidden", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }], headingStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingStyle", required: false }] }], headingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingText", required: true }] }], helpKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpKey", required: false }] }], helpPopoverContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverContent", required: false }] }], helpPopoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPopoverTitle", required: false }] }], subheadingHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "subheadingHidden", required: false }] }], subheadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subheadingText", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyChart };
+//# sourceMappingURL=skyux-charts.mjs.map

package/fesm2022/skyux-charts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-charts.mjs","sources":["../../../../../libs/components/charts/src/lib/shared/sky-charts-resources.module.ts","../../../../../libs/components/charts/src/lib/chart/chart-data-table-modal.ts","../../../../../libs/components/charts/src/lib/chart/chart-data-table-modal.html","../../../../../libs/components/charts/src/lib/chart/chart-controls.ts","../../../../../libs/components/charts/src/lib/chart/chart-controls.html","../../../../../libs/components/charts/src/lib/chart/chart-heading.ts","../../../../../libs/components/charts/src/lib/chart/chart-heading.html","../../../../../libs/components/charts/src/lib/chart/chart-heading-level.ts","../../../../../libs/components/charts/src/lib/chart/chart-heading-style.ts","../../../../../libs/components/charts/src/lib/chart/chart-subheading.ts","../../../../../libs/components/charts/src/lib/chart/chart.ts","../../../../../libs/components/charts/src/lib/chart/chart.html","../../../../../libs/components/charts/src/skyux-charts.ts"],"sourcesContent":["/* istanbul ignore file */\n\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/shared/sky-charts' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesService,\n} from '@skyux/i18n';\n\nconst RESOURCES: Record<string, SkyLibResources> = {\n  'EN-US': {\n    'skyux_charts.chart.controls.context_menu.accessible_name': {\n      message: 'Context menu for {0}',\n    },\n    'skyux_charts.chart.controls.context_menu.view_data_table': {\n      message: 'View data table',\n    },\n    'skyux_charts.data_table_modal.close_button': { message: 'Close' },\n  },\n};\n\nSkyLibResourcesService.addResources(RESOURCES);\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n})\nexport class SkyChartsResourcesModule {}\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\nimport { SkyChartsResourcesModule } from '../shared/sky-charts-resources.module';\n\nexport abstract class SkyChartDataTableModalContext {\n  public abstract readonly headingText: string;\n}\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkyChartsResourcesModule, SkyModalModule],\n  templateUrl: './chart-data-table-modal.html',\n})\nexport class SkyChartDataTableModal {\n  protected readonly context = inject(SkyChartDataTableModalContext);\n  protected readonly modal = inject(SkyModalInstance);\n}\n","<sky-modal [headingText]=\"context.headingText\">\n  <sky-modal-content> Chart data table, here. </sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"modal.close()\">\n      {{ 'skyux_charts.data_table_modal.close_button' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { SkyChartsResourcesModule } from '../shared/sky-charts-resources.module';\nimport {\n  SkyChartDataTableModal,\n  SkyChartDataTableModalContext,\n} from './chart-data-table-modal';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkyChartsResourcesModule, SkyDropdownModule],\n  selector: 'sky-chart-controls',\n  templateUrl: './chart-controls.html',\n})\nexport class SkyChartControls {\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #modalSvc = inject(SkyModalService);\n\n  public readonly headingText = input.required<string>();\n\n  protected openDataTableModal(): void {\n    const instance = this.#modalSvc.open(SkyChartDataTableModal, {\n      size: 'large',\n      providers: [\n        {\n          provide: SkyChartDataTableModalContext,\n          useValue: {\n            headingText: this.headingText(),\n          },\n        },\n      ],\n    });\n\n    this.#destroyRef.onDestroy(() => instance.close());\n  }\n}\n","<sky-dropdown\n  buttonType=\"context-menu\"\n  [label]=\"\n    'skyux_charts.chart.controls.context_menu.accessible_name'\n      | skyLibResources: headingText()\n  \"\n>\n  <sky-dropdown-menu>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"openDataTableModal()\">\n        {{\n          'skyux_charts.chart.controls.context_menu.view_data_table'\n            | skyLibResources\n        }}\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  type TemplateRef,\n} from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/help-inline';\n\nimport { type SkyChartHeadingLevel } from './chart-heading-level';\nimport { type SkyChartHeadingStyle } from './chart-heading-style';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkyHelpInlineModule],\n  selector: 'sky-chart-heading',\n  styleUrl: './chart-heading.scss',\n  templateUrl: './chart-heading.html',\n})\nexport class SkyChartHeading {\n  public readonly headingLevel = input.required<SkyChartHeadingLevel>();\n  public readonly headingStyle = input.required<SkyChartHeadingStyle>();\n  public readonly headingText = input.required<string>();\n  public readonly helpKey = input<string>();\n  public readonly helpPopoverContent = input<string | TemplateRef<unknown>>();\n  public readonly helpPopoverTitle = input<string>();\n\n  protected readonly headingClass = computed(() => {\n    return `sky-font-heading-${this.headingStyle()}`;\n  });\n}\n","@switch (headingLevel()) {\n  @case (2) {\n    <h2 [class]=\"headingClass()\">{{ headingText() }}</h2>\n  }\n  @case (3) {\n    <h3 [class]=\"headingClass()\">{{ headingText() }}</h3>\n  }\n  @case (4) {\n    <h4 [class]=\"headingClass()\">{{ headingText() }}</h4>\n  }\n  @case (5) {\n    <h5 [class]=\"headingClass()\">{{ headingText() }}</h5>\n  }\n}\n@if (helpPopoverContent() || helpKey()) {\n  <span class=\"sky-control-help-container\">\n    <sky-help-inline\n      [helpKey]=\"helpKey()\"\n      [labelText]=\"headingText()\"\n      [popoverContent]=\"helpPopoverContent()\"\n      [popoverTitle]=\"helpPopoverTitle()\"\n    />\n  </span>\n}\n","import { numberAttribute } from '@angular/core';\n\n/**\n * @preview\n *\n * The allowed heading levels for charts, corresponding to the semantic heading levels in HTML.\n */\nexport type SkyChartHeadingLevel = 2 | 3 | 4 | 5;\n\nexport const DEFAULT_HEADING_LEVEL: SkyChartHeadingLevel = 3 as const;\n\nexport function headingLevelInputTransformer(\n  value: unknown,\n): SkyChartHeadingLevel {\n  const numberValue = numberAttribute(value, DEFAULT_HEADING_LEVEL);\n\n  if (isHeadingLevel(numberValue)) {\n    return numberValue;\n  }\n\n  return DEFAULT_HEADING_LEVEL;\n}\n\nfunction isHeadingLevel(value: unknown): value is SkyChartHeadingLevel {\n  return value === 2 || value === 3 || value === 4 || value === 5;\n}\n","import { numberAttribute } from '@angular/core';\n\n/**\n * @preview\n *\n * The allowed heading styles for charts, corresponding to the font styles defined in the SKY UX design system.\n */\nexport type SkyChartHeadingStyle = 2 | 3 | 4 | 5;\n\nexport const DEFAULT_HEADING_STYLE: SkyChartHeadingStyle = 3 as const;\n\nexport function headingStyleInputTransformer(\n  value: unknown,\n): SkyChartHeadingStyle {\n  const numberValue = numberAttribute(value, DEFAULT_HEADING_STYLE);\n\n  if (isHeadingStyle(numberValue)) {\n    return numberValue;\n  }\n\n  return DEFAULT_HEADING_STYLE;\n}\n\nfunction isHeadingStyle(value: unknown): value is SkyChartHeadingStyle {\n  return value === 2 || value === 3 || value === 4 || value === 5;\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sky-chart-subheading',\n  styleUrl: './chart-subheading.scss',\n  template: `{{ subheadingText() }}`,\n})\nexport class SkyChartSubheading {\n  public readonly subheadingText = input.required<string>();\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  type TemplateRef,\n} from '@angular/core';\n\nimport { SkyChartControls } from './chart-controls';\nimport { SkyChartHeading } from './chart-heading';\nimport {\n  DEFAULT_HEADING_LEVEL,\n  headingLevelInputTransformer,\n  type SkyChartHeadingLevel,\n} from './chart-heading-level';\nimport {\n  DEFAULT_HEADING_STYLE,\n  headingStyleInputTransformer,\n  type SkyChartHeadingStyle,\n} from './chart-heading-style';\nimport { SkyChartSubheading } from './chart-subheading';\n\n/**\n * @preview\n *\n * Provides a consistent heading, subheading, and layout wrapper for a chart.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'sky-chart',\n  },\n  imports: [SkyChartControls, SkyChartHeading, SkyChartSubheading],\n  selector: 'sky-chart',\n  styleUrl: './chart.scss',\n  templateUrl: './chart.html',\n})\nexport class SkyChart {\n  /**\n   * Whether to hide the chart's heading.\n   */\n  public readonly headingHidden = input(false, { transform: booleanAttribute });\n\n  /**\n   * The semantic heading level in the document structure.\n   * @default 3\n   */\n  public readonly headingLevel = input<SkyChartHeadingLevel, unknown>(\n    DEFAULT_HEADING_LEVEL,\n    {\n      transform: headingLevelInputTransformer,\n    },\n  );\n\n  /**\n   * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).\n   * @default 3\n   */\n  public readonly headingStyle = input<SkyChartHeadingStyle, unknown>(\n    DEFAULT_HEADING_STYLE,\n    {\n      transform: headingStyleInputTransformer,\n    },\n  );\n\n  /**\n   * The text to display as the chart's heading.\n   */\n  public readonly headingText = input.required<string>();\n\n  /**\n   * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)\n   * button is placed beside the chart heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)\n   * as configured by the application.\n   */\n  public readonly helpKey = input<string>();\n\n  /**\n   * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)\n   * button is added to the chart heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)\n   * when clicked using the specified content and optional title.\n   */\n  public readonly helpPopoverContent = input<string | TemplateRef<unknown>>();\n\n  /**\n   * The title of the help popover. This property only applies when `helpPopoverContent` is also specified.\n   */\n  public readonly helpPopoverTitle = input<string>();\n\n  /**\n   * Whether to hide the chart's subheading.\n   */\n  public readonly subheadingHidden = input(false, {\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The text to display as the chart's subheading.\n   */\n  public readonly subheadingText = input<string>();\n\n  protected readonly figureLabel = computed(() => {\n    const subheadingText = this.subheadingText();\n\n    return subheadingText\n      ? `${this.headingText()}, ${subheadingText}`\n      : this.headingText();\n  });\n}\n","<div class=\"sky-chart-header\">\n  <div>\n    @if (!headingHidden()) {\n      <sky-chart-heading\n        [headingLevel]=\"headingLevel()\"\n        [headingStyle]=\"headingStyle()\"\n        [headingText]=\"headingText()\"\n        [helpKey]=\"helpKey()\"\n        [helpPopoverContent]=\"helpPopoverContent()\"\n        [helpPopoverTitle]=\"helpPopoverTitle()\"\n      />\n    }\n    @if (!subheadingHidden() && subheadingText(); as subheadingText) {\n      <sky-chart-subheading [subheadingText]=\"subheadingText\" />\n    }\n  </div>\n  <sky-chart-controls [headingText]=\"headingText()\" />\n</div>\n<figure class=\"sky-chart-content\" [attr.aria-label]=\"figureLabel()\">\n  <ng-content />\n</figure>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;;;AAAA;AAEA;;;;;AAKG;AAQH,MAAM,SAAS,GAAoC;AACjD,IAAA,OAAO,EAAE;AACP,QAAA,0DAA0D,EAAE;AAC1D,YAAA,OAAO,EAAE,sBAAsB;AAChC,SAAA;AACD,QAAA,0DAA0D,EAAE;AAC1D,YAAA,OAAO,EAAE,iBAAiB;AAC3B,SAAA;AACD,QAAA,4CAA4C,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;AACnE,KAAA;CACF;AAED,sBAAsB,CAAC,YAAY,CAAC,SAAS,CAAC;AAE9C;;AAEG;MAIU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAFzB,aAAa,CAAA,EAAA,CAAA,CAAA;AAEZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAFzB,aAAa,CAAA,EAAA,CAAA,CAAA;;2FAEZ,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;;MC7BqB,6BAA6B,CAAA;AAElD;MAOY,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;AAMqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,6BAA6B,CAAC;AAC/C,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACpD,IAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdnC,sWAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,wBAAwB,8BAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,EAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,EAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,EAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGvC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,wBAAwB,EAAE,cAAc,CAAC,EAAA,QAAA,EAAA,sWAAA,EAAA;;;MEWxC,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;AAOW,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,eAAe,CAAC;AAE5B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU;AAiBvD,IAAA;AApBU,IAAA,WAAW;AACX,IAAA,SAAS;IAIR,kBAAkB,GAAA;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAC3D,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,OAAO,EAAE,6BAA6B;AACtC,oBAAA,QAAQ,EAAE;AACR,wBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAChC,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACpD;8GApBW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtB7B,ifAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDAY,wBAAwB,8BAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,EAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,EAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,EAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;sCACS,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAC5C,oBAAoB,EAAA,QAAA,EAAA,ifAAA,EAAA;;;MEAnB,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;AAQkB,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,uDAAwB;AACrD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,uDAAwB;AACrD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU;QACtC,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QACzB,IAAA,CAAA,kBAAkB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiC;QAC3D,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC9C,YAAA,OAAO,oBAAoB,IAAI,CAAC,YAAY,EAAE,EAAE;AAClD,QAAA,CAAC,wDAAC;AACH,IAAA;8GAXY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB5B,6oBAwBA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVY,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,EAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKlB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,mBAAmB,CAAC,YACpB,mBAAmB,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA;;;AENxB,MAAM,qBAAqB,GAAyB,CAAU;AAE/D,SAAU,4BAA4B,CAC1C,KAAc,EAAA;IAEd,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,qBAAqB,CAAC;AAEjE,IAAA,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;AAC/B,QAAA,OAAO,WAAW;IACpB;AAEA,IAAA,OAAO,qBAAqB;AAC9B;AAEA,SAAS,cAAc,CAAC,KAAc,EAAA;AACpC,IAAA,OAAO,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;AACjE;;AChBO,MAAM,qBAAqB,GAAyB,CAAU;AAE/D,SAAU,4BAA4B,CAC1C,KAAc,EAAA;IAEd,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,qBAAqB,CAAC;AAEjE,IAAA,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;AAC/B,QAAA,OAAO,WAAW;IACpB;AAEA,IAAA,OAAO,qBAAqB;AAC9B;AAEA,SAAS,cAAc,CAAC,KAAc,EAAA;AACpC,IAAA,OAAO,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;AACjE;;MCjBa,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;AAOkB,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,QAAQ,yDAAU;AAC1D,IAAA;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8OAFnB,CAAA,sBAAA,CAAwB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0OAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEvB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,sBAAsB,YAEtB,CAAA,sBAAA,CAAwB,EAAA,MAAA,EAAA,CAAA,0OAAA,CAAA,EAAA;;;ACiBpC;;;;AAIG;MAWU,QAAQ,CAAA;AAVrB,IAAA,WAAA,GAAA;AAWE;;AAEG;QACa,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,KAAK,0DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE7E;;;AAGG;QACa,IAAA,CAAA,YAAY,GAAG,KAAK,CAClC,qBAAqB,yDAEnB,SAAS,EAAE,4BAA4B,EAAA,CAE1C;AAED;;;AAGG;QACa,IAAA,CAAA,YAAY,GAAG,KAAK,CAClC,qBAAqB,yDAEnB,SAAS,EAAE,4BAA4B,EAAA,CAE1C;AAED;;AAEG;AACa,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU;AAEtD;;;;AAIG;QACa,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEzC;;;;AAIG;QACa,IAAA,CAAA,kBAAkB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiC;AAE3E;;AAEG;QACa,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAElD;;AAEG;QACa,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,KAAK,6DAC5C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AAEF;;AAEG;QACa,IAAA,CAAA,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE7B,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE;AAE5C,YAAA,OAAO;kBACH,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA,EAAA,EAAK,cAAc,CAAA;AAC1C,kBAAE,IAAI,CAAC,WAAW,EAAE;AACxB,QAAA,CAAC,uDAAC;AACH,IAAA;8GAvEY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,64CCtCrB,ssBAqBA,EAAA,MAAA,EAAA,CAAA,oPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDYY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,4KAAE,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKpD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;sCACS,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,WAAW;qBACnB,EAAA,OAAA,EACQ,CAAC,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,CAAC,YACtD,WAAW,EAAA,QAAA,EAAA,ssBAAA,EAAA,MAAA,EAAA,CAAA,oPAAA,CAAA,EAAA;;;AElCvB;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/charts",
-  "version": "0.0.1-alpha.0",
+  "version": "14.5.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -15,11 +15,27 @@
     "url": "https://github.com/blackbaud/skyux/issues"
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
+  "peerDependencies": {
+    "@angular/core": "^21.2.0",
+    "@skyux/help-inline": "14.5.0",
+    "@skyux/i18n": "14.5.0",
+    "@skyux/modals": "14.5.0",
+    "@skyux/popovers": "14.5.0"
+  },
+  "dependencies": {
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/skyux-charts.mjs",
+  "typings": "types/skyux-charts.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/skyux-charts.d.ts",
+      "default": "./fesm2022/skyux-charts.mjs"
     }
   },
-  "sideEffects": false,
   "type": "module"
-}
+}

package/types/skyux-charts.d.ts

@@ -0,0 +1,72 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+/**
+ * @preview
+ *
+ * The allowed heading levels for charts, corresponding to the semantic heading levels in HTML.
+ */
+type SkyChartHeadingLevel = 2 | 3 | 4 | 5;
+
+/**
+ * @preview
+ *
+ * The allowed heading styles for charts, corresponding to the font styles defined in the SKY UX design system.
+ */
+type SkyChartHeadingStyle = 2 | 3 | 4 | 5;
+
+/**
+ * @preview
+ *
+ * Provides a consistent heading, subheading, and layout wrapper for a chart.
+ */
+declare class SkyChart {
+    /**
+     * Whether to hide the chart's heading.
+     */
+    readonly headingHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The semantic heading level in the document structure.
+     * @default 3
+     */
+    readonly headingLevel: _angular_core.InputSignalWithTransform<SkyChartHeadingLevel, unknown>;
+    /**
+     * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
+     * @default 3
+     */
+    readonly headingStyle: _angular_core.InputSignalWithTransform<SkyChartHeadingStyle, unknown>;
+    /**
+     * The text to display as the chart's heading.
+     */
+    readonly headingText: _angular_core.InputSignal<string>;
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is placed beside the chart heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
+     * as configured by the application.
+     */
+    readonly helpKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the chart heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     */
+    readonly helpPopoverContent: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is also specified.
+     */
+    readonly helpPopoverTitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to hide the chart's subheading.
+     */
+    readonly subheadingHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The text to display as the chart's subheading.
+     */
+    readonly subheadingText: _angular_core.InputSignal<string | undefined>;
+    protected readonly figureLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkyChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkyChart, "sky-chart", never, { "headingHidden": { "alias": "headingHidden"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "headingStyle": { "alias": "headingStyle"; "required": false; "isSignal": true; }; "headingText": { "alias": "headingText"; "required": true; "isSignal": true; }; "helpKey": { "alias": "helpKey"; "required": false; "isSignal": true; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; "isSignal": true; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; "isSignal": true; }; "subheadingHidden": { "alias": "subheadingHidden"; "required": false; "isSignal": true; }; "subheadingText": { "alias": "subheadingText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SkyChart };
+export type { SkyChartHeadingLevel, SkyChartHeadingStyle };

package/.idea/data-grid.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/misc.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="KubernetesApiProvider">{}</component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/data-grid.iml" filepath="$PROJECT_DIR$/.idea/data-grid.iml" />
-    </modules>
-  </component>
-</project>